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. 12 年前
    2012-10-24 22:21:36

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

    • 啄木游弋
      博主
      蚂蚁
      12 年前
      2012-10-24 22:31:09

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

  2. 12 年前
    2012-5-01 14:56:16

    凑热闹的~~~

  3. 12 年前
    2012-4-29 18:12:23

    不错 很不错 继续更新呀

    • 啄木游弋
      博主
      蚂蚁窝
      12 年前
      2012-5-03 9:55:26

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

  4. 12 年前
    2012-4-29 14:15:26

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

    • 啄木游弋
      博主
      sure
      12 年前
      2012-5-03 10:03:24

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

  5. 12 年前
    2012-4-28 12:59:44

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

    • 啄木游弋
      博主
      饭团同学x
      12 年前
      2012-4-28 23:15:08

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

  6. 宝玉
    12 年前
    2012-4-28 12:44:25

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

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