返回支援 內容和媒體 區塊 標題區塊

標題區塊

你可以使用標題插入新的區段和子區段、拆分文字、組織內容,並填入目錄。標題可以協助你組織內容結構,讓你的內容更加簡單易讀,也便於搜尋引擎搜尋。

新增標題區塊

若要新增標題區塊,請按一下 「+ 區塊插入工具」圖示,然後搜尋「標題」,接著按一下即可將區塊加入文章或頁面。

新增標題區塊。
新增標題區塊

💡

你也可以用鍵盤在新的一行輸入 /heading,然後按 Enter 鍵快速新增標題區塊

使用斜線插入工具新增標題區塊。
使用斜線插入工具新增標題區塊

若要新增特定標題層級,你也可以輸入 /h1 /h2 /h3 /h4 /h5 /h6 並按下 Enter,插入不同的標題層級。

此處有新增區塊的詳細說明。 

標題層級

標題會分成六級階層,按照重要性對內容進行排序。重要性最高的標題會排序為層級 1 (H1);重要性最低者為 6 (H6)。

H1 標題應保留為頁面標題,以便進行搜尋引擎最佳化。WordPress 會自動將頁面及文章的標題排序為 H1。因此頁面上的第一個標題會是 H2,H3 標題是子標題,H4 標題是副子標題,以此類推。

你可以在工具列中選擇標題層級。若想要調整標題文字的大小和外觀,請使用區塊設定

區塊工具列

按一下區塊即會在其上方顯示選項工具列:

標題區塊上層工具列。
標題區塊上層工具列。

標題區塊的工具列有以下幾個選項:

標題區塊的更多選項

標題區塊包含更多選項:

標題區塊的格式選項螢幕截圖。

你可以使用上述選項為標題區塊中的文字或字元集套用格式。步驟如下:

  1. 反白選取想要套用格式的文字或字元。
  2. 選取所需的工具列選項以套用格式。
醒目提示

你可以在標題區塊中使用「醒目提示」選項變更特定文字或字元的顏色,或是為特定文字或字元設定有色背景。

  1. 選取你要設定格式的文字。
  2. 按一下區塊工具列中的向下箭頭。
  3. 按一下「醒目提示」。
  4. 畫面會彈出一個包含文字背景顏色選項的小視窗。你可以從一組預先定義的顏色選項中選擇,也可以使用顏色選擇器選擇想要的特定顏色。
在標題區塊中使用醒目提示選項變更文字顏色並套用背景顏色的 GIF 動畫。
標題區塊中使用醒目提示選項變更文字顏色並套用背景顏色。
內嵌圖片

內嵌圖片可以新增圖片至標題。請依照下方步驟,新增內嵌圖片至標題區塊

  1. 按一下區塊工具列中的向下箭頭
  2. 選擇「內嵌圖片
  3. 從「媒體庫」視窗選取你要使用的圖片。
  4. 按一下「插入」按鈕,新增內嵌圖片。
新增內嵌圖片至標題區塊
新增內嵌圖片至標題區塊

若要變更內嵌圖片的大小,請按一下圖片,輸入或選取圖片寬度的數值,然後使用彎箭頭按鈕套用變更。

變更內嵌圖片大小。
變更內嵌圖片大小。
鍵盤輸入

你可以使用「鍵盤輸入」選項為選取的文字新增 HTML 標籤。

標籤用於定義鍵盤輸入,通常用來撰寫鍵盤指令。 標籤內的內容將以瀏覽器預設等寬字型顯示。舉例來說,CTRL + C 就是鍵盤輸入文字:

若要複製內容,請反白選取內容並按下鍵盤上的 CTRL + C

區塊設定

按一下區塊,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,你可能需要按一下右上角的 ⚙️ (齒輪) 圖示叫出設定。

區塊設定位於右側邊欄中。
按一下 ⚙️ 圖示,開啟區塊設定
顏色設定

你可以使用顏色設定變更標題區塊的文字、背景和連結顏色。。

使用顏色設定變更整個標題區塊文字、背景和連結的顏色。
使用顏色設定變更整個標題區塊文字、背景和連結的顏色。
文字設計設定

你可以使用以下設定調整區塊文字的外觀。

若未看到設定,請按一下「文字設計」右側的三個點來啟用 (如右圖所示)。 接著你就可以選擇要使用的選項:

  • 字體大小
  • 字型系列
  • 外觀
  • 行高
  • 裝飾
  • 字母大小寫
  • 字母間距
「文字設計」下拉式選單
區塊設定側邊欄中的「文字設計」,已展開額外選項。

字體大小設定可以調整文字的大小。有小、中、大等預設大小可以任選。

你也可以按一下預設選項上方的滑桿圖示,設定特定的值 (在下方螢幕截圖中標示為 1)。按一下下方螢幕截圖中標示數字 2 的地方,可以變更單位。選項包含像素、emrem

「文字設計」中的字體大小設定

字型系列設定可以變更使用的字型樣式。可以從下拉式選單中的字型清單任選。

外觀設定可以將文字樣式變更為一般或斜體、從細變更至特粗。

行高可以設定文字上下的間距。如果選取 0,請務必確認行動版網站上呈現的效果。

裝飾設定提供底線和刪除線選項。

字母大小寫可以將文字設定為全部大寫、首字母大寫,或全部小寫。

字母間距可以設定每個文字字元之間的間距。你可以變更預設單位 (像素) 為百分比、emremvwvh在此深入瞭解相對單位

尺寸設定

在某些佈景主題中,標題區塊可以設定尺寸

請按一下「尺寸」旁邊的 + 圖示,選取並啟用標題區塊的邊界尺寸設定。邊界尺寸會影響所選區塊周圍的間距。如果你希望區塊周圍的間距一致,可以在文字欄位中輸入自訂值。

標題區塊尺寸設定。

若要為區塊上下左右設定不同的間距值,請按一下「尺寸」旁邊的連結圖示。

使用尺寸邊界設定,設定標題區塊的自訂間距值。

若要變更邊界設定的單位,請按一下「PX」,系通將顯示下拉式選單,其中包含 %、EM、REM、VW 和 VH 等其他支援單位。

變更標題區塊尺寸邊界設定的單位。

進階

進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。深入了解

進階區段可讓你新增 CSS 類別到區塊。
進階區段可讓你新增 CSS 類別到區塊。
Copied to clipboard!