「 WordPress文章 」,指的是一系列的網站文章,因為數量通常比較多,所以可將這些文章分類排序,例如運動用品店會分享運動相關的文章內容。

「 WordPress頁面 」,通常指的是品牌官網首頁、關於我們、服務內容、聯絡我們等 .. ,有特定功能的頁面。

簡單來說,文章和頁面是不同的種類,所以在新增或編輯之前,記得要選對唷:)


2. 新增標題和區塊功能

前往 WordPress 後台 > 文章 > 新增文章,會看到 WordPress 預設的 Gutenberg 古騰堡 文章編輯器,可以用它編寫內容。

首先,填入想命名的文章主題。

新增區塊功能

然後點選左上角新增區塊,裡面有多種功能可選取,這裡先選擇 段落 功能。

WordPress文章 :新增段落
新增段落

接著,點選剛新增的區塊,就可以自由編輯文字。

在側邊欄的 區塊 分頁也可調整字體大小、顏色等功能,如下圖。

WordPress文章 :編輯段落區塊
編輯段落區塊
  • 新增任一個功能區塊後,在側邊欄選取 區塊 分頁,這裡會顯示可調整的細節項目,可以善加使用唷。

每個區塊都有額外功能,像是在前後方插入區塊、編輯 html 程式碼、新增至可重複使用區塊、移除區塊等 .. ,如下圖。

WordPress文章 :區塊額外功能
區塊額外功能

WordPress 編輯器支援一般常用快捷鍵,像是 Ctrl+C(複製)、Ctrl+V(貼上)等 ..,然後按下 Delete 即可刪除區塊。

新增版面配置

WordPress 編輯器也有版面配置功能,內建有幾種樣式設計,可依照自己需求選取使用。

WordPress文章 :新增版面區塊
新增版面區塊

這就是簡單的區塊編輯器操作教學,可以試著玩玩看,很方便的:)


3. 新增圖片 / 影片

網頁圖片和影片也是常見的文章內容,這邊簡單示範教學。

新增圖片

首先,點選左上角新增區塊,可利用搜尋欄位或是往下滾動尋找,找到 圖片 功能。

WordPress頁面 :新增圖片
WordPres頁面 :新增圖片

有不同的插入圖片方法,像是上傳媒體庫從網址插入媒體,這幾種顯示方法。

WordPress頁面 :新增圖片

這邊用 媒體庫 當教學示範,可以用它來上傳檔案,直接選取圖片或把圖片直接拖放到區塊中,皆可以完成上傳。

WordPress頁面 :使用媒體庫功能,上傳圖片
使用媒體庫功能,上傳圖片

當圖片上傳完成,可填寫相關資訊,這會有助於圖片的 SEO 優化,填寫完成後就選取送出。

WordPress頁面 :編輯媒體庫圖片資訊
編輯媒體庫圖片資訊

接著,可以變更圖片對齊方式、新增圖片連結、圖片尺寸等多種設定。

WordPress頁面 :編輯網站圖片樣式+資訊
編輯網站圖片樣式+資訊

這樣就完成圖片新增囉。

新增影片

WordPress 區塊編輯器,同樣支援多種影片格式,像是 Youtube、Vimeo .. 。

複製想要新增 Youtube 的網址貼至下圖欄位,確認後嵌入,就可以新增 Youtube 影片囉!

WordPress頁面 :新增 Youtube 影片
新增 Youtube 影片

也可以使用視訊功能上傳影片檔案,或是用連結方式嵌入影片。

WordPress頁面 :新增視訊
新增視訊
  • 視訊檔案通常比較大,建議把檔案放置在 Youtube 等影片串流平台,然後用連結方式嵌入至網站上,會比較省空間唷:)
  • 複製影片連結,直接貼至 WordPress 編輯器上,系統會自動新增影片功能。

4. 設定文章錨點

如果文章篇幅比較長,可能會需要使用文章錨點,就是點擊文章的某個文字,會自動位移到指定位置,方便讀者閱讀。

WordPress 是有類似的外掛,但其實使用預設編輯器就做的出來,這邊來示範教學。

首先,新增一個 清單 區塊,輸入幾個章節段落文字,如下圖。

WordPress文章 :新增清單功能
新增清單功能

接著用全選文字(反白),然後點設定錨點連結,使用 # 號加上英文,輸入完成後確認,或是按下 Enter 也可。

重複此動作,將其餘文字都設定獨特的網址連結。

WordPress文章 :新增錨點連結
新增錨點連結

設定完成應該會發現,清單上的文字都被加上連結了,如下圖。

WordPress文章 :清單連結設定完畢
清單連結設定完畢

接下來,新增幾個標題區塊和段落區塊,點選其中一個標題。

在側邊欄 區塊 分頁的 Html 錨點功能,輸入剛設定的連結(不加 # 號),讓彼此對應起來。

WordPress文章 :設定標題連結
設定標題連結

如此一來,就完成文章錨點設定囉,讓文章的閱讀力又上升了。


5. 文章設定

當編輯好了網站頁面,我們需要做一些頁面設定,這樣可更進入狀況。

點選右手邊的側邊欄 內容 分頁,這裡可設定整個頁面的相關資訊,這個和 區塊 分頁不同,區塊分頁是編輯單一區塊。

WordPress文章 :切換成內容分頁
切換成內容分頁

狀態和可見度

「 可見度 」有公開、私密、受密碼保護這幾種,「 發佈 」可自由指定文章發佈日期,可當排程使用。

WordPress文章 :設定狀態和可見度
設定狀態和可見度

永久連結

設定文章的永久連結,有點像是幫文章取名字一樣(建議用英文命名,有助於網站 SEO ),如果沒看到網址設定欄位,可先點擊 儲存草稿 就可設定網址了。

如果你的網址型式跟我不同,可能是你沒有更改 WordPress 預設值。

請前往 WordPress 設定 > 永久連結,更改為用「 文章名稱 」型式命名網址,這樣有助於 SEO 排名。

WordPress文章 :設定文章連結
設定文章連結

設定分類和標籤

將文章放置在指定分類下,可在這新增+設定分類,或是前往 WordPress 文章 > 分類,也能新增分類。

還有文章標籤功能,看自己需不需要使用。

WordPress文章 :新增文章分類和標籤
新增文章分類和標籤

設定精選圖片、內容摘要

設定精選圖片,這是頁面的封面圖片,有些 WordPress 佈景主題 會顯示,而有些不會顯示,這依照你的佈景主題規劃而定。

內容摘要,這是在文章列表用來簡略顯示文章內容的,需搭配文章顯示方式是 內容摘要(WordPress 設定 > 閱讀,進行設定)。

或是用區塊編輯器的 閱讀更多 功能,都可以解決文章列表的文字過長問題。

設定封面圖片、內容摘要
設定封面圖片、內容摘要

文章討論

可調整是否開放留言,網站文章會建議開啟,可以增加與讀者的互動。

設定文章討論
設定文章討論

以上就是簡單的文章設定,幫助你打好基礎。



Add Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *