Genesis Framework

了解Genesis Layout选项

最后更新于 2012 年 11 月 20 日

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选项。