Close

By admin 2023-01-24 In WordPress教學

Advanced Editor,WordPress編輯器外掛教學

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標籤可以讓頁面層級關係更清楚,讓搜尋引擎更容易抓取和識別頁面主體內容。

2 Comments

  • james 15 3 月, 2020

    非常感謝 很實用的一篇文章 感謝~~~

    • cybercats 18 3 月, 2020