構建一個Bootstrap WordPress主題#12 創建文章詳情頁

  1. 在wpstrap主題文件夾下創建一個single.php文件。現在,如果我們單擊其中一篇博文,頁面會跳轉到空白頁,因爲它會自動查看single.php頁面。
  2. 現在複製index.php文件中的所有內容,並將其粘貼到single.php文件中。 保存並重新加載頁面; 它看起來與index頁面完全相同。
  3. 修改 single.php 文件裏的內容,首先找到 if(has_post_thumbnail()),一直到<?php else : ?>,將這一部分代碼全部刪除,然後別忘了把下面的 endif 標籤也刪除。
  4. 我們還是希望顯示特色圖片,我們把特色圖片部分的代碼放到 < /h2 > 標籤下面
<?php if(has_post_thumbnail()): ?>
	<div class="post-thumbnail">
	<?php the_post_thumbnail(); ?>
	</div>
<?php endif; ?>
<br>

保存代碼,刷新前臺頁面:

single post頁

  1. 我們不想要Read More按鈕,但我們想要全部內容而不是摘錄。所以我們刪除Read More按鈕,使用 <?php the_content(); ?>替換 <?php echo get_the_excerpt(); ?>,再將其外圍div標籤的類名改成content:
<div class="content">
	<?php the_content(); ?>
</div>

保存代碼,刷新頁面:

單獨的博客文章頁
單獨的博客文章頁完成了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章