wordpress 主题一步步制作教程!第16课 尾部(图解)
关于 尾部(footer)的这篇教程将会很简单。只要在侧边栏下增加个 DIV 标签,然后输入一些版权信息。其实你完全可以不用我说明就能自己做,去试下吧。然后返回这里再仔细检查下。
关于 尾部(footer)的这篇教程将会很简单。只要在侧边栏下增加个 DIV 标签,然后输入一些版权信息。其实你完全可以不用我说明就能自己做,去试下吧。然后返回这里再仔细检查下。
一个适合 Widget 的侧边栏或者说是窗体化(widgetized)的侧边栏几乎是 WordPress 2.0 以后的主题标准。但是首先,什么是窗体化(widgetizing)呢?简单的说,窗体化就是让侧边栏适合 Widget 这个插件(译者注:WordPress 2.2 已经内置了 Wodgets),这个插件让你非常容易就能够重新整理侧边栏的模块。
举个例子说,不用去修改侧边栏的代码去更改分类和存档的位置,你只需要简单把分类和存档列表拖到它们的位置即可。
尽管这篇的题目是 搜索框(Search Form) 和 日历(Calendar),我同样也会介绍 元数据(Meta) 。让我们在这一篇结束常规的侧边栏,然后将在下一篇指出如何窗体化(widgetize)化侧边栏,怎么样?好吧,让我们开始…
这篇课程将比较轻松。你将学到如何调用存档链接列表和 blogroll 链接列表,下一篇将是日历和搜索框。
在开始之前,我想解释下为什么我把我的课程分成比较小的节。你所学的一切都需要几个月时间来消化!所以当我第一次向你展示的时候,你能够理解所有的东西是非常重要的,这样你就不用会去重新学习。
现在你已经熟悉了侧边栏的结构,接下来我们将继续修改侧边栏,完成页面链接(Page-link)列表。当完成常规的侧边栏之后,我将向你展示如何窗体化(widgetize)你的侧边栏。
在分类链接上面添加以下代码:
是否你已经很期待学习侧边栏(Sidebar)了呢?可能第一眼,感觉侧边栏很难,其实它根本不难,一旦你掌握了它的结构,就能很快编码和样式化它。
在开始侧边栏之前,这是现在 index.php 文件的样子。
不要忘记打开 Xampp……
在绝大多数的 WordPress blog 的底部中,都会有 Next Page 或者 Previous Page 这些导航链接。你可以通过 WordPress 的模板系统中的 posts_nav_link() 这个函数调用这些链接。在这篇中,只有一个步骤!
真的需要我再次告诉你一次去打开 Xampp,主题文件夹,浏览器和 index.php 文件吗?
这篇课程将讨论其他3个可以增加到日志中的元素。Else,post ID, 和 链接的 title 值。尽管它们是可选的,但是你几乎可以在我每一个免费的主题中都能找到。
开始之前,不要忘记启动 Xampp。
这一篇我们开始解决日志的元数据(Postmetadata):日期(date),分类(categories),作者(author),评论数(number of comments),以及其他隶属于日志的杂项信息。
我们现在在教程 5C,你可能已经注意到我将会把教程归纳成更大块(更少的步骤)。在开始之前,请打开 Xampp,主题文件夹,浏览器以及 index.php 文件。
在这篇中,我们将解决真正的东西。如何展示你博客的内容?然后你将看到更多的 DIV 标签,用于把博客的内容和在上一篇中创建的日志标题区分开。
(注意:上一篇课程是非常,非常重要的。如果你不是完全明白我上篇所讲的,你需要去重新看一篇和问我问题直到搞明白为止。)
下面开始这篇课程。打开 Xampp ,打开 “tutorial”主题文件夹,打开浏览器,输入地址:http://localhost/wordpress,最后用文本编辑器打开 index.php。
调用你博客日志的主循环(The Loop)是 WordPress 中最重要的 PHP 代码集。这也是关于创建 WordPress 主题系列教程的第五篇。在继续学习之前,我们先复习下到目前为止学到了什么?
这是我的关于创建 WordPress 主题 系列教程的第四篇。最后说一次,请你务必能先读下前面的日志。否者你很难理解这篇日志。这篇会很快完成 herder 模板并介绍 DIV 盒子模型