WordPress 主題教程 #1:介紹

【轉載自我愛水煮魚

從零開始制作 WordPress 主題的教程不會一次就教會你所有的東西,那樣也是不可能的,這個教程也不是 WordPress 主題制作的參考,我所做的是一步一步從零開始教你如何制作 WordPress 主題,所以一定要耐心。

所以這一篇介紹首先是 WordPress 主題制作的一個最基本的介紹。這里會涉及到 HTML 和 WordPress 的基本規則,一些專業朮語,以及 WordPress 主題的層式結。這些概念是很重要的,在接下來教程的很多地方都會涉及到,所以開始之前一定要搞清楚。

基本規則:

  • 規則 #1:以正確順序關閉所有 HTML 標簽。

    在上圖中在錯誤關閉標簽的演示中,關閉的 ul 標簽是不按次序的。

    每個 HTML 標簽都是在 <> 中,如果有斜線 /,則說明這個標簽是開始標簽,沒有則是結束標簽。如:<> 是開始標簽,而</> 是結束標簽。

    在上面的例子中,使用 ul(無序列表)li (列表元素)標簽。注意 li 的開始和結束標簽在 ul 的開始和結束標簽的里面,這就是標簽正確嵌套方式。

  • 規則 #2:每個主題至少要有這兩個文件 - style.cssindex.php。index.php 告訴主題中所有的元素如何布局,style.css 則告訴主題中所有的元素該如何展示和樣式。下面是一個完整的主題含有的文件列表(現在我們不用詳細了解這個列表每個文件的意思,有個這樣的印象就可以了):

    • style.css
    • index.php
    • home.php
    • single.php
    • page.php
    • archive.php
    • category.php
    • search.php
    • 404.php
    • comments.php
    • comments-popup.php
    • author.php
    • date.php

專業朮語:

  • Template(模板) -- 其實就是一個代碼集,主題中很多地方會利用到這個代碼集,所以把它們整合成一個模板,這樣就就不必一遍遍輸入這些重復代碼。
  • Template file(模板文件) -- 一個包含一個或者多個代碼集(模板)文件。每個主題是由多個模板文件組成的,如:index.php,style.css,sidebar.php 等等。
  • Theme(主題)或者 WordPress theme(WordPress 主題) -- 所有你正在使用的文件:文本,圖像,代碼等等。注意: WordPress theme(主題)和 WordPress template(s)(模板)是兩個不同的東西,盡管有些人認為他們一樣。
  • Post(日志) -- 現在你讀的就是一篇日志。此外,它是你 blog 的一個簡單的條目,如:一個頁面或者一篇日記。
  • Page(靜態頁面) -- 一種特殊的 post,它不是以分類組織的。它有別于你其他的日志。注意:在 WordPress,page(頁面)和 Page(靜態頁面)是兩種不同的東西。

層式結搆:

下圖就是 WordPress 的層式結果,它簡單的向你展示,一旦你主題中的某個文件丟失了,WordPress 主題系統將會尋找什么模板文件來代替。這里列出了 6 個文件而不是完整的 13 個,因為這 6 個是相對更重要一些,不過在接下來的教程中,余下的文件也都涉及到。

我們可以通過上面這張圖的所處位置知道各個主題文件的重要性,越靠左越重要。

這里可能大家有個疑問,為什么會存在 WordPress 模板文件的層式結搆,或者說是重要性級別呢?因為 WordPress 利用這個層式結搆去尋找相應的模板文件顯示頁面,并且在相應的文件丟失之后如何處理。

如果 archive.php 模板文件(用來顯示存檔頁面)丟失了,那么 WordPress 將會使用 index.php 來控制存檔頁面如何顯示。

如果 single.php 模板文件丟失了呢,哪個模板文件它會去尋找用來顯示單一日志呢?它會尋找 index.php。


想在手機閱讀更多Wordpress資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems