WordPress主题制作快速入门2

9、 Sidebar.php

回到index.html 文件,从 <form id=searchform> 开始切到 <div id=sidebar>结束标记, 粘贴到新的php文件,保存为 sidebar.php。
将 <form id=searchform>区域替换成 <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>;
将 <li> 标签替换成 <?php wp_list_categories(‘show_count=1&title_li=’); ?>;
替换档案<li> 标签 为 <?php wp_get_archives(‘type=monthly’); ?>。

参照:wp_list_categories 和 wp_get_archives。
10、 Footer.php

回到 index.html 文件,从 <div id=footer> 标签开始剪切到</html>结束部分 粘贴到新的PHP文件,保存为 footer.php。


最新帖子

在这里 query_post 显示最近的5个帖子。


最近评论

最近评论由一个插件生成 (包括在主题文件夹内)。


11. Index.php

现在在你的index.html 文件,你应该只剩下<div id=content> 区域。

将文件命名为index.php,以你相同的图层架构插入:get_header, get_sidebar,和 get_footer 。


12、 理解LOOP

下面的图片阐明循环运作原理. Loop用于显示博客文章,还可以让您控制显示什么。从基本上说, Loop检查你博客的文章,有文章则显示,没有则显示”Not Found”。


13. 复制Loop

转到default theme 文件夹,打开index.php 文件。

复制 Loop 从default index.php粘贴进<div id=content>..</div>之间。 然后,然后使用WordPress标签替换静态文本:post date,title,category, comments, next and previous link。


14、主题预览

恭喜!

你已经完成了首页(主题的主要部分)。 现在,登录你的后台,点主题样式,你会看的GlossyBlue 主题,激活它预览主题。
15、 Single.php

现在,是时候做single.php 模板。如果你想,你可以通过同样的步骤— 剪切 & 粘贴默认主题。

但我发现很容易将你刚才创建的index.php 另存一份为single.php。

打开默认主题的single.php 文件 复制一下模板标签, 包括comments_template,下面图片的高亮部分正是我更改的:


16、 Page.php

使用 你刚创建的single.php ,另存为page.php。移除文章日期, 评论表单, 上一篇/下一篇链接… 和其他不需要的.. 这样就完成了你的page.php 模板。
17、 删除HTML文件

删除glossyblue文件夹的所有HTML文件 (我们已经不再需要)。

在应用上,足以作为基本的WordPress主题。你会注意到其他的php文件在默认的主题文件夹,嗯,你并不需要这些文件,如果你只想要一个基本主题。

例如,如果search.php或404.php不在这个主题文件夹,WordPress的将自动使用index.php来呈现页面,阅读模板层次获取更多详情。
18、WordPress页模板

Ok, 最后一个例子,我将演示如何使用Page Template 建立一个档案页。将列出在您的博客所有,文章(良好的网站地图),复制archives.php 文件 从默认主题文件夹。

删除不需要的代码,你应该是这样的:


在这里我使用 query_post (showposts=-1 是指显示所有文章)显示帖子清单。

现在,登录到您的管理面板,创建新的页面, 标题写Archives. 在这个页面模板的下拉列表,选择文章。

Leave a comment

You must be logged in to post a comment.