如何为WordPress的Twenty Eleven主题添加文章页面侧边栏

第一次用wordpress做站点,但已经不是第一次玩儿wordpress了。之前玩的时候都是在本地测试,所以也找过了很多网上的主题。不过一 直都没有找到一款令自己最心仪的主题,而且一直给我的印象最好的其实就是wordpress3.2.1的自带主题Twenty Eleven了。所以这次做站点就是用了这款主题,目前这个博客的主题你也许会觉得跟原版的Twenty Eleven主题不太一样,那是因为我稍微修改了一下CSS而已。但是这款主题也有一个让大家很不爽的地方,这也是我在使用这款主题并且发表了一篇文章之 后才发现的。那就是每篇文章的单独页面和page页面都没有侧边栏,这也让我很苦恼,总觉得非常空旷,少了点什么似的。我在谷歌上也搜索了很多关于如何解 决这一问题的文章。谷歌上有很多文章是写这个问题的,但都是相互转载,其实无非两种:一是修改single.phppage.php以及functions.php这三个文件。另外一种是创建一个子主题,不需要修改functions.php但是要修改style.css文件。两种方法其实过程都不是很困难,但是第一种我没有测试成功,于是才找到了第二种创建子主题的办法。不过第二种我也没有试,因为受这两种方法的启示,我又找到了第三种方法。和网上的这两种有些类似,但是更简单。下面我就详细介绍一下这个最简单的添加侧边栏方法。

第一步、进入wordpress后台——外观——编辑。找到single.php文件找到如下图所示位置(最后一行)

<?php get_footer(); ?>

图中的这段代码应该在最下方。然后在图中这段代码的上方(即倒数第二行)添加如下代码:<?php get_sidebar(); ?>(英文状态下输入)。即引入侧边栏。添加好代码后点击更新文件。紧接着找到page.php。文件同样在最下方找到如上图的位置,并在同样的地方(倒数第二行)添加

<?php get_sidebar(); ?>

这段代码。然后点击更新文件。

完成以上步骤来进行第二步,同样在外观——编辑中找到style.css文件,然后找到如下图所示代码。

.singular #primary { margin: 0; }.singular #content, .left-sidebar.singular #content { margin: 0 7.6%; position: relative; width: auto; }

然后将以上代码删除或者用/* */把这段代码注释掉都可以。完成之后点击更新文件。

好了 ,就这么简单。打开你站点的一篇文章测试一下吧,效果已经出来了。

发表评论

4 条回应

  1. Alisuibi说道:

    感谢仙人为我指路

  2. lady说道:

    小雨,我按你的方法没有实现文章页面侧栏的功能,我想应该是我的上一篇、下一篇的显示位置不太对,请问你这个上一篇、下一篇是如何显示在文章结尾处的?我用的也是twenty eleven [大哭]