調用博客日誌的主循環 (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 主循環就引見到這裏.