在網頁上,鏈接與錨點不同,鏈接指的是從一個頁面鏈接到另一個頁面,而錨點,是頁面中的鏈接,即從頁面的一個地方點擊跳轉到同一個頁面的另一個地方。

如百度百科:錨點 頁面中,點擊頁面中的目錄,會跳轉到對應的內容上去。

 

 

在 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

 

至此,完成。