WordPress 3.8新主题Twenty Fourteen (2014)使用技巧

分享本文:
pic-2013-1216-006[1]

WordPress 3.8发布之后,最新版自带的默认主题Twenty Fourteen(2014)受到了许多WordPress用户的喜爱。这个最新版主题不仅外观漂亮、使用简单,最关键的是可以免费使用!未来一年,Twenty Fourteen(2014)将是WordPress的主打主题。昨天WPChina.org介绍了2014主题的基本使用方法之后,本站部分读者以及王牌主机的一些用户希望我们再来介绍一些2014主题的使用技巧。

1. 如何将页头图片的显示形式,由网格调整为幻灯片?

WordPress Twenty Fourteen(2014)主题页头部分默认以网格形式显示六条推荐阅读的内容。这些图片可以修改为幻灯片风格的,如下图所示:

WordPress 2014主题 幻灯片效果

设置很简单,在WordPress的控制后台,找到【Appearance(外观)】->【Customize (自定义)】,在主题的自定义面板里,有个【Featured Content(推荐内容)】部分。在这里,将 Grid(网格) 修改为 Slider(幻灯) 即可:

WordPress 2014主题 幻灯

 

2. 如何修改推荐阅读文章的默认标签

WordPress 2014主题的推荐文章功能,是检查文章的 featured (意思是特色的,推荐的;注意这里使用英文标签)标签。我们在前文介绍过,只要你将要推荐的文章加上 featured 标签,这篇文章就会显示在首页顶部的头版头条位置。

问题在于,有的用户可能已经在网站中使用了这个标签,可能用来表示别的含义。这时候,二者就发生了冲突。没关系的,你可以给推荐阅读的文章换个标签。举个例子,你可以设置一个标签为 recommend 或者 homepage 等,随你喜欢。然后将这里修改一下:

WordPress 2014主题 推荐文章

3. 如何修改页头部分推荐阅读文章的数量?

Twenty Fourteen(2014)主题默认显示最多6篇推荐阅读的文章。当推荐的文章超过6篇的时候,这里只显示最新推荐的6篇文章。

不过,六篇文章占据页头两行位置。对于有的网站来说,这占据的位置太多了;有的WordPress用户会希望将其修改为3篇文章,这样就仅占据一行位置。当然,也保不准有人希望修改为9篇或者更多,显示更多的推荐文章。

在 WordPress 2014 主题的 functions.php 文件中,找到下面这段代码,将其中的 max_pos 的数字(默认为6)修改为 3 或者其他你希望的数字,就可以了:

	// Add support for featured content.
	add_theme_support( 'featured-content', array(
		'featured_content_filter' => 'twentyfourteen_get_featured_posts',
		'max_posts' => 6,
	) );

4. 如何修改Twenty Fourteen主题的颜色方案?

WordPress Twemty Fourteen主题默认采用黑色背景色、白色文字的配色方案。用户可以通过主题的自定义面板,设置网站标题的颜色(Site Title Color),以及网站的背景颜色(Background Color)

但是,如果不修改css代码,你只能改变这么多。这时候,Fourteen Colors插件可以满足你的需求。

Fourteen Colors(2014色彩)插件给你提供更多的颜色选择。安装并激活Fourteen Colors(2014色彩)插件后,在【Apperaance(外观)】->【Customize(自定义)】中,有个Colors(颜色)部分。你会发现这里多了两个颜色选项:Accent Color(强调色,右上角搜索框部分的色彩,以及当前菜单的颜色)Contrast Color(对比色,顶部及左侧边栏的底色)

WordPress Furteen Colors插件

这里有一些比较不错的重新配色后的WordPress 2014主题,你可以欣赏一下:

WordPress Twenty Fourteen主题配色效果图

欲了解更多关于WordPress Twenty Fourteen的设计理念,请继续阅读:WordPress Twenty Fourteen主题的前世今生

分享本文:


