wordpress主题制作菜鸟教程继续推进篇

最近几天比较忙,稍微耽误了下,今天继续分享咱们这个wordpress主题制作教程。照例进行前情回顾,style.css文件已经具备,header.php、index.php文件把代码贴进去了,现在就剩下sidebar.php与footer.php文件了。这是本篇文章主要解决的问题。废话不说,开始动手喽。

先说说sidebar.php文件是用来干嘛的,从字面意思上看,sidebar,就是边栏的意思,wordpress中常翻译为侧边栏,分居左居右两种类型,详情可参看本教程第二篇文章的示意图。侧边栏一般都放什么东西?大致包括最新文章、热门文章、随机文章等文章类,标签云、日历、最新评论、网站管理等功能类。

那么侧边栏的内容是如何放上去的?包括两种方法,一是直接以编辑代码的方式规定侧边栏的内容,这个对于wordpress略有困难;二是wordpress后台拖拽的方式,规定侧边栏的内容,这就要感谢wordpress的丰富的小工具选项了,基本上可以满足绝大多数人的要求。我们这个教程既然是初级教程,肯定主要介绍第二种实现方案。下面来看侧边栏的php代码。

<aside id="sidebar">
<!--下面是两句一模一样的php语句,为什么用两句呢?因为我们在侧边栏放了两个小工具区啊,
可以多放点东西进去的-->
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget Area One') ) : ?>
<?php endif; ?>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget Area two') ) : ?>
<?php endif; ?>
<!--上面的这两个小工具区的名字,分别叫做Widget Area One与Widget Area One,
这个名字你可以随便改,没关系-->
</aside>

由于wordpress默认是没有开启小工具这个功能的,因此仅仅有上面的代码是不行的,我们还需要在function.php文件中对小工具功能进行激活;如何激活待会再讲,我们下面要把footer.php的代码一块做好后,统一进行激活。

footer文件的内容一般会显示在整个网页的最底部,看我们第二篇文章的示意图就明白了。footer.php的内容一般会展示一下版权信息,谁做的这个网站,网站用什么程序驱动的,等等之类的;但是就wordpress做成的网站而言,我们也可以在footer.php中展示一些其他的内容,像友情链接啦,最新留言啦,都是可以的。如果你看过不少别人的主题,会发现充分利用footer.php已经逐渐变成一种主流趋势了。那么如何把这些内容放到footer.php里面去呢?很简单,和sidebar.php采用同样的方法就可以了,这也就是所谓的multiple widgets,多个小工具区布局。我这样说大家能明白不?看我们的footer.php代码吧。

</section>
<footer id="footer">
<!--仔细看,是不是和上面的sidebar用的一模一样的代码呀?很简单吧?只是这次小工具区的
名字变成了Widget Area three,可以理解吧?总不能生了三个娃娃叫一样的名字!同样的,
名字是我随便起的,你可以尽情修改。
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget Area three') ) : ?>
<?php endif; ?>
</footer>
</div>
</body>

好了,我们这篇文章就到这里,你看,没什么困难的,sidebar.php与footer.php文件的代码尤其简单!当然,您如果是代码爱好者,想用代码编辑的方式规定这两部分的内容,咱们后面再慢慢交流,那些内容不属于这个基础教程的范围了。再强调一下咱们的目的,就是通过最简洁的代码,实现最基础最简单的主题,让初学者看得懂,学得会!

有大师反映,代码看起来还不是那么简单,这个真没办法,哈哈,我已经极尽精简代码了,几乎是没一句多余的。一块一块的代码,都是干什么的,也都加了注释,仔细的耐心的看看,应该能看得明白的吧?加油!

回复

  1. 蚂蚁 的头像

    今晚把你的教程给实践了一番。貌似没闭合呀

    1. 啄木游弋 的头像
      啄木游弋

      哪个文件没有闭合?说来听听,我应该是都写完整了的撒

  2. 豆腐面 的头像
  3. 蚂蚁窝 的头像

    不错 很不错 继续更新呀

    1. 啄木游弋 的头像
      啄木游弋

      嗯,五一度假去了,这几天继续更新就快结束啦。

  4. sure 的头像

    很久没有看到这么适合我这种初学者的精品而又免费的文章了,非常感谢!

    1. 啄木游弋 的头像
      啄木游弋

      喜欢就好,欢迎继续关注,最近几天这个主题制作系列教程就要完结了。

  5. 饭团同学x 的头像

    “如何激活待会再将”错别字哟=。=
    另外……怎么激活

    1. 啄木游弋 的头像
      啄木游弋

      就一个错别字,还被你发现了

  6. 宝玉 的头像

    真心不懂了哈~凑个热闹,做个沙发~~

发表回复

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

You may also enjoy…