WordPress主題製作全過程（九）：製作single.php

今天我們來製作單篇文章頁single.php，有了之前製作index.php的經驗，製作single.php也不再那麼難了，這裡將直接略過一些內容，直接給出結果。如果對某些修改不太清楚，可以先參考：WordPress主題製作全過程（八）：製作index.php

1.新增文章標題：

<h3 id="a-nbsp-href-single-html-Loreum-nbsp-ipsium-nbsp-massa-nbsp-cras-nbsp-phasellus-a"><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、新增文章標籤

<a href="#">News</a>, <a href="#">Products</a>

改成：

<?php the_tags(&#39;标签：&#39;, &#39;, &#39;, &#39;&#39;); ?>

3、新增日期

##找到：31st Sep, 09 改成：

<?php the_time(&#39;Y年n月j日&#39;) ?>

4、顯示註解數

<a href="#">7 Comments</a>

改成：

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

5、新增編輯按鈕

#接下上面的評論程式碼，改成:

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

# 6.新增文章內容

將 和之間的程式碼全部刪除，替換成：

<?php the_content(); ?>

另外，你可以將文章頁那張圖片刪除了，刪除以下程式碼：

<img  class="thumb lazy"  src="/static/imghwm/default1.png"  data-src="<?php bloginfo(&#39;template_url&#39;); ? alt="WordPress主題製作全過程（九）：製作single.php" >/images/610x150.gif"    alt=""/>

7、新增返回部落格首頁和發表評論按鈕

其實就是添加博客首頁和評論錨點鏈接，在製作header.php，我們已經知道可以通過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(&#39;home&#39;); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p>

好了，基本上的修改就這些了，但是你的文章頁仍然不能顯示文章內容，你得給它加上一個條件語句，這樣WordPress才會去資料庫讀出你的文章內容。搜尋代碼：

改為：

<!-- 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(); ?>

現在你的文章內容應該都可以正常顯示了，一個文章頁基本上也成形了。下節我們將講解如何製作評論頁，本次不提供修改的主題文件下載，下次一起提供。

另外，文章頁頂部會有一段文字：

Our blog, keeping you up-to-date on our latest news.

可以替換成你的內容。如果不需要，可以將以下程式碼刪除：

<h2 id="Our-nbsp-span-blog-span-nbsp-keeping-nbsp-you-nbsp-up-to-date-nbsp-on-nbsp-our-nbsp-latest-nbsp-news">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
<div class="hr grid_12 clearfix"> </div>

推薦學習：《

WordPress教學》

以上是WordPress主題製作全過程（九）：製作single.php的詳細內容。更多資訊請關注PHP中文網其他相關文章！