TinyMCE Advanced,WordPress編輯器外掛教學

WordPress這個分類文章曾經介紹如何在WordPress新增文章WordPress的文章與頁面的差別,今天這篇要向大家介紹如何使用WordPress的編輯器外掛:TinyMCE Advanced

 

TinyMCE Advanced,WordPress編輯器外掛教學

安裝TinyMCE Advanced

1.  外掛>新增外掛>搜尋TinyMCE Advanced>安裝>啟用
TinyMCE Advanced,WordPress編輯器外掛教學

2. 啟用TinyMCE Advanced之後,會在『設定』選單增加『TinyMCE Advanced』選項。

3. 設定>TinyMCE Advanced
①將想要使用的編輯工具從下方的Unsed Buttons(未使用按鈕)拖曳至上方的編輯工具列
②儲存變更

以紅框顯示的編輯按鈕是小編個人常用的編輯工具,每項編輯功能都已使用圖示與中文說明。

如何使用TinyMCE Advanced

***文章編輯區在『預覽』狀態下才能使用TinyMEC Advanced***
1. 『段落』:討論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語法結構。

如何編輯圖片?

1. 編輯圖片:點擊『新增媒體』

2. 編輯圖片:選擇圖片後,點擊『插入至文章』

3. 編輯圖片:點擊圖片>點擊『插入/編輯圖片』按鈕

4. 一般:改變圖片尺寸,說明圖片內容。

5. 進階設定:在『垂直間隔』/『水平間隔』輸入數值,『樣式』會自動語法。

設定錨點文字(Anchor text)

“Link”是決定搜尋結果排序的極重要因素,文章無論是外部連結或內部連結,直接將長長的網址(url)貼到網頁上,會大大影響到網頁設計的整體美感,因此利用說明文字做超連結的動作叫做設定錨點文字(Anchor text),也是SEO的工作項目之一。
1. 文字反白>點擊『插入/編輯連結』按鈕>點擊『齒輪』icon>在彈跳視窗中輸入連結網址

繼續閱讀(Read More)

WordPress的文章與頁面的差別提過,文章與首頁有連動,新發表的文章會自動出現在首頁,若不想讓新發表的文章全文出現在首頁,可利用『繼續閱讀』讓首頁版面簡潔。

『繼續閱讀』設定方法:將滑鼠移到想要顯示『文章摘要』的內容之後,點擊『閱讀更多』按鈕,立刻出現------MORE------。

以上就是TinyMCE Advanced的設定方法與常用編輯按鈕的使用方法。
使用TinyMCE Advanced編輯器可以輕鬆處理文章的文字大小、文字顏色,尤其是『段落』=(H標籤)是置放關鍵詞之處,合理使用H標籤可以讓頁面層級關係更清楚,讓搜尋引擎更容易抓取和識別頁面主體內容。