WordPress表格區塊允許您為文章或頁面建立表格。這非常適合顯示錶格資料。它易於使用，並且可以根據您的網站設計進行樣式設定。
在本教程中，我們將仔細研究表格區塊。我們將瞭解如何將其新增到文章和頁面、其設定和選項、最佳實踐以及常見問題。
如何將表格區塊新增到文章或頁面
單擊要新增區塊的區塊插入器並搜尋表。當表格區塊出現時，單擊它以將其新增到您的內容中。或者，您可以使用螢幕左上角的插入器，或輸入/table並按 Enter。
這會新增表格區塊，您可以在其中指定列數和行數。輸入表所需的列數和行數，然後單擊“建立表”。
您的表格將出現在螢幕上，您可以在其中向單元格新增內容並在底部新增標題。預設樣式將根據您使用的 WordPress 主題而有所不同。我在示例中使用了 22-1 WordPress 主題。
表格區塊設定和選項
讓我們看看設定和選項。
表格區塊工具欄
單擊表格時，表格區塊工具欄會出現在表格上方。
更改區塊型別或樣式
這使您可以將表格新增到組中，設定佈局的列數（不是表格列），併為表格選擇所需的樣式。樣式有兩種選擇。預設樣式具有純色背景，而條紋則每隔一行新增一條灰色條紋。將滑鼠懸停在選項上提供預覽。
更改對齊方式
將表格設定為左、中、右、寬幅或全幅。並非所有主題都支援寬幅和全幅。在此示例中，我已將其設定為寬幅。
列對齊
分別為每一列選擇對齊方式。將它們設定為左對齊、居中對齊或右對齊。在本例中，我將左欄設定為右欄，並將其餘欄設定為中心。
粗體和斜體
粗體和斜體設定調整您突出顯示的文字。表格或標題中的任何文字都可以設為粗體、斜體或兩者兼而有之。您必須獨立選擇每個單元格。
連結
新增指向表格或標題中任何內容的連結。我在此示例的標題中新增了指向手錶名稱和標題的連結。當您鍵入URL時，它會在您的網站上搜尋您以前使用過的 URL，並提供它們作為建議。
更多下拉選項
這將開啟一個包含多個選項的下拉框。以下每個選項都新增到上圖中：
- 內聯程式碼– 顯示樣式為程式碼的文字。
- 內嵌影象– 開啟媒體庫，您可以在其中選擇要內嵌在游標位置的影象。您可以選擇影象以更改其寬度。
- 鍵盤輸入– 向您的內容新增鍵盤標籤以定義鍵盤輸入。它以瀏覽器的預設等寬字型顯示。
- 刪除線– 在您突出顯示的文字中放置一行。
- 下標– 將您突出顯示的文字設為下標。
- 上標– 將您突出顯示的文字設為上標。
- 文字顏色– 可讓您更改突出顯示的文字的顏色。您可以從預製顏色中進行選擇，使用顏色選擇器工具選擇一種顏色，或者以十六進位制或RBG程式碼的形式輸入值。
編輯表
編輯表選項開啟一個下拉框，您可以在其中插入或刪除行和列。在您選擇的行或列之前或之後新增它們。這樣可以隨時輕鬆更改表格的大小。我在這個例子中新增了兩者。
區塊選項
表格區塊選項按鈕會開啟一個下拉框，其中包含更多可供選擇的選項。表選項包括：
- 隱藏更多設定– 此選項隱藏右側邊欄，為您提供更乾淨的工作區。
- 複製– 將表格區塊複製到剪貼簿。然後，您可以將其貼上到該頁面或文章中您想要的任何位置。
- 新建副本– 在表下建立表格區塊的副本。
- 在當前區塊前插入– 在表格區塊之前為區塊插入空間。
- 在當前區塊後插入– 在表格區塊之後為區塊插入空間。
- 移動至– 在區塊編輯器中放置一條藍線。您可以使用箭頭鍵向上或向下移動線。將藍線移到您想要移動表格區塊以按 Enter 鍵的位置後，您的區塊將自動移動到新位置。
- 作為HTML編輯 – 此選項更改為程式碼編輯器，因此您可以將內容作為HTML。
- 新增至可重用區塊– 此選項將您的表格區塊新增到可重用區塊中，以便您可以在任何頁面或文章上再次使用它。
- 組合– 這會建立一個組，以便您可以一起調整所有區塊。
- 移除區塊– 此選項刪除表格區塊。
表格區塊設定
表格區塊設定與右側欄中的其他設定一起放置。如果側邊欄未開啟，請單擊右上角的齒輪圖示，然後單擊表格區塊中的任意位置以顯示設定。您將看到帶有圖示和簡短說明的“表格”一詞。您還將看到樣式、顏色、表格設定和高階選項。單擊每個標題以開啟其設定。
樣式
表格區塊樣式讓您可以在非條紋或條紋表格之間進行選擇。也可以在兩種樣式下的下拉框中設定預設樣式，也可以不設定。樣式提供預覽
顏色
顏色使您可以控制表格區塊的文字、網格和背景顏色。從多種預選顏色中進行選擇，或從顏色選擇器中選擇一種自定義顏色。
對於文字和網格，選擇一個。對於背景，選擇純色或建立漸變。文字和背景顏色都允許您輸入十六進位制或 RGB 程式碼。背景漸變可以是線性的或徑向的。線性包括允許您控制方向的設定。
在上面的示例中，我為文字和網格選擇了白色，併為徑向漸變選擇了一些藍色陰影。
如果您選擇了條紋樣式，背景顏色將控制背景的條紋顏色。條紋可以是純色或漸變色背景。
表格設定
表格設定提供了可以開啟或關閉的選項。設定包括：
- 定寬單元格– 使單元格大小相同，因此表格看起來一致。它阻止單元格適應其內容的大小並使其大小不同。
- 頁首章節– 用粗體文字在頂部新增一行。它用粗線與其他單元格隔開。這些獨立並用作列的標籤。
- 頁尾章節– 在表格底部新增一行作為頁尾。它用粗線與其他單元格分開，但預設情況下文字不是粗體。這對於彙總資訊、提供總數或為大表重複標題很有用。
高階
高階表格區塊設定包括用於 HTML 錨點的選項和用於新增其他 CSS 類的欄位。錨點用作特殊 URL，因此您可以直接連結到表區塊。CSS classes 欄位允許您新增自定義 CSS 類來設定區塊的樣式。預設情況下，它為您在樣式設定中選擇的樣式提供了一個類。
有效使用表格區塊的提示和最佳實踐
任何時候需要顯示錶格資料或內容時，都可以使用表格區塊。不要使用它們來建立列。列區塊最適合於此。
使用段落區塊為表格新增標題。
通過新增標題為行建立標題。使用易於理解的清晰標籤。
使用固定寬度使桌子看起來更精緻和專業。
為較大的表格選擇條紋以使其更易於閱讀。
如果表格很大，請使用頁尾來總結資訊或再次顯示標題。
關於表格區塊的常見問題
表格區塊的最佳用途是什麼？
這個區塊非常適合建立表格和圖表。
可以使用表格區塊塊來建立欄目嗎？
是的，但它不能讓您對欄目進行足夠的控制。最好為此使用欄目區塊。
以後可以更改表格大小嗎？
是的。使用表格的選項插入或刪除行或列。
小結
這就是我們對WordPress表格區塊的看法。這是建立基本表格的絕佳區塊，您甚至可以在某種程度上對它們進行樣式設定以匹配您的網站。此區塊是區塊編輯器的優勢之一。使用此區塊建立的表很簡單，但它們執行良好且易於構建。
評論留言