在網頁上，連結與錨點不同，連結指的是從一個頁面連結到另一個頁面，而錨點，是頁面中的連結，即從頁面的一個地方點選跳轉到同一個頁面的另一個地方。

如百度百科：錨點 頁面中，點選頁面中的目錄，會跳轉到對應的內容上去。

 

 

在 WordPress 中如何新增錨點呢？

WordPress 的預設編輯器功能簡單，只有新增超連結，沒有新增錨點。

所以第一步，就是給編輯器增加一個新增錨點的按鈕。

關於給 TinyMCE 編輯器增加按鈕，請參考本站的另一篇教程：WordPress 功能整合 (九): 給 wp 預設編輯器增加按鈕

將下列程式碼新增到主題的 functions.php 檔案中。

  1. function add_editor_buttons($buttons) {   
  2.   
  3. $buttons[] = 'anchor';   
  4. //還可在此新增更多按鈕   
  5. return $buttons;   
  6. }   
  7. add_filter("mce_buttons_3", "add_editor_buttons");  

新增完成即可在 WordPress 後臺的編輯器中看到出現一個像船錨一樣的按鈕，此按鈕即為錨點功能按鈕。

如圖：

 

 

錨點按鈕怎麼使用呢？

加入我要釋出如圖所示的兩段文字，然後在文章的開頭新增量過標題，點選標題分別跳到對應的內容

 

1. 首先選擇第一段文字的標題，然後點選 新增錨點按鈕。

  1. 選中文字
  2. 點選新增錨點按鈕
  3. 輸入錨點名稱，名稱為英文，全小寫，不要特殊字元和空格，可用下劃線

 

 

插入錨點之後，可以看到在標題的前面會出現一個船錨符號。

2. 新增連結

選中要跳轉到該錨點的文字，然後新增超連結, 連結地址填 #+錨點名稱 即可，上圖中新增的錨點名稱為 jiaocheng, 則下圖中的連結地址為 #jiaochegn

 

至此，完成。