Genesis Framework

了解Genesis Layout选项

Genesis在layout方面非常灵活,如果你不喜欢所有页面都是两栏式布局,还可以为每个post或者page指定单独的layout选项。不仅如此,在编辑页面还允许你为body添加自定义样式。

例如,在子模板的style.css中添加如下样式

body.black {
     background-color:#000;
}
body.blue {
     background-color:#0000ff;
}
body.gray {
     background-color:#aaa;
}

在编辑post的页面找到Custom Body Class,填入blue,这样body就会多一个class叫blue,并且显示blue定义的背景色

如何移除默认的layout选项

genesis默认有6个layout选项

  • Content/Sidebar
  • Content/Sidebar/Sidebar
  • Sidebar/Sidebar/Content
  • Sidebar/Content/Sidebar
  • Sidebar/Content
  • Full Width Content

这样灵活性虽然高,但维护起来也比较麻烦,如果你不想维护多个layout,可以将不想要的layout注销!代码如下:

genesis_unregister_layout( 'full-width-content' );
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );

当然,也可以禁止post和page页面的layout选项

remove_theme_support( 'genesis-inpost-layouts' );
remove_theme_support( 'genesis-archive-layouts' );

通过适当裁剪可以降低制作和维护成本,而且并不是所有主题都需要如此多的layout选项。后面会介绍如何注册自定义的layout选项。