建站
咨詢
售后
建站咨詢
新聞中心
當(dāng)您想將單個(gè)媒體文件插入wordpress網(wǎng)站上的文章或頁(yè)面時(shí)，了解如何使用圖片區(qū)塊會(huì)派上用場(chǎng)。但是，如果您想添加一組照片怎么辦？為此，您可以使用畫(huà)廊區(qū)塊。
WordPress畫(huà)廊區(qū)塊可以輕松快捷地將多個(gè)圖像添加到WordPress文章和頁(yè)面。在本教程中，我們將解釋畫(huà)廊區(qū)塊是什么以及它是如何工作的。我們還將提供一些提示和最佳實(shí)踐，以便在您的網(wǎng)站上有效地使用它。
如何將畫(huà)廊區(qū)塊添加到頁(yè)面或文章
要將畫(huà)廊區(qū)塊添加到WordPress網(wǎng)站，首先導(dǎo)航到任何頁(yè)面或文章（新的或現(xiàn)有的）。接下來(lái)，單擊“添加塊”按鈕 – 加號(hào) (+) 圖標(biāo) – 并搜索“畫(huà)廊”：
您可以單擊畫(huà)廊區(qū)塊以將其插入，或?qū)D標(biāo)拖放到編輯器中?；蛘?，您可以直接在編輯器中輸入“/gallery”，然后按 Enter鍵。
插入畫(huà)廊區(qū)塊后，您將有幾個(gè)添加照片的選項(xiàng)。您可以單擊上傳按鈕從計(jì)算機(jī)中選擇圖像，或選擇媒體庫(kù)選擇已上傳到您網(wǎng)站的照片：
使用任一選項(xiàng)，您都可以搜索并選擇要使用的所有照片。之后，它們將出現(xiàn)在區(qū)塊中：
如您所見(jiàn)，頂部工具欄中有一個(gè)選項(xiàng)可以調(diào)整塊的對(duì)齊方式，右側(cè)菜單中還有各種設(shè)置。讓我們仔細(xì)看看每個(gè)選項(xiàng)是什么以及如何使用它們。
畫(huà)廊區(qū)塊設(shè)置和選項(xiàng)
在畫(huà)廊區(qū)塊的工具欄中，您可以單擊對(duì)齊圖標(biāo)來(lái)更改圖庫(kù)在頁(yè)面上的位置。默認(rèn)為左對(duì)齊，但您可以將區(qū)塊移動(dòng)到頁(yè)面的右側(cè)或中心：
您還可以選擇全幅或?qū)挿? 后者會(huì)將畫(huà)廊擴(kuò)展到主題的典型內(nèi)容部分寬度之外。如果您單擊三個(gè)垂直點(diǎn)，您會(huì)發(fā)現(xiàn)一些其他選項(xiàng)，包括以下選項(xiàng)：
- 復(fù)制區(qū)塊
- 在當(dāng)前區(qū)塊之前或之后插入另一個(gè)區(qū)塊
- 移動(dòng)畫(huà)廊區(qū)塊
- 作為HTML編輯
- 將畫(huà)廊區(qū)塊添加至可重用
畫(huà)廊區(qū)塊最有用的事情之一是它不僅讓您將多張照片添加到您的WordPress頁(yè)面或同時(shí)發(fā)布。您還可以使用它根據(jù)自己的喜好排列這些圖像。例如，您可以自定義包含的列數(shù)和畫(huà)廊中圖像的大小。
您可以在右側(cè)菜單的畫(huà)廊設(shè)置部分下更改畫(huà)廊列的數(shù)量：
要更改列數(shù)，您可以使用滑塊或在文本字段中輸入所需的值。您還可以使用裁剪圖像切換選項(xiàng)：
默認(rèn)情況下啟用此設(shè)置，以便均勻裁剪圖像。但是，如果您將其關(guān)閉，圖像將自動(dòng)以其原始版本顯示。
在鏈接到下拉菜單下，您可以選擇將畫(huà)廊超鏈接到附件頁(yè)面或媒體文件。使用圖像尺寸下拉菜單，您可以調(diào)整照片的尺寸，選項(xiàng)包括縮略圖、 中、大或全尺寸。
最后，通過(guò)單擊圖庫(kù)中的單個(gè)圖像，您會(huì)發(fā)現(xiàn)更多選項(xiàng)：
如果要編輯單張照片，只需單擊鉛筆圖標(biāo)即可。您可以選擇X圖標(biāo)將其從畫(huà)廊區(qū)塊中完全刪除。要在照片系列中向前或向后移動(dòng)，您可以使用箭頭按鈕。
有效使用畫(huà)廊區(qū)塊的提示和最佳實(shí)踐
現(xiàn)在我們已經(jīng)介紹了畫(huà)廊區(qū)塊的基礎(chǔ)知識(shí)，您已經(jīng)準(zhǔn)備好學(xué)習(xí)如何有效地使用它。您可以牢記一些最佳實(shí)踐，以充分利用此WordPress功能。
首先，我們建議確保在插入畫(huà)廊區(qū)塊后啟用裁剪圖像功能。當(dāng)您擁有各種大小和形狀的圖像時(shí)，此選項(xiàng)特別有用 – 默認(rèn)情況下有時(shí)會(huì)顯得凌亂。
當(dāng)您啟用此功能時(shí)，它可以確保圖庫(kù)中的所有圖像看起來(lái)都是統(tǒng)一的。這有助于使其看起來(lái)更專業(yè)、更有條理和美觀。
接下來(lái)，確保您上傳到WordPress畫(huà)廊的每張圖片都經(jīng)過(guò)適當(dāng)優(yōu)化非常重要。這包括：
- 選擇一個(gè)對(duì)SEO友好的文件名
- 添加替代文本（“替代文本”，可以用Smart SEO Tool插件實(shí)現(xiàn)自動(dòng)填寫(xiě)Alt替代文本）
- 確保每個(gè)圖像都被壓縮
遵循這些圖像優(yōu)化最佳實(shí)踐有助于提高您網(wǎng)站的性能。它還可以提高您的搜索引擎排名。
最后，您可以考慮為畫(huà)廊中的每張圖片添加標(biāo)題。這有助于在訪問(wèn)者瀏覽時(shí)向他們提供必要的上下文和背景信息。
關(guān)于畫(huà)廊區(qū)塊的常見(jiàn)問(wèn)題
此時(shí)，您應(yīng)該牢牢掌握Gallery塊以及如何使用它。為確保涵蓋所有基礎(chǔ)知識(shí)，讓我們看看有關(guān)此元素的一些常見(jiàn)問(wèn)題。
在哪里可以找到WordPress中的畫(huà)廊區(qū)塊？
要找到畫(huà)廊區(qū)塊，請(qǐng)導(dǎo)航到任何文章或頁(yè)面。接下來(lái)，單擊加號(hào) (+) 圖標(biāo)并在搜索字段中鍵入“畫(huà)廊”。只需單擊畫(huà)廊選項(xiàng)，或?qū)⑵渫戏诺骄庉嬈髦屑纯刹迦雲(yún)^(qū)塊?；蛘?，您可以通過(guò)直接在編輯器中鍵入“/gallery”，然后按鍵盤(pán)上的Enter來(lái)找到畫(huà)廊區(qū)塊。
畫(huà)廊區(qū)塊有什么作用？
畫(huà)廊區(qū)塊可以讓你在一個(gè)位置添加多張照片到您的文章。您可以直接在WordPress區(qū)塊編輯器中以美觀的方式輕松調(diào)整大小和排列它們。例如，您可以決定要使用的列數(shù)并調(diào)整圖像的大小。
可以在WordPress的任何地方添加畫(huà)廊區(qū)塊嗎？
您可以將畫(huà)廊區(qū)塊添加到任何頁(yè)面或在您的WordPress網(wǎng)站上發(fā)布。此外，您可以使用WordPress小工具在站點(diǎn)的其他區(qū)域（例如頁(yè)腳）中添加畫(huà)廊區(qū)塊。
小結(jié)
將圖像插入WordPress文章或頁(yè)面的過(guò)程非常簡(jiǎn)單。但是，有時(shí)您可能希望將多張照片分組并一次性添加所有照片。在這種情況下，您可以利用畫(huà)廊區(qū)塊的優(yōu)勢(shì)。
正如我們?cè)谶@篇文章中所討論的，您可以輕松地將此區(qū)塊插入文章和頁(yè)面（以及通過(guò)小工具的側(cè)邊欄和頁(yè)腳區(qū)域），以輕松地一次上傳和排列多個(gè)圖像。此區(qū)塊可讓您根據(jù)自己的喜好無(wú)縫調(diào)整照片大小和組織照片。您可以使用它來(lái)增強(qiáng)頁(yè)面的整體外觀和感覺(jué)，而無(wú)需退出編輯器或使用第三方畫(huà)廊插件。
網(wǎng)站欄目：古騰堡編輯器教程：如何使用WordPress畫(huà)廊區(qū)塊
當(dāng)前鏈接：http://m.5511xx.com/article/dpdsops.html
