wordpress表格區(qū)塊允許您為文章或頁面創(chuàng)建表格。這非常適合顯示表格數(shù)據(jù)。它易于使用，并且可以根據(jù)您的網(wǎng)站設(shè)計進(jìn)行樣式設(shè)置。

在本教程中，我們將仔細(xì)研究表格區(qū)塊。我們將了解如何將其添加到文章和頁面、其設(shè)置和選項、最佳實(shí)踐以及常見問題。

如何將表格區(qū)塊添加到文章或頁面

單擊要添加區(qū)塊的區(qū)塊插入器并搜索表。當(dāng)表格區(qū)塊出現(xiàn)時，單擊它以將其添加到您的內(nèi)容中?；蛘?，您可以使用屏幕左上角的插入器，或輸入/table并按 Enter。

這會添加表格區(qū)塊，您可以在其中指定列數(shù)和行數(shù)。輸入表所需的列數(shù)和行數(shù)，然后單擊“創(chuàng)建表”。

您的表格將出現(xiàn)在屏幕上，您可以在其中向單元格添加內(nèi)容并在底部添加標(biāo)題。默認(rèn)樣式將根據(jù)您使用的 WordPress 主題而有所不同。我在示例中使用了 22-1 WordPress 主題。

表格區(qū)塊設(shè)置和選項

讓我們看看設(shè)置和選項。

表格區(qū)塊工具欄

單擊表格時，表格區(qū)塊工具欄會出現(xiàn)在表格上方。

更改區(qū)塊類型或樣式

這使您可以將表格添加到組中，設(shè)置布局的列數(shù)（不是表格列），并為表格選擇所需的樣式。樣式有兩種選擇。默認(rèn)樣式具有純色背景，而條紋則每隔一行添加一條灰色條紋。將鼠標(biāo)懸停在選項上提供預(yù)覽。

更改對齊方式

將表格設(shè)置為左、中、右、寬幅或全幅。并非所有主題都支持寬幅和全幅。在此示例中，我已將其設(shè)置為寬幅。

列對齊

分別為每一列選擇對齊方式。將它們設(shè)置為左對齊、居中對齊或右對齊。在本例中，我將左欄設(shè)置為右欄，并將其余欄設(shè)置為中心。

粗體和斜體

粗體和斜體設(shè)置調(diào)整您突出顯示的文本。表格或標(biāo)題中的任何文本都可以設(shè)為粗體、斜體或兩者兼而有之。您必須獨(dú)立選擇每個單元格。

鏈接

添加指向表格或標(biāo)題中任何內(nèi)容的鏈接。我在此示例的標(biāo)題中添加了指向手表名稱和標(biāo)題的鏈接。當(dāng)您鍵入URL時，它會在您的網(wǎng)站上搜索您以前使用過的 URL，并提供它們作為建議。

更多下拉選項

這將打開一個包含多個選項的下拉框。以下每個選項都添加到上圖中：

• 內(nèi)聯(lián)代碼– 顯示樣式為代碼的文本。
• 內(nèi)嵌圖像– 打開媒體庫，您可以在其中選擇要內(nèi)嵌在光標(biāo)位置的圖像。您可以選擇圖像以更改其寬度。
• 鍵盤輸入– 向您的內(nèi)容添加鍵盤標(biāo)簽以定義鍵盤輸入。它以瀏覽器的默認(rèn)等寬字體顯示。
• 刪除線– 在您突出顯示的文本中放置一行。
• 下標(biāo)– 將您突出顯示的文本設(shè)為下標(biāo)。
• 上標(biāo)– 將您突出顯示的文本設(shè)為上標(biāo)。
• 文本顏色– 可讓您更改突出顯示的文本的顏色。您可以從預(yù)制顏色中進(jìn)行選擇，使用顏色選擇器工具選擇一種顏色，或者以十六進(jìn)制或RBG代碼的形式輸入值。

編輯表

編輯表選項打開一個下拉框，您可以在其中插入或刪除行和列。在您選擇的行或列之前或之后添加它們。這樣可以隨時輕松更改表格的大小。我在這個例子中添加了兩者。

區(qū)塊選項

表格區(qū)塊選項按鈕會打開一個下拉框，其中包含更多可供選擇的選項。表選項包括：

• 隱藏更多設(shè)置– 此選項隱藏右側(cè)邊欄，為您提供更干凈的工作區(qū)。
• 復(fù)制– 將表格區(qū)塊復(fù)制到剪貼板。然后，您可以將其粘貼到該頁面或文章中您想要的任何位置。
• 新建副本– 在表下創(chuàng)建表格區(qū)塊的副本。
• 在當(dāng)前區(qū)塊前插入– 在表格區(qū)塊之前為區(qū)塊插入空間。
• 在當(dāng)前區(qū)塊后插入– 在表格區(qū)塊之后為區(qū)塊插入空間。
• 移動至– 在區(qū)塊編輯器中放置一條藍(lán)線。您可以使用箭頭鍵向上或向下移動線。將藍(lán)線移到您想要移動表格區(qū)塊以按 Enter 鍵的位置后，您的區(qū)塊將自動移動到新位置。
• 作為HTML編輯 – 此選項更改為代碼編輯器，因此您可以將內(nèi)容作為HTML。
• 添加至可重用區(qū)塊– 此選項將您的表格區(qū)塊添加到可重用區(qū)塊中，以便您可以在任何頁面或文章上再次使用它。
• 組合– 這會創(chuàng)建一個組，以便您可以一起調(diào)整所有區(qū)塊。
• 移除區(qū)塊– 此選項刪除表格區(qū)塊。

