wordpress的預設編輯器功能簡單,只有新增超連結,沒有新增錨點。所以第一步,就是給編輯器增加一個新增錨點的按鈕。關於給TinyMCE編輯器增加按鈕,請參考本站的另一篇教程:wordpress功能整合(九):給wp預設編輯器增加按鈕將下列程式碼新增到主題的functions.php檔案中。
1. function add_editor_buttons($buttons) {
2.
3. $buttons[] = "anchor";
5. return $buttons;
6. }
7. add_filter("mce_buttons_3", "add_editor_buttons"); 新增完成即可在wordpress後臺的編輯器中看到出現一個像船錨一樣的按鈕,此按鈕即為錨點功能按鈕。如圖:錨點按鈕怎麼使用呢?加入我要釋出如圖所示的兩段文字,然後在文章的開頭新增量過標題,點選標題分別跳到對應的內容 1.首先選擇第一段文字的標題,然後點選 新增錨點按鈕。1. 選中文字2. 點選新增錨點按鈕3. 輸入錨點名稱,名稱為英文,全小寫,不要特殊字元和空格,可用下劃線插入錨點之後,可以看到在標題的前面會出現一個船錨符號。2. 新增連結選中要跳轉到該錨點的文字,然後新增超連結,連結地址填 #+錨點名稱 即可,上圖中新增的錨點名稱為jiaocheng,則下圖中的連結地址為#jiaochegn
wordpress的預設編輯器功能簡單,只有新增超連結,沒有新增錨點。所以第一步,就是給編輯器增加一個新增錨點的按鈕。關於給TinyMCE編輯器增加按鈕,請參考本站的另一篇教程:wordpress功能整合(九):給wp預設編輯器增加按鈕將下列程式碼新增到主題的functions.php檔案中。
1. function add_editor_buttons($buttons) {
2.
3. $buttons[] = "anchor";
5. return $buttons;
6. }
7. add_filter("mce_buttons_3", "add_editor_buttons"); 新增完成即可在wordpress後臺的編輯器中看到出現一個像船錨一樣的按鈕,此按鈕即為錨點功能按鈕。如圖:錨點按鈕怎麼使用呢?加入我要釋出如圖所示的兩段文字,然後在文章的開頭新增量過標題,點選標題分別跳到對應的內容 1.首先選擇第一段文字的標題,然後點選 新增錨點按鈕。1. 選中文字2. 點選新增錨點按鈕3. 輸入錨點名稱,名稱為英文,全小寫,不要特殊字元和空格,可用下劃線插入錨點之後,可以看到在標題的前面會出現一個船錨符號。2. 新增連結選中要跳轉到該錨點的文字,然後新增超連結,連結地址填 #+錨點名稱 即可,上圖中新增的錨點名稱為jiaocheng,則下圖中的連結地址為#jiaochegn