wordpress主题制作教程(十):制作文章单页模板single.php

wordpress主题制作教程(十):制作文章单页模板single.php

您现在的位置: 阿树工作室-> wordpress主题教程-> 基础教程   2012.7.25  浏览数:39,982

在前一篇教程中我们已经只做好了index.php，这个文件可以当首页使用，也可以当分类、标签等归档页使用，这篇教程我们来制作一下文章的具体页面-文章单页模板，如果我们没有但页模板single.php，那么就会使用index.php文件来代替，不过对于文章单页，我们还需要添加一些其他的信息，比如版权申明、相关文章、评论等等，所以我们应该另外制作一个模板，在我们下载的主题文件夹下面已经有了single.php文件。你可以试着删除这个文件，然后再去看看用index.php显示文章的效果。

用编辑器打开主题文件夹下面的single.php文件，在前面的教程中我们已经将这个文件中的头部、底部、侧边栏代码替换成了加载对应模板的代码。对于文章单页，我们的文章框架代码页需要放在一个循环中，只不过到了单页面，只循环一次。所以你完全可以将index.php里面的代码全部复制过来，再添加，修改。

一、文章标题
找到文章标题：

class="title">"single.html">Loreum ipsium massa cras phasellus

还记得我们上篇教程讲的获取文章链接、标题的代码吗？

class="title">"">

二、文章标签：

"#">News, "#">Products

改成

''); ?>

三、日期
将日期改为：

四、评论数

"#">7 Comments

改成

'', '评论已关闭'); ?>

五、文章内容。
先将文章的图片删了，删除下面的代码：

class="thumb" src="/images/610x150.gif" alt=""/>

然后将所有文章内容，即： 和 之间的代码全部删除，替换成：

六、评论和返回首页

class="clearfix"> "blog.html" class="button float" ><< Back to Blog "#commentform" class="button float right" >Discuss this post

改成：

class="clearfix"> "" class="button float" ><< 返回首页 "#commentform" class="button float right" >发表评论

好了，前面说过文章单页的内容页需要放在一个循环语句中(事实上是我们需要在输出文章的前面执行the_post()函数，这个函数会生成文章变量$post)。
在的后面添加代码，效果：

    if (have_posts()) : the_post(); update_post_caches($posts); ?>

然后在代码

  

      

的前面，注意咯。“的前面”添加代码，完成效果：

  

   else : ?>   

   class="errorbox">   

       没有文章！   

   

  

   endif; ?>   

     

这里的操作跟首页差不多，不过这里只需要输出一篇文章，所以while添加与否没有多大关系，需要提醒的是，一定要记住添加了if，就得有endif,添加了while，就得有endwhile。
可能其他语法不会这样用，其实这里你也可以改成用{}的。比如：

if( have_posts() ){ the_post();?>

OK，文章单页制作方法就完成了。

！转载请注明来自：阿树工作室-wordpress主题定制,制作教程（wordpress主题定制-阿树工作室）

本篇教程之前的几篇教程是

• wordpress主题制作教程(九):制作index.php文件
• wordpress主题制作教程(八):制作侧边栏sidebar.php
• wordpress主题制作教程(七):制作底部文件-footer.php

本篇教程之后的几篇教程是

• wordpress主题制作教程(十一):评论模板comments.php
• wordpress主题制作教程(12):单页面模板page.php