wordpress主题制作教程(十):制作文章单页模板single.php
您现在的位置:阿树工作室->wordpress主题教程->基础教程.7.25浏览数:39,982在前一篇教程中我们已经只做好了index.php,这个文件可以当首页使用,也可以当分类、标签等归档页使用,这篇教程我们来制作一下文章的具体页面-文章单页模板,如果我们没有但页模板single.php,那么就会使用index.php文件来代替,不过对于文章单页,我们还需要添加一些其他的信息,比如版权申明、相关文章、评论等等,所以我们应该另外制作一个模板,在我们下载的主题文件夹下面已经有了single.php文件。你可以试着删除这个文件,然后再去看看用index.php显示文章的效果。
用编辑器打开主题文件夹下面的single.php文件,在前面的教程中我们已经将这个文件中的头部、底部、侧边栏代码替换成了加载对应模板的代码。对于文章单页,我们的文章框架代码页需要放在一个循环中,只不过到了单页面,只循环一次。所以你完全可以将index.php里面的代码全部复制过来,再添加,修改。
一、文章标题
找到文章标题:
<h3class="title"><ahref="single.html">Loreumipsiummassacrasphasellus</a></h3>
还记得我们上篇教程讲的获取文章链接、标题的代码吗?
<h3class="title"><ahref="<?phpthe_permalink();?>"><?phpthe_title();?></a></h3>
二、文章标签:
<ahref="#">News</a>,<ahref="#">Products</a>
改成
<?phpthe_tags('标签:',',','');?>
三、日期
将日期改为:
<?phpthe_time('Y年n月j日')?>
四、评论数
<ahref="#">7Comments</a>
改成
<?phpcomments_popup_link('0条评论','1条评论','%条评论','','评论已关闭');?>
五、文章内容。
先将文章的图片删了,删除下面的代码:
<imgclass="thumb"src="<?phpbloginfo('template_url');?>/images/610x150.gif"alt=""/>
然后将所有文章内容,即: 和 之间的代码全部删除,替换成:
<?phpthe_content();?>
六、评论和返回首页
<pclass="clearfix"><ahref="blog.html"class="buttonfloat"><<BacktoBlog</a><ahref="#commentform"class="buttonfloatright">Discussthispost</a></p>
改成:
<pclass="clearfix"><ahref="<?phpechoget_option('home');?>"class="buttonfloat"><<返回首页</a><ahref="#commentform"class="buttonfloatright">发表评论</a></p>
好了,前面说过文章单页的内容页需要放在一个循环语句中(事实上是我们需要在输出文章的前面执行the_post()函数,这个函数会生成文章变量$post)。
在的后面添加代码,效果:
<!--Column1/Content--> <?phpif(have_posts()):the_post();update_post_caches($posts);?>
然后在代码
</div> <?phpget_sidebar();?>
的前面,注意咯。“的前面”添加代码,完成效果:
</div> <?phpelse:?> <divclass="errorbox"> 没有文章! </div> <?phpendif;?> <?phpget_sidebar();?>
这里的操作跟首页差不多,不过这里只需要输出一篇文章,所以while添加与否没有多大关系,需要提醒的是,一定要记住添加了if,就得有endif,添加了while,就得有endwhile。
可能其他语法不会这样用,其实这里你也可以改成用{}的。比如:
<?phpif(have_posts()){the_post();?> <!--文章代码--> <?php}?>
OK,文章单页制作方法就完成了。
!转载请注明来自:阿树工作室-wordpress主题定制,制作教程(wordpress主题定制-阿树工作室)
本篇教程之前的几篇教程是
wordpress主题制作教程(九):制作index.php文件wordpress主题制作教程(八):制作侧边栏sidebar.phpwordpress主题制作教程(七):制作底部文件-footer.php本篇教程之后的几篇教程是
wordpress主题制作教程(十一):评论模板comments.phpwordpress主题制作教程(12):单页面模板page.php如果觉得《wordpress主题制作教程(十):制作文章单页模板single.php》对你有帮助,请点赞、收藏,并留下你的观点哦!