呼叫部落格日誌的主迴圈 (The Loop) 是 WordPress 中最重要的 PHP 程式碼集,簡直一切的頁面都會用到它。這也是從零開端創立 WordPress 主題系列教程的第五篇。

在開端繼續學習之前,我們先溫習下到目前為止學到了什麼?

到目前為止,我們曾經學到::

•規則,術語和 WordPress 主題的層式構造
•每個頁面有哪些區域性組成
•如何裝置你的主題
•如何呼叫部落格的標題和把它做成一個連結
•如何呼叫部落格的描繪和如何把 header 和其他區域性分開
如今讓我們開端第五篇:主迴圈 (The Loop)

翻開 Xampp,「tutorial」 主題資料夾,閱讀器,並且在閱讀器中轉到 http://localhost/WordPress,最後翻開 index.php 檔案。

下面應該是這時分 index.php 檔案中的內容:

記住,為了學習這些程式碼,請儘量手工輸入而不是複製和貼上。

第 1 步:創立 container Div
在 header DIV 標籤下新增一個 DIV 標籤,並給它的 ID 賦值為 「container」,如下:

「container」 這個 DIV 標籤是用把部落格的主要內容和其他東西都辨別開,比方 sidebar 和 footer 等。第 2 步:輸入主迴圈程式碼
在 Container 的 DIV 標籤中新增如下程式碼:

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

這段程式碼就是 WordPress 中的主迴圈 (The Loop) 。在細緻解釋這些程式碼作用之前,我們來看下如今 index.php 所包含的程式碼:
你可能曾經留意到 Container DIV 中的每一行都被縮排了,這是為了更好的組織程式碼,愈加利於閱讀 (運用 tab 健而不是空格鍵停止程式碼縮排,) 。

方才發作了什麼?

•if(have_posts()) – 檢查部落格能否有日誌。
•while(have_posts()) – 假如有日誌,那麼當部落格有日誌的時分,執行下面 the_post() 這個函式。
•the_post() – 呼叫詳細的日誌來顯現。
•endwhile; – 遵照規則 #1,這裡用於關閉 while()
•endif; – 關閉 if()
•註釋:並不是一切的程式碼都需求兩區域性用來翻開和關閉。有些程式碼可以自我關閉,這就解釋了 have_posts() 和 the_post(); 這兩個函式。由於 the_post(); 在 if() 和 while() 的外面,只需求分號去完畢或者關閉。
第 3 步:呼叫日誌標題
在前面的課程中,我們學習了運用 bloginfo(『name』) 去呼叫部落格的標題。如今我們將學習在主迴圈 (The Loop) 中如何呼叫日誌標題。

在 the_post(); ?> 的後面和 <?php endwhile; ?> 的前面輸入 <?php the_title(); ?>

保管 index.php 檔案並重新整理閱讀器,這時分應該看到在部落格描繪的下方呈現 Hello World ,默許裝置 WordPress 之後,部落格只要一篇日誌。而我的測試的部落格有多篇日誌,所以這裡有多個日誌標題,而且由於我所用的日誌標題是一樣的,我也沒有停止組織整理他們,所以它們看起來像很長的一行 Hello World 。

第 4 步:給日誌標題加上鍊接
把日誌標題轉變成日誌標題連結。還記得怎樣吧部落格的標題轉變成一個連結的?

在<?php the_title(); ?> 兩邊增加 和 。

保管並重新整理你的閱讀器。如今日誌的標題都變成了連結了,但是它們並沒有指向哪裡。為了使得每個標題都能指向正確的日誌,我們需求把 # 交換為 the_permalink() 。

<a href=」<?php the_permalink(); ?>「><?php the_title(); ?>

the_permalink() 是用來呼叫每篇日誌地址的 PHP 函式。保管並重新整理閱讀器。

假如只要一個 Hello World 標題,把滑鼠移到連結上面,察看你的閱讀器底部的狀態列,他不再是 http://localhost/WordPress/#。

假如有不止一個的標題連結,我們將看到每個連結會鏈到不同的日誌或者網頁。但是我們的日誌標題仍然在同一行上面。為了分開它們,在日誌標題連結程式碼的兩邊新增和標籤。

<a href=」<?php the_permalink(); ?>」><?php the_title(); ?>

記住 H1 用作你的部落格的標題,那是網頁的標題。 H2 被用作子標題。如今你的日誌標題連結是子標題了,每一個都是一行。保管 index.php 檔案並重新整理閱讀器,結果如下:

WordPress 主迴圈就引見到這裡.