指南/建立內容/為文字新增連結

為文字新增連結

連結 (或稱超連結) 是一個單詞或詞組,只要點擊便可前往另一個頁面或網站。你也可為圖片按鈕選單新增連結。本指引會說明如何在網站上建立文字連結。

文字連結是網站頁面上可點擊的一組文字,能將使用者導向另一個位置,例如其他網頁、相同頁面上的特定區段、檔案,或是外部資源。文字連結的樣式通常與一般文字不同,一般會以底線或不同顏色 (通常為藍色) 標示,讓使用者知道這是可互動的連結。

部分文字具有醒目標示設定,表示為連結。
以不同顏色顯示的連結文字範例。

你可透過幾種方法,為網站上的文字新增連結。本指引列出的方法,包括如何在段落區塊的工具列中使用連結按鈕、將連結複製貼上至編輯器,以及使用括號建立連結。

所有段落區塊 (包括「段落」區塊「標題」區塊等) 都會在區塊工具列中顯示選項,讓你可以為區塊的部分文字新增連結。

若要在 WordPress.com 網站上新增文字連結,請按照以下步驟操作:

  1. 前往網站儀表板
  2. 在側邊欄內:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  3. 用滑鼠或觸控板將要新增連結的文字反白。
  4. 文字上方會顯示區塊工具列和連結圖示:
「段落」區塊的工具列,連結圖示以方框圈起。
  1. 按一下鏈條連結的連結圖示:
看起來像鏈條連結的連結圖示。
  1. 此時會顯示文字方塊,你可在此執行下列任一動作來建立連結:
    • 搜尋網站內容。此處只會顯示已發表的內容,不會有草稿或已排程內容。
    • 輸入連結的 URL。此處的 URL 可以是網站上的 URL,或任何外部網站的 URL 。
    • 貼上連結的 URL。此處的 URL 可以是網站上的 URL,或任何其他網站的 URL 。
    • 建立跳轉或錨點,連結至相同頁面上的內容。
  2. 按下鍵盤上的 returnenter 鍵,儲存連結。
    • 文字顏色會有變化,表示這是連結。連結的文字通常為藍色,但根據你使用的佈景主題或套用的樣式,顏色可能不同。
  3. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

請觀看下方影片,了解如何為文字新增連結。按一下「播放」按鈕後,可使用右下角的控制項放慢或加快影片的播放速度。

方法二:複製貼上

可以前往網站或網站的特定頁面,複製 URL 或網址後,貼到編輯器中反白的文字上,建立連結。請按照下列步驟複製貼上連結:

  1. 前往你想連結的網站。在瀏覽器的位址列中,複製網站位址/URL 的連結。
    • 將 URL 反白後,按一下滑鼠右鍵並選擇「複製」,或使用鍵盤快捷鍵 CTRL + C (PC) 或 CMD + C (Mac),即可複製連結。
  2. 前往網站儀表板
  3. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  4. 用滑鼠或觸控板將要新增連結的文字反白。
  5. 將 URL 直接貼到反白的文字上。
    • 按一下滑鼠右鍵,選擇「貼上,或使用鍵盤快捷鍵 CTRL + V (PC) 或 CMD + V (Mac),即可貼上連結。
  6. 系統會自動建立連結。反白的文字會自動加上底線或以不同顏色顯示,表示連結已建立。
  7. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

請觀看下方影片,了解如何將連結複製貼上。按一下「播放」按鈕後,可使用右下角的控制項放慢或加快影片的播放速度。

方法三:輸入 [[

如果偏好使用鍵盤在網站的已發表頁面或文章上快速新增文字連結,請按照下列說明操作:

  1. 前往網站儀表板
  2. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  3. 請於正在編輯的頁面/文章/範本的任一處,輸入兩個方括號:[[
  4. 你最新發表的頁面和文章會從清單中快顯。
  5. 按一下要新增至內容的文章或頁面
    • 系統會以頁面或文章的標題作為連結文字,你也可視需要進行編輯
  6. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

請觀看下方影片,了解如何使用兩個方括號建立連結。按一下「播放」按鈕後,可使用右下角的控制項放慢或加快影片的播放速度。

編輯現有連結

建立連結後,可以編輯連結的文字或 URL/位址。請按照以下步驟編輯現有的連結:

  1. 前往網站儀表板
  2. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  3. 進入編輯器後,按一下要編輯的連結文字。
  4. 選取顯示的鉛筆圖示
  5. 在標示「文字」的方塊中,變更連結文字的內容。
  6. 在標示「連結」的方塊中,變更連結文字的 URL。
  7. 按下鍵盤上的 returnenter 鍵,或按一下「儲存」按鈕。
  8. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

請觀看下方影片,了解如何編輯現有連結。按一下「播放」按鈕後,可使用右下角的控制項放慢或加快影片的播放速度。

基於幾個理由,建議你將連結設定為在新分頁中開啟。例如,訪客可能會想繼續瀏覽目前所在的頁面;因此,將連結設定為在新分頁中開啟,訪客就無須離開目前的網頁。

若要將連結設定為在新的瀏覽器分頁中開啟:

  1. 前往網站儀表板
  2. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  3. 進入編輯器後,按一下要編輯的連結文字。
  4. 選取顯示的鉛筆圖示
  5. 按一下「進階」展開更多選項。
  6. 勾選「在新分頁中開啟」旁的方塊。
  7. 按一下連結設定中的「儲存」按鈕。
  8. 按一下編輯器右上方的「儲存」按鈕,儲存變更。
連結設定的畫面,「進階」選項下顯示「在新分頁中開啟」選項。

將連結標示為 nofollow,可讓搜尋引擎忽略該連結。舉例來說,如要連結至廣告或附屬連結,nofollow 能幫你管理網站搜尋引擎值;如果不確定所連結網站上搜尋引擎的品質,也可選擇使用 nofollow。

若要將連結標示為 nofollow:

  1. 前往網站儀表板
  2. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器,編輯範本
  3. 進入編輯器後,按一下要編輯的連結文字。
  4. 選取顯示的鉛筆圖示
  5. 按一下「進階」顯示進階連結選項。
  6. 勾選「標示為 nofollow」旁的方塊。
  7. 按一下連結設定中的「儲存」按鈕。
  8. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

此選項會將 rel=”nofollow” HTML 參數新增至連結。

若要移除網站上的連結,請按照以下步驟操作:

  1. 前往網站儀表板
  2. 透過側邊欄:
    • 前往「頁面」或「文章」,按一下任一頁面或文章進行編輯,或是
    • 前往「外觀」→「編輯器」下的網站編輯器。
  3. 進入編輯器後,按一下要編輯的連結文字。
  4. 按一下顯示的「移除連結」圖示。
以方框圈起的「移除連結」圖示。
  1. 這樣就能移除文字的連結。
  2. 按一下編輯器右上方的「儲存」按鈕,儲存變更。

請觀看下方影片,了解如何移除文字的連結。按一下「播放」按鈕後,可使用右下角的控制項放慢或加快影片的播放速度。

Copied to clipboard!