建站
咨詢
售后
建站咨詢
新聞中心
wordpress表格區(qū)塊允許您為文章或頁(yè)面創(chuàng)建表格。這非常適合顯示表格數(shù)據(jù)。它易于使用，并且可以根據(jù)您的網(wǎng)站設(shè)計(jì)進(jìn)行樣式設(shè)置。
在本教程中，我們將仔細(xì)研究表格區(qū)塊。我們將了解如何將其添加到文章和頁(yè)面、其設(shè)置和選項(xiàng)、最佳實(shí)踐以及常見(jiàn)問(wèn)題。
如何將表格區(qū)塊添加到文章或頁(yè)面
單擊要添加區(qū)塊的區(qū)塊插入器并搜索表。當(dāng)表格區(qū)塊出現(xiàn)時(shí)，單擊它以將其添加到您的內(nèi)容中?；蛘撸梢允褂闷聊蛔笊辖堑牟迦肫?，或輸入/table并按 Enter。
這會(huì)添加表格區(qū)塊，您可以在其中指定列數(shù)和行數(shù)。輸入表所需的列數(shù)和行數(shù)，然后單擊“創(chuàng)建表”。
您的表格將出現(xiàn)在屏幕上，您可以在其中向單元格添加內(nèi)容并在底部添加標(biāo)題。默認(rèn)樣式將根據(jù)您使用的 WordPress 主題而有所不同。我在示例中使用了 22-1 WordPress 主題。
表格區(qū)塊設(shè)置和選項(xiàng)
讓我們看看設(shè)置和選項(xiàng)。
表格區(qū)塊工具欄
單擊表格時(shí)，表格區(qū)塊工具欄會(huì)出現(xiàn)在表格上方。
更改區(qū)塊類型或樣式
這使您可以將表格添加到組中，設(shè)置布局的列數(shù)（不是表格列），并為表格選擇所需的樣式。樣式有兩種選擇。默認(rèn)樣式具有純色背景，而條紋則每隔一行添加一條灰色條紋。將鼠標(biāo)懸停在選項(xiàng)上提供預(yù)覽。
更改對(duì)齊方式
將表格設(shè)置為左、中、右、寬幅或全幅。并非所有主題都支持寬幅和全幅。在此示例中，我已將其設(shè)置為寬幅。
列對(duì)齊
分別為每一列選擇對(duì)齊方式。將它們?cè)O(shè)置為左對(duì)齊、居中對(duì)齊或右對(duì)齊。在本例中，我將左欄設(shè)置為右欄，并將其余欄設(shè)置為中心。
粗體和斜體
粗體和斜體設(shè)置調(diào)整您突出顯示的文本。表格或標(biāo)題中的任何文本都可以設(shè)為粗體、斜體或兩者兼而有之。您必須獨(dú)立選擇每個(gè)單元格。
鏈接
添加指向表格或標(biāo)題中任何內(nèi)容的鏈接。我在此示例的標(biāo)題中添加了指向手表名稱和標(biāo)題的鏈接。當(dāng)您鍵入U(xiǎn)RL時(shí)，它會(huì)在您的網(wǎng)站上搜索您以前使用過(guò)的 URL，并提供它們作為建議。
更多下拉選項(xiàng)
這將打開(kāi)一個(gè)包含多個(gè)選項(xiàng)的下拉框。以下每個(gè)選項(xiàng)都添加到上圖中：
- 內(nèi)聯(lián)代碼– 顯示樣式為代碼的文本。
- 內(nèi)嵌圖像– 打開(kāi)媒體庫(kù)，您可以在其中選擇要內(nèi)嵌在光標(biāo)位置的圖像。您可以選擇圖像以更改其寬度。
- 鍵盤(pán)輸入– 向您的內(nèi)容添加鍵盤(pán)標(biāo)簽以定義鍵盤(pán)輸入。它以瀏覽器的默認(rèn)等寬字體顯示。
- 刪除線– 在您突出顯示的文本中放置一行。
- 下標(biāo)– 將您突出顯示的文本設(shè)為下標(biāo)。
- 上標(biāo)– 將您突出顯示的文本設(shè)為上標(biāo)。
- 文本顏色– 可讓您更改突出顯示的文本的顏色。您可以從預(yù)制顏色中進(jìn)行選擇，使用顏色選擇器工具選擇一種顏色，或者以十六進(jìn)制或RBG代碼的形式輸入值。
編輯表
編輯表選項(xiàng)打開(kāi)一個(gè)下拉框，您可以在其中插入或刪除行和列。在您選擇的行或列之前或之后添加它們。這樣可以隨時(shí)輕松更改表格的大小。我在這個(gè)例子中添加了兩者。
區(qū)塊選項(xiàng)
表格區(qū)塊選項(xiàng)按鈕會(huì)打開(kāi)一個(gè)下拉框，其中包含更多可供選擇的選項(xiàng)。表選項(xiàng)包括：
- 隱藏更多設(shè)置– 此選項(xiàng)隱藏右側(cè)邊欄，為您提供更干凈的工作區(qū)。
- 復(fù)制– 將表格區(qū)塊復(fù)制到剪貼板。然后，您可以將其粘貼到該頁(yè)面或文章中您想要的任何位置。
- 新建副本– 在表下創(chuàng)建表格區(qū)塊的副本。
- 在當(dāng)前區(qū)塊前插入– 在表格區(qū)塊之前為區(qū)塊插入空間。
- 在當(dāng)前區(qū)塊后插入– 在表格區(qū)塊之后為區(qū)塊插入空間。
- 移動(dòng)至– 在區(qū)塊編輯器中放置一條藍(lán)線。您可以使用箭頭鍵向上或向下移動(dòng)線。將藍(lán)線移到您想要移動(dòng)表格區(qū)塊以按 Enter 鍵的位置后，您的區(qū)塊將自動(dòng)移動(dòng)到新位置。
- 作為HTML編輯 – 此選項(xiàng)更改為代碼編輯器，因此您可以將內(nèi)容作為HTML。
- 添加至可重用區(qū)塊– 此選項(xiàng)將您的表格區(qū)塊添加到可重用區(qū)塊中，以便您可以在任何頁(yè)面或文章上再次使用它。
- 組合– 這會(huì)創(chuàng)建一個(gè)組，以便您可以一起調(diào)整所有區(qū)塊。
- 移除區(qū)塊– 此選項(xiàng)刪除表格區(qū)塊。
表格區(qū)塊設(shè)置
表格區(qū)塊設(shè)置與右側(cè)欄中的其他設(shè)置一起放置。如果側(cè)邊欄未打開(kāi)，請(qǐng)單擊右上角的齒輪圖標(biāo)，然后單擊表格區(qū)塊中的任意位置以顯示設(shè)置。您將看到帶有圖標(biāo)和簡(jiǎn)短說(shuō)明的“表格”一詞。您還將看到樣式、顏色、表格設(shè)置和高級(jí)選項(xiàng)。單擊每個(gè)標(biāo)題以打開(kāi)其設(shè)置。
樣式
表格區(qū)塊樣式讓您可以在非條紋或條紋表格之間進(jìn)行選擇。也可以在兩種樣式下的下拉框中設(shè)置默認(rèn)樣式，也可以不設(shè)置。樣式提供預(yù)覽
顏色
顏色使您可以控制表格區(qū)塊的文本、網(wǎng)格和背景顏色。從多種預(yù)選顏色中進(jìn)行選擇，或從顏色選擇器中選擇一種自定義顏色。
對(duì)于文本和網(wǎng)格，選擇一個(gè)。對(duì)于背景，選擇純色或創(chuàng)建漸變。文本和背景顏色都允許您輸入十六進(jìn)制或 RGB 代碼。背景漸變可以是線性的或徑向的。線性包括允許您控制方向的設(shè)置。
在上面的示例中，我為文本和網(wǎng)格選擇了白色，并為徑向漸變選擇了一些藍(lán)色陰影。
如果您選擇了條紋樣式，背景顏色將控制背景的條紋顏色。條紋可以是純色或漸變色背景。
表格設(shè)置
表格設(shè)置提供了可以打開(kāi)或關(guān)閉的選項(xiàng)。設(shè)置包括：
- 定寬單元格– 使單元格大小相同，因此表格看起來(lái)一致。它阻止單元格適應(yīng)其內(nèi)容的大小并使其大小不同。
- 頁(yè)眉章節(jié)– 用粗體文本在頂部添加一行。它用粗線與其他單元格隔開(kāi)。這些獨(dú)立并用作列的標(biāo)簽。
- 頁(yè)腳章節(jié)– 在表格底部添加一行作為頁(yè)腳。它用粗線與其他單元格分開(kāi)，但默認(rèn)情況下文本不是粗體。這對(duì)于匯總信息、提供總數(shù)或?yàn)榇蟊碇貜?fù)標(biāo)題很有用。
高級(jí)
高級(jí)表格區(qū)塊設(shè)置包括用于 HTML 錨點(diǎn)的選項(xiàng)和用于添加其他 CSS 類的字段。錨點(diǎn)用作特殊 URL，因此您可以直接鏈接到表區(qū)塊。CSS classes 字段允許您添加自定義 CSS 類來(lái)設(shè)置區(qū)塊的樣式。默認(rèn)情況下，它為您在樣式設(shè)置中選擇的樣式提供了一個(gè)類。
有效使用表格區(qū)塊的提示和最佳實(shí)踐
任何時(shí)候需要顯示表格數(shù)據(jù)或內(nèi)容時(shí)，都可以使用表格區(qū)塊。不要使用它們來(lái)創(chuàng)建列。列區(qū)塊最適合于此。
使用段落區(qū)塊為表格添加標(biāo)題。
通過(guò)添加標(biāo)題為行創(chuàng)建標(biāo)題。使用易于理解的清晰標(biāo)簽。
使用固定寬度使桌子看起來(lái)更精致和專業(yè)。
為較大的表格選擇條紋以使其更易于閱讀。
如果表格很大，請(qǐng)使用頁(yè)腳來(lái)總結(jié)信息或再次顯示標(biāo)題。
關(guān)于表格區(qū)塊的常見(jiàn)問(wèn)題
表格區(qū)塊的最佳用途是什么？
這個(gè)區(qū)塊非常適合創(chuàng)建表格和圖表。
可以使用表格區(qū)塊塊來(lái)創(chuàng)建欄目嗎？
是的，但它不能讓您對(duì)欄目進(jìn)行足夠的控制。最好為此使用欄目區(qū)塊。
以后可以更改表格大小嗎？
是的。使用表格的選項(xiàng)插入或刪除行或列。
小結(jié)
這就是我們對(duì)WordPress表格區(qū)塊的看法。這是創(chuàng)建基本表格的絕佳區(qū)塊，您甚至可以在某種程度上對(duì)它們進(jìn)行樣式設(shè)置以匹配您的網(wǎng)站。此區(qū)塊是區(qū)塊編輯器的優(yōu)勢(shì)之一。使用此區(qū)塊創(chuàng)建的表很簡(jiǎn)單，但它們運(yùn)行良好且易于構(gòu)建。
當(dāng)前題目：古騰堡編輯器教程：如何使用WordPress表格區(qū)塊
標(biāo)題URL：http://m.fisionsoft.com.cn/article/dhhdcgs.html