评论: WordPress 3.8新主题Twenty Fourteen (2014)使用技巧

  • 什么都好 就是 左侧的边栏搞死了 想弄掉他

    sh18 2013/12/20 5:55 下午 回复
    • 左侧边栏是基本侧边栏哦,没有的话,感觉会很难看哦。右边的侧边栏倒是可以去掉,使用完整宽度模板就可以了。

      Jiang 2013/12/21 12:40 下午 回复
  • 用了这个主题,怎么开启宽屏模式呢?我这里首页右侧总是有一段空的,求指教。
    另外首页的标签名无法修改?
    站点:http://xjwq.org/

    hythyt9898 2013/12/27 11:12 下午 回复
  • @hythyt898,我看你的网站已经是宽屏模式了哦。昨天我以为你是想要去掉右侧边栏呢。标签名无法修改?你可以删除一个标签,然后新添加一个就可以了哦。

    Jiang 2013/12/29 10:19 上午 回复
  • @Jiang ,哦,前两天一个妹子路过小站时说了下怎么弄宽屏。之前首页标题的问题是一个seo插件造成的。还是谢谢了

    hythyt9898 2013/12/30 12:53 下午 回复
  • @thythy898,有问题欢迎随时交流 ^-^

    Jiang 2013/12/30 1:54 下午 回复
  • @Jiang 遇到一个问题,纠结了两天了,我这里lightbox用不了,很多版本的都试过,rel=”lightbox”之类也都有。现在用的是wp lightbox 2,一样无效。
    例如这里http://xjwq.org/2013/12/236,点击直接到图片
    再例如这里http://xjwq.org/2013/12/229 点击后居然变成乱码了!
    最后是相册http://xjwq.org/gallery/pili 这里用的awesome flickr gallery居然可以。。。求救

    hythyt9898 2013/12/31 1:31 下午 回复
  • @hythyt9898,是不是和别的插件冲突了?我刚刚特意测试了一下,wp lightbox 2在本地测试都完全没有问题的。

    Jiang 2014/01/01 12:42 下午 回复
  • @Jiang 一个个的试,发现是Ajaxify WordPress Site这个插件导致的。终于不纠结了。

    hythyt9898 2014/01/02 6:26 下午 回复
  • 还有啊,我的网站www.zyddn.com,首页上不想要“6个推荐图片”下面的内容了,该怎么弄呢?大神?亲哥?

    fanyang 2014/02/10 1:27 上午 回复
  • 如何使用完整宽度模板啊?

    yanchao 2014/02/23 10:58 下午 回复
  • 博主你好,可以请教你一个问题吗?wordpress默认的主题,如何修改小工具的h1标签!wordpress默认的主题所有的小工具都是h1标签我想要改称h3试着在wp程序里面修改也没有找到!希望博主能给一个解决的办法

    纬创博客 2014/03/07 10:40 下午 回复
  • @fanyang,你这个需要修改主题代码哦。

    Jiang 2014/03/12 10:37 上午 回复
  • @yanchao,右侧边栏很容易去掉,你可以移除内容挂件区(Content Widget Area)里所有的挂件就可以了。

    Jiang 2014/03/12 10:39 上午 回复
  • @纬创博客,这个需要修改主题的 funcitons.php 文件。对于默认的2014主题,在funcitons.php 文件中,大约174~200行之间,修改即可。

    Jiang 2014/03/12 10:40 上午 回复
  • 麻烦问下如何把Twenty Fourteen(2014)设置成满屏,我在MBA上看到的宽度像素是1260.
    另外,我的首页页面已经设置为“全宽页面”,但是还是只占内容区一半。
    麻烦帮忙指导下,谢谢

    hookgao 2014/03/19 3:30 下午 回复
    • @hookgao,建议你看看本站最新推荐的新主题,Ridizain,基于2014主题而设计!

      Jiang 2014/03/23 8:44 上午 回复
  • Pingback: WordPress最新免费主题推荐:基于2014开发的Ridizain主题 - WordPress 非官方中文站

  • 顶部幻灯的图片显示不了是怎么回事

    qiang 2014/04/25 5:11 下午 回复
  • Pingback: Kingsoo.com

  • 我装了色彩插件后,没有 site title color 这个项了是怎么回事?我的wp是3.9.1

    Tao 2014/06/19 2:04 下午 回复
    • @Tao,你好。我没法登录你的WP后台,没法确认具体原因。我建议你先关闭其他插件试试看哦,可能是插件冲突了。

      Jiang 2014/06/19 11:56 下午 回复

留言给文章 hythyt9898 取消回复

邮箱地址不会被公开。 必填项已用*标注