建站
咨詢
售后
建站咨詢
新聞中心
欄目是大多數(shù)現(xiàn)代網(wǎng)站和頁面構(gòu)建器的關(guān)鍵組件。幸運(yùn)的是，wordpress區(qū)塊編輯器使您能夠同時使用列和行，因此您可以完全控制每個頁面的布局。然而，盡管Builder將自動添加行，你需要選擇在哪里以及如何使用欄目區(qū)塊添加欄目。
在本教程中，我們將向您展示如何在 WordPress中添加此區(qū)塊以及如何配置它。然后，我們將介紹一些提示，以便您可以充分利用您的專欄，以及一些有關(guān)區(qū)塊的常見問題 (FAQ)
如何將欄目區(qū)塊添加至頁面或文章
首先，打開要處理的頁面或文章的區(qū)塊編輯器。單擊您添加的最后一個區(qū)塊下方的加號圖標(biāo) (1)，或使用屏幕頂部的菜單，然后選擇“欄目” 選項 (2)：
區(qū)塊編輯器為您提供了多個選項，供您選擇要在所選行中包含的欄目數(shù)：
默認(rèn)情況下，區(qū)塊編輯器僅允許您選擇在一行中最多包含三列的預(yù)設(shè)。但是，一旦您放置了這些預(yù)設(shè)之一，您就可以單擊它們之間的加號以向該行添加更多元素：
可以這么說，編輯器將每一列視為自己的“部分”。例如，如果您有一行包含三列，您可以在每列中添加單獨的區(qū)塊以創(chuàng)建定價表：
您可以將編輯器中可用的任何區(qū)塊添加到您正在處理的每一列。放置所需的區(qū)塊后，您可能還想花一些時間自定義列的設(shè)置。
欄目區(qū)塊設(shè)置和選項
當(dāng)您將鼠標(biāo)懸停在區(qū)塊編輯器中帶有列的行上時，將出現(xiàn)一個格式菜單。該菜單包括用于移動列 (1)、更改其對齊方式 (2) 和修改行寬 (3) 的選項：
您看到的格式菜單會隨著您添加區(qū)塊而改變。當(dāng)您將鼠標(biāo)懸停在包含區(qū)塊的列上時，該元素的格式菜單將替換默認(rèn)菜單。
對于此示例，我們向所有列添加了表格區(qū)塊。當(dāng)我們將鼠標(biāo)懸停在其中任何一個上時，會出現(xiàn)以下格式菜單：
除了格式菜單之外，還有另一組選項可讓您自定義欄目區(qū)塊。要訪問它，請選擇包含要編輯的欄目的行，然后單擊屏幕右上角的齒輪圖標(biāo) (1)。將彈出一個側(cè)邊欄，包括更改該行顏色 (2)、填充 (3) 和列寬 (4) 的選項：
顏色設(shè)置使您能夠更改行內(nèi)文本和鏈接的顏色，以及其背景的顏色。請記住，您在此處選擇的設(shè)置適用于行中的所有列。但是，您可以通過調(diào)整每列中的各個區(qū)塊設(shè)置來取代這些選項。
如果您想進(jìn)一步自定義此區(qū)塊，您還可以從設(shè)置菜單的“高級”選項卡中設(shè)置HTML錨點和其他CSS類：
這就是您需要了解的有關(guān)如何使用和配置這個重要區(qū)塊的所有信息?，F(xiàn)在讓我們回顧一些提示，以幫助您有效地使用欄目。
有效使用欄目區(qū)塊的提示和最佳實踐
欄目是網(wǎng)頁設(shè)計中的通用元素。您幾乎可以在任何情況下使用它們，因為它們有助于為任何頁面或文章提供結(jié)構(gòu)。
在視覺上，欄目可幫助您分解長段的段落，并將列表、表格甚至圖像并排放置。這是默認(rèn)WordPress主題之一的示例，使用列來實現(xiàn)與圖片區(qū)塊的重疊效果：
在大多數(shù)情況下，您不希望列重疊。但是，對于如何使用列并沒有一成不變的規(guī)則。只要結(jié)果看起來美觀，您就可以隨意使用此區(qū)塊進(jìn)行試驗。
關(guān)于欄目區(qū)塊的常見問題
到目前為止，您已經(jīng)對如何在WordPress中使用欄目有了扎實的掌握。為確保您沒有遺漏任何內(nèi)容，讓我們回顧一些常見問題。
欄目區(qū)塊可與頁面構(gòu)建器插件一起使用嗎？
一般情況下，第三方頁面構(gòu)建器插件取代了默認(rèn)的WordPress編輯器。這意味著您將無法訪問欄目區(qū)塊。但是，大多數(shù)頁面構(gòu)建器插件都包含自己的行和列，因此您可以使用類似的功能。
可在頁面或帖子中添加多少列？
欄目區(qū)塊允許您在預(yù)設(shè)行內(nèi)添加到三列。但是，您可以手動添加更多行。請記住，如果添加太多列，它們可能沒有足夠的空間來正確顯示其內(nèi)容。
可以在小部件中使用欄目區(qū)塊嗎？
WordPress支持使用區(qū)塊編輯器自定義小部件區(qū)域，例如頁腳或側(cè)邊欄。這意味著您可以訪問與處理頁面或文章時相同的所有區(qū)塊。請記住，由于您的工作空間可能會減少，因此在小部件區(qū)域中使用多個列會使您的內(nèi)容看起來很擁擠。
小結(jié)
對于現(xiàn)代頁面構(gòu)建器工具而言，僅行是不夠的。創(chuàng)建和自定義行和列的選項使您可以完全控制網(wǎng)站上每個元素的位置。
WordPress欄目區(qū)塊使用起來非常簡單。您可以在任何單行中添加任意數(shù)量的列。此外，您可以在列中放置任何您想要的區(qū)塊，并自定義其內(nèi)容、樣式等。
新聞名稱：古騰堡編輯器教程：如何使用WordPress欄目區(qū)塊
本文地址：http://www.fisionsoft.com.cn/article/dpihogs.html
