變更內容的寬度

你可以在 WordPress 編輯器中，控制內容 (如圖片、文字等) 在頁面上的顯示寬度。本指引會介紹可用選項，並說明如何設定網站內容的寬度。

每一個區塊佈景主題都有預設的內容寬度，用以控制文字和圖片在頁面上的顯示寬度。寬度大小為：

• 內容 (或「無」)：將區塊寬度設為內容區的預設寬度。
• 寬幅寬度：將區塊寬度設為略寬 (但非全幅) 寬度。
• 全幅寬度：將區塊設定為填滿適用區域的全幅寬度。

在編輯某些內容區塊 (例如：「圖片」區塊或「多重欄位」區塊) 時，選取區塊後，系統會顯示區塊工具列，其中「對齊」選項便會包含內容的寬度選項。

並非所有區塊都包含內容寬度選項。本指引稍後將說明如何將寬度選項套用至預設中無寬度選項的區塊。

如果內容區塊包含寬度調整選項，只要前往內容區塊上方的區塊工具列，便可找到「對齊」選項。若想變更區塊寬度，請按以下步驟操作：

1. 從網站的儀表板，依照以下其中一條路徑前往欲編輯的內容：
   • 頁面
   • 文章
   • 「外觀」→「編輯器」。
2. 新增內容區塊，或按一下包含已新增內容的區塊。
   • 另一種做法則是使用「清單檢視」前往特定區塊。
3. 在區塊工具列中，按一下「對齊」圖示：

4. 選取適當的寬度：「無」、「寬幅」或「全幅」。
5. 按一下「儲存」按鈕，儲存變更。

針對無寬度調整選項的區塊，請了解如何將寬度選項套用至預設中未包含該選項的區塊。

觀看下方影片，了解如何變更內容的寬度。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

「圖片」區塊 (例如：「封面」區塊或「圖庫」區塊) 包含靠左、置中或靠右等其他對齊選項。這些選項讓你將文字排列於圖片周圍。

有些區塊沒有版面形式選項或本指引先前所述的所有寬度設定。例如：「段落」區塊和自訂 HTML 區塊。你可以使用「群組」區塊為區塊分組或進行統整，以變更內容寬度。無論要為任何區塊設定多大的寬度，均可依照下列步驟操作：

1. 從網站的儀表板，前往「頁面」、「文章」或「外觀」→「編輯器」。 
2. 新增單一區塊或系列區塊。 
3. 選取區塊，然後按一下區塊工具列中的省略號 (三點圖示)。
4. 按一下「群組」選項為區塊分組 (即使只有一個區塊也可以分組）。
5. 在區塊上方的新「群組」區塊工具列中，按一下「對齊」 圖示：

6. 選取適當的寬度：「無」、「寬幅」或「全幅」。
   • 或者，你可能需要在「群組」區塊側邊欄設定中，將「內部區塊使用內容寬度」設定 (詳見下一節說明) 切換為「關閉」。此變更可確保上層區塊中的區塊使用上層區塊的全幅寬度。
7. 按一下「儲存」按鈕，儲存變更。

請觀看下方影片，了解如何將區塊分組，以便將寬度設定套用至預設中未包含該選項的內容，或者透過一個步驟將寬度設定套用至系列區塊。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

此設定主要套用至設計區塊，如：「群組」、「橫列排列」和「項目行」區塊。你也會在用於內嵌內容的任何其他區塊中看到該選項，如：「封面」區塊或「多重欄位」區塊。此選項可用於控制設計區塊中的內嵌內容執行方式。

例如，假設你新增了一個「多重欄位」區塊，然後又在欄位內新增內容，則該內容便是由「內部區塊」所組成。

「內部區塊使用內容寬度」的設定值會套用至內嵌於上層區塊的區塊執行方式：

如需調整「內部區塊使用內容寬度」設定：

1. 從網站的儀表板，前往「頁面」、「文章」或「外觀」→「編輯器」。 
2. 按一下區塊，或使用清單檢視選取特定區塊。 
3. 在區塊的側邊欄中，找到「版面形式」區段。
   • 只有當區塊支援區塊內的內嵌內容時，才會顯示此版面形式設定。「群組」、「多重欄位」和「 圖庫」都是支援此選項的區塊範例。
4. 按一下「內部區塊使用內容寬度」的切換按鈕，即可開啟或關閉設定。

觀看下方影片，了解如何調整上層區塊內的區塊內容寬度。按一下「播放」按鈕後，可使用右下角的控制項放慢或加快影片的播放速度。

你所選取的佈景主題會有「內容」和「寬度」設定的預設寬度值。你可以針對整個佈景主題調整預設寬度。

本節指引適用於使用 WordPress.com 進階版、商用版和電子商務版方案，以及舊版專業版方案的網站。若是採用免費或個人版方案的網站，只要升級方案，即可存取此功能。

如要自訂預設寬度設定：

1. 前往網站儀表板。 
2. 前往「外觀」→「編輯器」。
3. 在側邊欄中選擇「樣式」。
4. 選取「版面形式」選項。
5. 從「尺寸」的選擇中，調整「內容」和「寬度」設定的預設寬度值。
6. 此外也可以調整邊框間距和區塊間距。
7. 按一下「儲存」按鈕，即可儲存變更。