WordPress模板層次04:建立一個示例主題網站
這節課我們來講解自定義主題網站的配置,我們會首先新增主題所需的頁面,然後我們會新增主題所需的小工具。
下載並安裝示例主題
為了讓我們能夠更好的講解WordPress模板層次結構的原理,我寫了一個簡單的WordPress主題,這個主題能夠很好的反映出WordPress原理。
下載地址:連結:https://pan.baidu.com/s/1i6Sdg9J 密碼:k0u3
下載完成後,要做的就是安裝這個主題。把它放到主題資料夾中:
然後就是到WordPress後臺 >> 外觀 >> 主題 啟用主題,接著,先刪除之前的自定義頁面:
新增示例頁面
接下來要做的就是確保網站上有一些頁面。我們來建立一個Home頁面作為主頁,頁面的內容隨意填寫。點選“釋出”。
接著,以同樣的方式,建立about頁面。
然後,我們將進入“外觀” >> “自定義”,並確保首頁是一個靜態首頁,正在使用Home頁面。我們點選儲存併發布。
然後,再新增一個blog頁面,它用於顯示所有部落格的內容的,它是一個文章頁,所以這個頁面目前不需要任何內容。點選發布:
然後,我們可以在“外觀” >> “自定義”,把 文章頁 設定為 blog,這樣Blog頁面就被設定為文章頁。
新增選單
進入“外觀” >> “選單”。點選建立選單。選單的結構就是剛才建立的3個頁面,點選儲存選單:
你可以到網站的前臺,看看選單和頁面是否建立成功。
新增小工具
接下來,我們還需要在主要側欄中設定小工具,目前在側欄下,只有一些文字:
可以看到 Primary SideBar(頁面側邊欄) 和 Blog Sidebar(文章頁側邊欄) .
設定完成後的效果如下圖:
來到網站前臺,點選blog頁面,這裡會顯示blog頁面的小工具。
所以現在已經設定好了主題基本的內容,接下來,就可以開始單獨得進行每個主題檔案的講解,並且看看它和相關的其它檔案是如何協同工作的。
- 本文固定連結: http://www.xuhss.com/theme-dev/template-hierarchy/instance-website
- 轉載請註明: MrBang <time>2018年02月18日 </time>於 虛幻私塾 發表
相關文章
- WordPress主題模板層次和常用模板函式函式
- 如何建立一個 WordPress 網站網站
- WordPress模板層次02:模板層次結構和原理
- WordPress模板層次15:歸檔模板
- WordPress模板層次01:模板檔案
- WordPress模板層次08:footer.phpPHP
- WordPress模板層次17:404.phpPHP
- WordPress模板層次06:index.phpIndexPHP
- WordPress模板層次16:搜尋模板search.phpPHP
- WordPress模板層次09:sidebar.phpIDEPHP
- WordPress模板層次13:comments.phpPHP
- WordPress模板層次07:header.phpHeaderPHP
- WordPress模板層次12:single.phpPHP
- WordPress模板層次03:模板檔案中常見程式碼
- WordPress模板層次05:style.css樣式表CSS
- (視訊) 《快速建立網站》3.4 網站改版3分鐘搞定 - WordPress主題安裝和備份網站
- WordPress電影主題Zmovie模板原始碼原始碼
- 如何用阿里雲伺服器建立一個wordpress網站阿里伺服器網站
- WordPress主題 Hankin v2.0.1部落格主題模板
- wordpress企業網站主題仿製04-wordpress企業網站產品頁面新聞頁面仿製網站
- 個性網址導航原始碼,ThinkPHP網站導航原始碼兩套主題模板原始碼PHP網站
- 零基礎創作專業wordpress網站04-建立並編輯導航選單網站
- 13個WordPress技巧和教程網站網站
- 如何免費建立一個網站?網站
- 全新前端UI介面 WordPress模板主題開發進群V2主題 一鍵開關 多種引流方法 引私域二次變現前端UI
- 零基礎創作專業wordpress網站02-安裝主題網站
- WordPress網站建設就選GoDaddy美國主機網站Go
- 如何建立一個快速的Joomla網站OOM網站
- WordPress強大多功能主題模板The7 V9.16.0版本
- WordPress模板_Zibll子比主題V5.6 實測可用版
- WordPress網站優化網站優化
- 網站模板修改?網站模板咋樣修改?網站
- 15個專業版響應式WordPress主題
- ModStart模板主題
- idea 主題包網站Idea網站
- 網站模板怎麼修改,網站模板修改的教程網站
- WordPress主題:Zibll子比主題 V4.0
- Istio示例網站網站