從0到1製作WordPress主題#8單個帖子頁single.php

現在我們來看看單個帖子頁面，我們可以在單個帖子頁面發表評論或做點贊等事。 假如我們有來自網站的一批帖子，但是現在我們還無法點擊它並跳轉到個人帖子。 讓我們繼續努力吧！
1、打開index.php文件，爲文章標題添加鏈接，使標題可單擊。我們轉到 h3標籤，如下面的代碼所示; 添加a標籤，並將其包裹在title標籤周圍

<h3>
	<a href="<?php the_permalink(); ?>">
		<?php the_title(); ?>
	</a>
</h3>   

保存代碼，回到前端頁面刷新，你會看到標題變成了可點擊的鏈接，點擊標題會進入單個帖子頁面

2、讓我們爲鏈接添加一些樣式。 爲鏈接換個顏色; 將描述加粗，以使其脫穎而出。 將每個帖子包裝在自己的div中是很好的，我們將它放在article中，如下面的代碼所示：

<?php while(have_posts()): the_post(); ?>
	<article class="post">
		<h3>
		<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
		</h3>
		<div class="meta">
		Created By <?php the_author(); ?> on<?php the_time('F j, Y g:i a'); ?>
		</div>
		<?php the_content(); ?>
	</article>
<?php endwhile; ?> 

然後在樣式表中加入如下代碼：

a{
	color:#333;
 } 
article.post{
	border-bottom:1px #ccc solid;
	overflow:hidden;
} 

保存代碼，返回前端頁面刷新，會看到標題鏈接顏色變了，文章下方出現了一條直線。
3、我們通常會看到某種Read More按鈕，所以讓我們繼續添加它。 我們在article結束標籤下面添加如下代碼：

<br>
<a class="button" href="<?php the_permalink(); ?>"> Read More </a> 

爲Read More按鈕添加樣式，在樣式表裏添加如下代碼：

a.button{
	display:inline-block;
	background:#333;
	color:#fff;
	padding:10px 5px;
	margin-bottom: 10px;
	text-decoration: none;
}

保存代碼返回前端頁面刷新看到如下圖所示：

創建single.php

4、在單獨的帖子頁面，我們不希望文章標題成爲鏈接，這有點傻，所以我們需要改變它。 此外，還有其他我們想要的東西。 我們還需要一個評論表，所以我們需要爲單個帖子設置一個特殊頁面。
所以我們將在主題中創建一個新文件，我們將其命名爲single.php，在文件中輸入TEST，保存代碼。
在瀏覽器前端刷新後看到頁面上只有TEST

當我們回到網站主頁，它與以前相同，還是之前的帖子；但是如果我們點擊標題或read more按鈕跳轉到單獨的帖子頁面，我們只獲得TEST，因爲WordPress會自動向下查看single.php文件（如果沒有找到single.php組件文件，就會自動返回index.php，其他組件也是相同的道理），所以接下來我們要把index.php中代碼複製，然後粘貼在single.php中並保存，它會向我們顯示相同的結果。 現在我們可以在single.php文件中更改我們想要的內容，它只會在單獨的帖子頁面上生效。
我們來刪除single.php代碼中的標題鏈接和Read More; 併爲單獨帖子頁添加一些樣式。 爲此，我們將製作meta，代碼如下所示：

.meta{
	background:#333;
	color:#fff;
	padding:5px;
} 

我不是試圖用樣式來解決問題，因爲就像我說的那樣，我只是想讓你學習代碼而不是學習如何創造一個偉大的設計; 我們稍後會進入。