Genesis Framework

Genesis Framework 子模板安装与配置实例

Genesis Framework一般通过子模板(Child Theme)来扩展主题,这样升级框架时可以最大限度的减少对网站现有样式和功能的影响。开始学习Genesis Framework框架之前,先安装Genesis Framework和示例子模板(点此下载Sample Child Theme),Genesis Framework是收费框架,不过你可以通过搜索Genesis Framework 下载找到最新版Genesis 1.8.0的下载。

安装Genesis Framework和Sample Child Theme

1. 安装一个全新的WordPress 3.3.1版。

2.激活主题。将Genesis Framework文件夹和Child Theme文件夹上传到/wp-content/themes下,并到Dashboard->Appearence->Themes中激活Sample Child Theme 1.8

3. 安装测试数据。测试数据在/wp-content/themes/child/xml/genesis.xml。点击Dashboard->Tools->Import,选择WordPress,系统会提示安装“Import WordPress”工具,安装后激活工具,选择genesis.xml导入即可。


安装导入工具


导入genesis.xml测试数据

4.安装完成。打开前台,就可以看到Genesis框架子模板的样子了。


安装完成后前台的样子

通过主题选项配置模板

在开始使用代码定制化模板之前,先来看一下主题选项给我们提供了哪些定制化功能。在后台菜单中可以找到Genesis选项卡,下面有三项:

  • Theme Settings – 主要是主题layout和配色选项
  • SEO Settings – 顾名思义,SEO相关设置
  • Import/Export – 可以导入或者导出genesis主题配置

主要看Theme Settings选项卡

点击这里查看GenesisTheme Settings完整截图

Information

比较有用的就是Enable Automatic Updates,开启自动更新,在Notify一栏里填写电子邮件地址,有更新时会自动向该地址发送通知,是否升级由用户自行选择。

Custom Feeds

输入博客的文章feed地址以及评论feed地址,如果不使用Feedburner管理feed,不建议勾选Redirect Feed选项。在这里输入feed地址博客上不会有显示,还需要在下面配置是否显示。

Default Layout

默认布局,选择一种布局后将应用到所有页面。特殊页面的布局还可以通过代码来指定,可以覆盖默认布局选项。

Navigation Settings

导航菜单选项,从上到下依次为,开启主导航,为次级菜单开启Fancy Dropdowns效果,开启导航栏右侧的栏目(具体可以是今天的日期,RSS feed链接,搜索表单或Twitter链接),开启次导航此单。全部开启的效果如图所示:


全部开启后的效果,红色方框是选择RSS feed等选项的效果,位置同Today's date

Breadcrumbs

可选择的面包屑导航路径,勾选需要显示面包屑的页面类型即可

Comments and Trackbacks

选择是否为post或page开启评论和trackbacks功能

Content Archives

控制blog、分类、标签等页面显示post的方式。
Display post content将显示文章内容
Display post excerpts显示文章摘要
Limit content to允许你设定一个字数上限,防止显示的内容过多
Include the Featured Image可以为你的post显示一张Featured Image
Select Post Navigaton Technique省去了安装wp pagenavi插件的步骤,可以直接选择导航方式(包括就文章/新文章,前一篇/后一篇以及数字导航,相当于wp pagenavi)

Blog Page

有时候我们需要剔除某些文章目录,也许这些目录已经用于显示特色文章,不希望重复显示在博客首页。那么这里提供了你需要的功能:

Display which category: 选择显示所有目录文章还是显示某一个目录文章
Exclude the following Category IDs:填写需要剔除的目录的ID,用逗号分隔
Number of Posts to Show:一页显示多少篇文章

Header and Footer Scripts

直接拷贝你需要加到wp_head()或wp_footer()中的代码到这里,主题会自动添加,例如网站统计代码、广告代码等。

还没开始进行任何编码,就可以对Genesis主题做如此之多的定制,基于此框架写出来的子模板已经相当于一款高级WordPress主题了,记住Genesis Framework是基于GPL协议的,因此你自制的Genesis Child Theme是可以收费发布的。