今天我們來制作單文章頁(yè)single.php，有了之前制作index.php的經(jīng)驗(yàn)，制作single.php也不再那么難了，這里將直接略過一些內(nèi)容，直接給出結(jié)果。如果對(duì)某些修改不太清楚，可以先參考：WordPress主題制作全過程（八）：制作index.php
1、添加文章標(biāo)題：
<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
改成：
<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
2、添加文章標(biāo)簽
<a href="#">News</a>, <a href="#">Products</a>
改成：
<?php the_tags('標(biāo)簽：', ', ', ''); ?>3、添加日期
找到：
31st Sep, 09
改成：
<?php the_time('Y年n月j日') ?>4、顯示評(píng)論數(shù)
<a href="#">7 Comments</a>
改成：
<?php comments_popup_link('0 條評(píng)論', '1 條評(píng)論', '% 條評(píng)論', '', '評(píng)論已關(guān)閉'); ?>5、添加編輯按鈕
接上面的評(píng)論代碼，改成:
<?php comments_popup_link('0 條評(píng)論', '1 條評(píng)論', '% 條評(píng)論', '', '評(píng)論已關(guān)閉'); ?><?php edit_post_link('編輯', ' ? ', ''); ?>6、添加文章內(nèi)容
將<!-- Post Content --> 和 <!-- Post Links -->之間的代碼全部刪除，替換成：
<?php the_content(); ?>
另外，你可以將文章頁(yè)那張圖片刪除了，刪除以下代碼：
<img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/>7、添加返回博客首頁(yè)和發(fā)表評(píng)論按鈕
其實(shí)就是添加博客首頁(yè)和評(píng)論錨點(diǎn)鏈接，在制作header.php，我們已經(jīng)知道可以通過get_option('home');來獲取博客地址。
<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>
改成：
<p class="clearfix"> <a href="<?php echo get_option('home'); ?>" class="button float" ><< 返回首頁(yè)</a> <a href="#commentform" class="button float right" >發(fā)表評(píng)論</a> </p>好了，基本上的修改就這些了，但是你的文章頁(yè)仍然不能顯示文章內(nèi)容，你得給它加上一個(gè)條件語(yǔ)句，這樣WordPress才會(huì)去數(shù)據(jù)庫(kù)讀出你的文章內(nèi)容。搜索代碼：<!-- Column 1 /Content -->
改成：
<!-- Column 1 /Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
將：
</div> <?php get_sidebar(); ?>
改成：
</div> <?php else : ?> <div class="errorbox"> 沒有文章！ </div> <?php endif; ?> <?php get_sidebar(); ?>
現(xiàn)在你的文章內(nèi)容應(yīng)該都可以正常顯示了，一個(gè)文章頁(yè)基本上也成型了。下節(jié)我們將講解如何制作評(píng)論頁(yè)，本次不提供修改的主題文件下載，下次一起提供。
另外，文章頁(yè)頂部會(huì)有一段文字：
Our blog, keeping you up-to-date on our latest news.
可以替換成你的內(nèi)容。如果不需要，可以將以下代碼刪除：
<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2> <div class="hr grid_12 clearfix"> </div>
WordPress主題制作全過程完整列表：
WordPress主題制作全過程（一）：基礎(chǔ)準(zhǔn)備
WordPress主題制作全過程（二）：主題文件構(gòu)成
WordPress主題制作全過程（三）：HTML靜態(tài)模板制作
WordPress主題制作全過程（四）：小試牛刀
WordPress主題制作全過程（五）：制作header.php
WordPress主題制作全過程（六）：制作footer.php
WordPress主題制作全過程（七）：制作sidebar.php
WordPress主題制作全過程（八）：制作index.php
WordPress主題制作全過程（九）：制作single.php
WordPress主題制作全過程（十）：制作comments.php
WordPress主題制作全過程（十一）：制作page.php
