最近几天比较忙,稍微耽误了下,今天继续分享咱们这个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文件的代码尤其简单!当然,您如果是代码爱好者,想用代码编辑的方式规定这两部分的内容,咱们后面再慢慢交流,那些内容不属于这个基础教程的范围了。再强调一下咱们的目的,就是通过最简洁的代码,实现最基础最简单的主题,让初学者看得懂,学得会!
有大师反映,代码看起来还不是那么简单,这个真没办法,哈哈,我已经极尽精简代码了,几乎是没一句多余的。一块一块的代码,都是干什么的,也都加了注释,仔细的耐心的看看,应该能看得明白的吧?加油!
今晚把你的教程给实践了一番。貌似没闭合呀
哪个文件没有闭合?说来听听,我应该是都写完整了的撒
凑热闹的~~~
不错 很不错 继续更新呀
嗯,五一度假去了,这几天继续更新就快结束啦。
很久没有看到这么适合我这种初学者的精品而又免费的文章了,非常感谢!
喜欢就好,欢迎继续关注,最近几天这个主题制作系列教程就要完结了。
“如何激活待会再将”错别字哟=。=
另外……怎么激活
就一个错别字,还被你发现了
真心不懂了哈~凑个热闹,做个沙发~~