如何在列中顯示WordPress小部件


您是否要在列中顯示WordPress小部件? 如果我們告訴您,沒有任何代碼知識,這是一種簡單的方法。 在本文中,我們將向您展示如何在不編寫任何HTML或CSS的情況下在列中顯示WordPress小部件。

在列中水平對齊的WordPress小部件的預覽

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活“列中的窗口小部件”插件。 激活後,只需轉到 外觀»小部件

接下來,拖放要在列中顯示的窗口小部件。 在窗口小部件設置中,您會注意到一個新的下拉菜單,標記為width。

在這裡,您需要為小部件選擇所需的寬度。

選擇小部件列的寬度

您可以根據要連續多少個小部件列來選擇寬度。

例如:如果要三列,則選擇三分之一(1/3)。 您還可以為小部件上傳圖標。

一旦添加了小部件列的第一行,就可以從可用小部件中拖放分隔線小部件。

該分隔器小部件允許您在同一小部件​​區域內開始新的一排小部件。

該插件帶有三種類型的分隔線: .divider.break.clear

完成添加小部件之後,您可以預覽站點以查看列中的小部件。

就這樣。 我們希望本文能幫助您在小部件區域內的列中顯示WordPress小部件。

您可能還想了解如何向WordPress小部件添加自定義樣式。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Google+。