WordPress 主題教程 6 側邊欄

2022-02-02 14:58:46 字數 1208 閱讀 8583

側邊欄是從零開始建立 wordpress 主題系列教程的第六篇,這一篇我們主要講解 wordpress 主題的側邊欄,讓你很快掌握它的結構,並能編碼和樣式化它。

在開始側邊欄之前,這是現在 index.php 檔案的樣子。

第1步:建立 id 為 "sidebar" 的 div

首先讓我們建立乙個名字為 sidebar 的 div,這樣可以把側邊欄中的所有東西都放入其中。在 container 的後面和 標籤的前面輸入以下**:

第2步:給側邊欄的 div 新增無序列表

在新的 sidebar 的 div 標籤中建立乙個新的無序列表。

- 結束無序列表

第3步:給這個無序列表新增原屬

增加乙個列表元素(li)到無序列表(ul)的中間並把乙個子標題新增到這個列表中。

注意新增製表符到和 標籤之前為了**縮排。

- 開始列表元素

- 結束子標題

- 結束列表條目

儲存 index.php 檔案並重新整理瀏覽器。現在應該可以看到 categories 子標題結構應該這樣:

子標題前面的小圓點指明這個子標題是在乙個列表元素中(li)。如果無序列表(ul)有兩個列表元素,那麼將有兩個小點。

這裡是上面**的解釋:

- 結束無序列表

預設的分類是 uncategorized。如果你沒有把日誌發布到多個分類下面,那麼你的列表鏈結列表應該是只有乙個鏈結 uncategorized。

更進一步的解釋:

sort_column=name - 把分類按字元順序排列

optioncount=1 - 顯示每個分類含有的日誌數

hierarchial=0 - 不按照層式結構顯示子分類,這就解釋了為什麼子分類鏈結是列在列表中第一級。

& - 每次增加另乙個引數的時候,需在它之前要輸入 & 用來把和現有的引數區分開。如 & 在 sort_column 和 optioncount之間。

為什麼不把 <?php wp_list_cats(); ?> 放入和 標籤中呢?

當我們使用 wp_list_cats() 這個函式呼叫鏈結列表函式的時候,它會自動附上一組 和 (列表條目)標籤在每個鏈結的左右。檢視頁面源**;可以看到每個連線的周圍都已經有一組列表元素的標籤。

當處理側邊欄,無序列表和列表元素的時候,我們一定記得規則 #1:按順序關閉所有標籤。

WordPress主題製作教程6 常用模版標籤

輸出模板標籤一般有兩種方式 the yourtag 輸出標籤值和get the yourtag 獲標籤值 通常來說,the yourtag echo get the yourtag 常用模版標籤 bloginfo name 獲取部落格名字 bloginfo template directory 獲取...

WordPress主題製作教程4 呼叫指定頁面內容

假設頁面page id 86 page id 86 echo 內容 get post page id post content 其他引數 post author 文章作者的編號 post data 文章發表的日期和時間 yyyy mm dd hh mm ss post data gmt 文章發表的格...

WordPress主題新聞雜誌主題

news 是 wordpress 上採辦最多的新聞主題。該主題是針對新聞 的主題,固然也合適其它行業。頁面載入速率快,網頁簡便的設計。主題雜誌有 80 多種顛末業餘設計的隨時可以應用的怪異演示,可幫忙您在幾分鐘之內做出乙個的 您也可以一鍵式間接從 wordpress 儀表板導進演示。它的演示基本合用...