讓 WordPress 側邊欄的資訊列表橫向排列

2022-07-28 20:06:14 字數 427 閱讀 5990

我們經常會在 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 開啟側...