分析WordPress主題結構是如何架構的？

利用強大的技術，可以把基於WordPress的網站做成各種各樣的形式，這除了要求WordPress主題開發人員精通HTML，PHP，JS，CSS等技術，還需要開發人員掌握WordPress主題的架構。下面lizhi125和大家一起分析WordPress是如何架構的。

網站外觀

WordPress主題由一系列模板檔案組成，每個模板檔案控制主題的一部分。無論在部落格的哪個個頁面上，主題的架構總有一部分是不變的，這是主題的靜態部分，它由header.php, sidebar.php 和 footer.php三個檔案控制。我們可以修改這些檔案，以便檢測我們瀏覽的頁面，並顯示不同的內容，如在posts頁面和page頁面顯示不同的導航。然而，通常，我們會讓靜態部分在整個網站上保持一致的風格。

網站外觀由下面4個部分的代碼控制：

• header.php
  顯示部落格頭和導航，也包含html代碼
• The Loop
  顯示網站主題內容的模板檔案稱為The Loop（後面會詳細介紹）。
• sidebar.php
  側邊欄由這個檔案控制。多側邊欄的主題可以在functions.php中添加控制。
• footer.php
  網站的頁尾和html的關閉標籤。

頁面組成

WordPress基本頁面有Homepage（index.php控制），Post頁面（單獨顯示一篇完整部落格，由single.php控制），獨立頁面（page.php控制），存檔（archive.php等控制），下面分別介紹這幾個控制這幾個頁面的代碼檔案。

index.php – home

index檔案控制部落格homepage的外觀。預設情況下，index檔案通過一個loop來顯示最新部落格，homepage底部還會由一個查看以前部落格的連結。

single.php – individual posts

該檔案用於顯示讀者要查看的特定部落格全文。

page.php – individual pages

該檔案控制部落格中獨立頁面的外觀。

WordPress允許我們為不同的獨立頁面（pages）設計不同的模板，方法如下：

1、複製page.php並重新命名

2、在檔案的最上方添加下面代碼

     <?php     /*          Template Name: YourPageNameHere     */     ?>

archive.php, category.php, tag.php – archives

我們同樣可以自訂存檔（archives）的外觀。如果沒有archive.php檔案，存檔和首頁是一模一樣的；然而，我們可以建立一個archive.php檔案重構存檔頁面。如果建立category.php檔案，存檔頁面會被覆蓋為只顯示目錄；如果建立tag.php檔案，存檔頁面會被覆蓋為只顯示標籤。

The Loop

Loop恐怕是WordPress最強大的部分。它是“迴圈的查詢結果”。迴圈體中我們可以依次輸出選中文章的標題，部落格內容，中繼資料，評論等。我們還可以在single page中使用多個loop。例如，我們可以用一個loop顯示部落格全文，另一個loop顯示相關文章的標題和縮圖。

The Loop結構如下：

• Query post or page
• Start Loop //迴圈開始
• the_title (outputs the title of the post) //標題
• the_excerpt (outputs the post excerpt) //摘要
• the_content (outputs the full post content) //內容
• the_category (outputs the post categories) //目錄
• the_author (outputs the post author) //作者
• the_date (outputs the post date) //日期
• other tags (there is a variety of other tags you can use in the loop) //標籤
• endwhile; //結束迴圈
• Exit the loop //退出迴圈

WordPress的後台檔案

為了讓主題工作，WordPress還需要一些必要的後台檔案。這些檔案可以根據個人需求進行修改，它們能夠從極大程度上改變網站的外觀或提供更強大的功能。

comments.php

這個檔案控制評論的輸出，如果您希望在部落格上提供評論功能，要把它放到loop中去。Comment.php檔案可以被外掛程式覆蓋（如Disqus）

functions.php

Functions.php讓我們在WordPress上運行自訂代碼，以便更自由的修改主題元素。

style.css

這是控制主題樣式的主要CSS檔案。該檔案頂部還包含主題的元資訊，用於提供主題的名字，作者及相關連結

圖文剖析

下面是強大的WordPress剖析圖