我們經常會在 wordpress 部落格的側邊欄顯示諸如部落格分類等資訊。預設情況下,分類資訊是每行乙個,縱向排列。 如果側邊欄比較寬,這樣旁邊就會流出許多空白。今天我們介紹了乙個辦法,實現側邊欄分類專案的橫向排列。
這個辦法來自曉曉部落格的文章:讓wordpress側邊欄的分類列表可以橫向排列。我們先來看看其效果圖:
實現這種效果,關鍵在於調整 css **,讓整個列表的資訊浮動,具體**如下:12
3456
li.cat-item
.widget_categories ul
這裡你要將對應的 class 的 id 修改為你的 widget 所對應的 id。
WordPress 主題教程 6 側邊欄
側邊欄是從零開始建立 wordpress 主題系列教程的第六篇,這一篇我們主要講解 wordpress 主題的側邊欄,讓你很快掌握它的結構,並能編碼和樣式化它。在開始側邊欄之前,這是現在 index.php 檔案的樣子。第1步 建立 id 為 sidebar 的 div 首先讓我們建立乙個名字為 s...
wordpress不同頁面側邊欄設定方法
我們在wordpress主題開發過程中,有時候需要對不同的頁面設計不同的側邊欄,我們先看下實現的最終效果如下圖 在上圖我們可以看到,首頁與文章頁的側邊欄是分開的,這樣我們可以很好的控制想顯示的內容。那這種效果如何實現呢?方法如下 1 在主題的functions.php檔案中新增如下 if funct...
WordPress主題開發 開啟側邊欄小工具功能
步驟一 在主題的functions.php中,新增一段 開啟側邊欄功能,如下 引數 args array name 主側邊欄 id sidebar 01 description 將在網頁中顯示的側邊欄 class before widget after widget before title 開啟側...