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

2024-04-25 20:47:51

字體：大中小

來源：轉載

供稿：網友

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

1、添加文章標題：

<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、添加文章標簽

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

改成：

<?php the_tags('標簽：', ', ', ''); ?>

3、添加日期
找到：31st Sep, 09 改成：

<?php the_time('Y年n月j日') ?>

4、顯示評論數

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

改成：

<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關閉'); ?>

5、添加編輯按鈕
接上面的評論代碼，改成:

<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關閉'); ?><?php edit_post_link('編輯', ' • ', ''); ?>

6、添加文章內容
將 和 之間的代碼全部刪除，替換成：

<?php the_content(); ?>

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

<img class="thumb" src="<?php bloginfo('template_url'); ?>/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('home'); ?>" class="button float" ><< 返回首頁</a> <a href="#commentform" class="button float right" >發表評論</a> </p>