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

建站教程 心晴客栈 2647次浏览 0个评论 扫描二维码

第一次用wordpress做站点,但已经不是第一次玩儿wordpress了。之前玩的时候都是在本地测试,所以也找过了很多网上的主题。不过一 直都没有找到一款令自己最心仪的主题,而且一直给我的印象最好的其实就是wordpress3.2.1的自带主题Twenty Eleven了。所以这次做站点就是用了这款主题,目前这个博客的主题你也许会觉得跟原版的Twenty Eleven主题不太一样,那是因为我稍微修改了一下CSS而已。但是这款主题也有一个让大家很不爽的地方,这也是我在使用这款主题并且发表了一篇文章之 后才发现的。那就是每篇文章的单独页面和page页面都没有侧边栏,这也让我很苦恼,总觉得非常空旷,少了点什么似的。我在谷歌上也搜索了很多关于如何解 决这一问题的文章。谷歌上有很多文章是写这个问题的,但都是相互转载,其实无非两种:一是修改single.php和page.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; }

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

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

支持博主

心晴客栈 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何为WordPress的Twenty Eleven主题添加文章页面侧边栏
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址