wordpress網(wǎng)站模板首頁，怎樣添加全站文章列表？

時間：2023-06-13 12:12:02 | 來源：網(wǎng)站運營

時間：2023-06-13 12:12:02 來源：網(wǎng)站運營

wordpress網(wǎng)站模板首頁，怎樣添加全站文章列表？：在前面的章節(jié)中，我們?yōu)閣ordpress網(wǎng)站的首頁模板的頭部、右側邊欄、底部添加了數(shù)據(jù)調(diào)用代碼，實現(xiàn)了我們想要的效果。這時，我們看到，這個網(wǎng)站首頁還有一個主體部分——左側邊主體，還沒有添加數(shù)據(jù)調(diào)用代碼。因為，這是一個wordpress博客網(wǎng)站的模板主題，所以，一般情況下，左側邊顯示的是wordpress網(wǎng)站的全站文章列表。那么，怎樣給wordpress網(wǎng)站模板的首頁添加全站文章列表調(diào)用呢？下面，我們就一起來看看吧。

第一步：添加循環(huán)代碼。

打開首頁模板文件index.php，找到< div class="c_left">這個標簽（當然，你開發(fā)的wordpress模板可能不是這個標簽元素），在這個標簽內(nèi)部添加如下代碼：

if ( have_posts() ) :
while ( have_posts() ) : the_post();
endwhile;
endif;

在上面的代碼中，我們用到了PHP的相關語法，if判斷語句和while循環(huán)語句，這里，我們沒有采用大括號的方式來包含語句的主體部分，而是以冒號的形式，所以，我們需要在后面添加 endwhile和endif來結束它們，如果不添加結束語句，PHP就會報錯。

代碼中同我們還用到了2個函數(shù)：

have_posts()：這個函數(shù)被調(diào)用時，會調(diào)用全局變量$wp_query->have_posts()成員函數(shù)，查看全局數(shù)組變量$posts的一個循環(huán)計數(shù)器，檢查還有沒有post文章，如果有就返回真，否則返回假。

the_post()：這個函數(shù)調(diào)用$wp_query->the_post()成員函數(shù)前移循環(huán)計數(shù)器，并且創(chuàng)建一個全局變量$post，把當前的post文章的所有信息都賦值給這個$post變量中，以備接下來使用。

第二步：在循環(huán)體中調(diào)用文章數(shù)據(jù)。

這里，我們要實現(xiàn)的效果，是一個簡單的博客文章標題列表的形式，所以，我們在循環(huán)體中添加如下代碼：

echo '< li>< a href="'.get_permalink().'">'.$post->post_title.'</a>< em>'.get_the_time("Y-m-d").'</em></li>';

意思是只調(diào)用文章的標題和發(fā)布時間。這里，我們又用到了幾個函數(shù)和變量調(diào)用：

$post->post_title：這個是調(diào)用文章的標題；
get_permalink()：獲取文章的鏈接地址；
get_the_time("Y-m-d")：獲取文章的發(fā)布時間，"Y-m-d"參數(shù)表示只顯示年月日。

上面這句代碼，我們用到了 “點運算符”，把變量跟字符串連接在一起。使用點運算符可以把幾個變量或幾個字符串或變量與字符串連接在一起，形成一個綜合變量，然后，再通過echo來打印顯示出來。







左邊欄文章列表的整個調(diào)用代碼如下：

< div class="c_left">
<?php
if(have_posts()):
while(have_posts()):
the_post();
echo '< li>< a href="'.get_permalink().'">'.$post->post_title.'</a>< em>'.get_the_time("Y-m-d").'</em></li>';
endwhile;
endif;
?>
</div>

好了，通過上面的兩步，我們?yōu)閣ordpress網(wǎng)站博客主題模板的首頁左側添加好了全站文章列表，效果如上圖。在接下來的章節(jié)中，我們將為這個文章列表添加分頁按鈕，歡迎到時觀看。