Contents
Advanced Editor 以前稱為 TinyMCE Advanced,是WordPress加強版網頁編輯器。
針對文字有如下功能:
-
- 設定對落or標題
- 文字大小
- 文字底線
- 文字顏色
- 文字背景色
- 文字靠左對齊、置中對齊、靠右對齊
1. 安裝Advanced Editor
登入WordPress控制台 外掛>新增外掛>搜尋Advanced Editor>安裝>啟用
2. 啟用Advanced Editor
啟用Advanced Editor之後,會在『設定』選單顯示『Advanced Editor』選項。
3. 設定Advanced Editor
①下方『未使用的按鈕』移動按鈕置放於工具列,或拖曳按鈕以重新排列按鈕順序。
②儲存變更
如何使用TinyMCE Advanced
***文章編輯區在『預覽』狀態下才能使用Advanced Editor***
1. H標籤
『段落』:討論SEO相關的文章時,經常提到的『H標籤』,就是在『段落』控制。
H標籤也叫做Heading標籤,在HTML語法中一共有六種大小的heading標籤,從H1一直到H6(即標題1~標題6)。『H標籤』一般用來定義標題。
<h1> 定義最大的標題。
<h6>定義最小的標題
★每個頁面有且只使用一個H1標籤。
★H1:代表網頁的主題。對於首頁來說,H1一般用於品牌名上; 對於內容頁面,H1就是頁面主標題。H1標籤必須包含焦點關鍵字。
★H2:一般用在段落標題、文章副標題,可複數使用,可部署長尾關鍵詞。
★H3:一般用做段落副標題(H2>H3),可複數使用,可以部署長尾關鍵詞。
★H4-H6:字體變得很小,小編不使用。
2.文字反白
將想要編輯的文字反白,然後點擊編輯工具列任一按鈕,前台呈現如下圖的編輯效果。
3.HTML語法結構
文章編輯區在『文字』狀態下可以看到HTML語法結構。
如何編輯圖片?
1. 編輯圖片:點擊『新增媒體』
2. 編輯圖片:選擇圖片後,點擊『插入至文章』
3. 編輯圖片:點擊圖片>點擊『插入/編輯圖片』按鈕
4. 一般:改變圖片尺寸,說明圖片內容。
5. 進階設定:在『垂直間隔』/『水平間隔』輸入數值,『樣式』會自動語法。
設定錨點文字(Anchor text)
“Link”是決定搜尋結果排序的極重要因素,文章無論是外部連結或內部連結,直接將長長的網址(url)貼到網頁上,會大大影響到網頁設計的整體美感,因此利用說明文字做超連結的動作叫做設定錨點文字(Anchor text),也是SEO的工作項目之一。
①文字反白 ②點擊『插入/編輯連結』按鈕 ③點擊『齒輪』icon ④在彈跳視窗中輸入連結網址
繼續閱讀(Read More)
在WordPress的文章與頁面的差別提過,文章與首頁有連動,新發表的文章會自動出現在首頁,若不想讓新發表的文章全文出現在首頁,可利用『繼續閱讀』讓首頁版面簡潔。
『繼續閱讀』設定方法:將滑鼠移到想要顯示『文章摘要』的內容之後,點擊『閱讀更多』按鈕,立刻出現——MORE——。
以上就是Advanced Editor的設定方法與常用編輯按鈕的使用方法。
使用Advanced Editor編輯器可以輕鬆處理文章的文字大小、文字顏色,尤其是『段落』=(H標籤)是置放關鍵詞之處,合理使用H標籤可以讓頁面層級關係更清楚,讓搜尋引擎更容易抓取和識別頁面主體內容。
james 15 3 月, 2020
非常感謝 很實用的一篇文章 感謝~~~
cybercats 18 3 月, 2020
☺