「 WordPress文章 」,指的是一系列的網站文章,因為數量通常比較多,所以可將這些文章分類排序,例如運動用品店會分享運動相關的文章內容。
「 WordPress頁面 」,通常指的是品牌官網首頁、關於我們、服務內容、聯絡我們等 .. ,有特定功能的頁面。
簡單來說,文章和頁面是不同的種類,所以在新增或編輯之前,記得要選對唷:)
2. 新增標題和區塊功能
前往 WordPress 後台 > 文章 > 新增文章,會看到 WordPress 預設的 Gutenberg 古騰堡 文章編輯器,可以用它編寫內容。
首先,填入想命名的文章主題。
新增區塊功能
然後點選左上角新增區塊,裡面有多種功能可選取,這裡先選擇 段落 功能。
接著,點選剛新增的區塊,就可以自由編輯文字。
在側邊欄的 區塊 分頁也可調整字體大小、顏色等功能,如下圖。
- 新增任一個功能區塊後,在側邊欄選取 區塊 分頁,這裡會顯示可調整的細節項目,可以善加使用唷。
每個區塊都有額外功能,像是在前後方插入區塊、編輯 html 程式碼、新增至可重複使用區塊、移除區塊等 .. ,如下圖。
WordPress 編輯器支援一般常用快捷鍵,像是 Ctrl+C(複製)、Ctrl+V(貼上)等 ..,然後按下 Delete 即可刪除區塊。
新增版面配置
WordPress 編輯器也有版面配置功能,內建有幾種樣式設計,可依照自己需求選取使用。
這就是簡單的區塊編輯器操作教學,可以試著玩玩看,很方便的:)
3. 新增圖片 / 影片
網頁圖片和影片也是常見的文章內容,這邊簡單示範教學。
新增圖片
首先,點選左上角新增區塊,可利用搜尋欄位或是往下滾動尋找,找到 圖片 功能。
有不同的插入圖片方法,像是上傳、媒體庫、從網址插入媒體,這幾種顯示方法。
這邊用 媒體庫 當教學示範,可以用它來上傳檔案,直接選取圖片或把圖片直接拖放到區塊中,皆可以完成上傳。
當圖片上傳完成,可填寫相關資訊,這會有助於圖片的 SEO 優化,填寫完成後就選取送出。
接著,可以變更圖片對齊方式、新增圖片連結、圖片尺寸等多種設定。
這樣就完成圖片新增囉。
新增影片
WordPress 區塊編輯器,同樣支援多種影片格式,像是 Youtube、Vimeo .. 。
複製想要新增 Youtube 的網址貼至下圖欄位,確認後嵌入,就可以新增 Youtube 影片囉!
也可以使用視訊功能上傳影片檔案,或是用連結方式嵌入影片。
- 視訊檔案通常比較大,建議把檔案放置在 Youtube 等影片串流平台,然後用連結方式嵌入至網站上,會比較省空間唷:)
- 複製影片連結,直接貼至 WordPress 編輯器上,系統會自動新增影片功能。
4. 設定文章錨點
如果文章篇幅比較長,可能會需要使用文章錨點,就是點擊文章的某個文字,會自動位移到指定位置,方便讀者閱讀。
WordPress 是有類似的外掛,但其實使用預設編輯器就做的出來,這邊來示範教學。
首先,新增一個 清單 區塊,輸入幾個章節段落文字,如下圖。
接著用全選文字(反白),然後點設定錨點連結,使用 # 號加上英文,輸入完成後確認,或是按下 Enter 也可。
重複此動作,將其餘文字都設定獨特的網址連結。
設定完成應該會發現,清單上的文字都被加上連結了,如下圖。
接下來,新增幾個標題區塊和段落區塊,點選其中一個標題。
在側邊欄 區塊 分頁的 Html 錨點功能,輸入剛設定的連結(不加 # 號),讓彼此對應起來。
如此一來,就完成文章錨點設定囉,讓文章的閱讀力又上升了。
5. 文章設定
當編輯好了網站頁面,我們需要做一些頁面設定,這樣可更進入狀況。
點選右手邊的側邊欄 內容 分頁,這裡可設定整個頁面的相關資訊,這個和 區塊 分頁不同,區塊分頁是編輯單一區塊。
狀態和可見度
「 可見度 」有公開、私密、受密碼保護這幾種,「 發佈 」可自由指定文章發佈日期,可當排程使用。
永久連結
設定文章的永久連結,有點像是幫文章取名字一樣(建議用英文命名,有助於網站 SEO ),如果沒看到網址設定欄位,可先點擊 儲存草稿 就可設定網址了。
如果你的網址型式跟我不同,可能是你沒有更改 WordPress 預設值。
請前往 WordPress 設定 > 永久連結,更改為用「 文章名稱 」型式命名網址,這樣有助於 SEO 排名。
設定分類和標籤
將文章放置在指定分類下,可在這新增+設定分類,或是前往 WordPress 文章 > 分類,也能新增分類。
還有文章標籤功能,看自己需不需要使用。
設定精選圖片、內容摘要
設定精選圖片,這是頁面的封面圖片,有些 WordPress 佈景主題 會顯示,而有些不會顯示,這依照你的佈景主題規劃而定。
內容摘要,這是在文章列表用來簡略顯示文章內容的,需搭配文章顯示方式是 內容摘要(WordPress 設定 > 閱讀,進行設定)。
或是用區塊編輯器的 閱讀更多 功能,都可以解決文章列表的文字過長問題。
文章討論
可調整是否開放留言,網站文章會建議開啟,可以增加與讀者的互動。
以上就是簡單的文章設定,幫助你打好基礎。