表格區(qū)塊設(shè)置

表格區(qū)塊設(shè)置與右側(cè)欄中的其他設(shè)置一起放置。如果側(cè)邊欄未打開，請單擊右上角的齒輪圖標(biāo)，然后單擊表格區(qū)塊中的任意位置以顯示設(shè)置。您將看到帶有圖標(biāo)和簡短說明的“表格”一詞。您還將看到樣式、顏色、表格設(shè)置和高級選項。單擊每個標(biāo)題以打開其設(shè)置。

樣式

表格區(qū)塊樣式讓您可以在非條紋或條紋表格之間進(jìn)行選擇。也可以在兩種樣式下的下拉框中設(shè)置默認(rèn)樣式，也可以不設(shè)置。樣式提供預(yù)覽

顏色

顏色使您可以控制表格區(qū)塊的文本、網(wǎng)格和背景顏色。從多種預(yù)選顏色中進(jìn)行選擇，或從顏色選擇器中選擇一種自定義顏色。

對于文本和網(wǎng)格，選擇一個。對于背景，選擇純色或創(chuàng)建漸變。文本和背景顏色都允許您輸入十六進(jìn)制或 RGB 代碼。背景漸變可以是線性的或徑向的。線性包括允許您控制方向的設(shè)置。

在上面的示例中，我為文本和網(wǎng)格選擇了白色，并為徑向漸變選擇了一些藍(lán)色陰影。

如果您選擇了條紋樣式，背景顏色將控制背景的條紋顏色。條紋可以是純色或漸變色背景。

表格設(shè)置

表格設(shè)置提供了可以打開或關(guān)閉的選項。設(shè)置包括：

• 定寬單元格– 使單元格大小相同，因此表格看起來一致。它阻止單元格適應(yīng)其內(nèi)容的大小并使其大小不同。
• 頁眉章節(jié)– 用粗體文本在頂部添加一行。它用粗線與其他單元格隔開。這些獨(dú)立并用作列的標(biāo)簽。
• 頁腳章節(jié)– 在表格底部添加一行作為頁腳。它用粗線與其他單元格分開，但默認(rèn)情況下文本不是粗體。這對于匯總信息、提供總數(shù)或?yàn)榇蟊碇貜?fù)標(biāo)題很有用。

高級

高級表格區(qū)塊設(shè)置包括用于 HTML 錨點(diǎn)的選項和用于添加其他 CSS 類的字段。錨點(diǎn)用作特殊 URL，因此您可以直接鏈接到表區(qū)塊。CSS classes 字段允許您添加自定義 CSS 類來設(shè)置區(qū)塊的樣式。默認(rèn)情況下，它為您在樣式設(shè)置中選擇的樣式提供了一個類。

有效使用表格區(qū)塊的提示和最佳實(shí)踐

任何時候需要顯示表格數(shù)據(jù)或內(nèi)容時，都可以使用表格區(qū)塊。不要使用它們來創(chuàng)建列。列區(qū)塊最適合于此。

使用段落區(qū)塊為表格添加標(biāo)題。

通過添加標(biāo)題為行創(chuàng)建標(biāo)題。使用易于理解的清晰標(biāo)簽。

使用固定寬度使桌子看起來更精致和專業(yè)。

為較大的表格選擇條紋以使其更易于閱讀。

如果表格很大，請使用頁腳來總結(jié)信息或再次顯示標(biāo)題。

關(guān)于表格區(qū)塊的常見問題

表格區(qū)塊的最佳用途是什么？

這個區(qū)塊非常適合創(chuàng)建表格和圖表。

可以使用表格區(qū)塊塊來創(chuàng)建欄目嗎？

是的，但它不能讓您對欄目進(jìn)行足夠的控制。最好為此使用欄目區(qū)塊。

以后可以更改表格大小嗎？

是的。使用表格的選項插入或刪除行或列。

小結(jié)

這就是我們對WordPress表格區(qū)塊的看法。這是創(chuàng)建基本表格的絕佳區(qū)塊，您甚至可以在某種程度上對它們進(jìn)行樣式設(shè)置以匹配您的網(wǎng)站。此區(qū)塊是區(qū)塊編輯器的優(yōu)勢之一。使用此區(qū)塊創(chuàng)建的表很簡單，但它們運(yùn)行良好且易于構(gòu)建。

網(wǎng)站題目：古騰堡編輯器教程：如何使用WordPress表格區(qū)塊
文章出自：http://uogjgqi.cn/article/dhhdcgs.html