WordPress文章 :如何新增+編輯文章?(詳解+分類摘要)

0
2
WordPress文章 :如何新增+編輯文章?(詳解+分類摘要)
WordPress文章 :如何新增+編輯文章?(詳解+分類摘要)

這是一篇完整的「 WordPress文章 」教學,教你如何新增和編輯。

新手剛完成 WordPress 安裝,正在學習 WordPress 後台操作,可能想新增文章豐富網站內容,卻不知道從哪裡著手?

還是想新增「 WordPress文章 」,卻發現是新增成網站頁面,跟你想的不一樣?

這篇文章我會教你如何新增+設計自訂的 WordPress文章 ,這是豐富網站的要點,如下。


1. WordPress 頁面和 WordPress 文章,哪裡不同?

WordPress 文章和 WordPress 頁面,有什麼不同?

WordPress 文字和圖片的呈現,主要由 文章頁面,這兩者所組合而成。

「 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 文章 > 分類,也能新增分類。

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

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

設定精選圖片、內容摘要

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

內容摘要,會顯示在 Google 搜尋時的介紹,有助於 SEO 排名。

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

文章討論

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

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

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


6. 設定 WordPress Seo

wordpress seo 網站優化

辛苦設計的網站頁面,我們希望能被 Google、Bing 等瀏覽器搜尋,然後進行網站排名。

此時可以安裝 WordPress Seo 外掛,像是 YoastRank Math 都是知名的 WordPress Seo 外掛,請參考 WordPress 外掛安裝 可協助你安裝。

這邊用 Yoast 當簡單範例,當外掛安裝完成後,在頁面編輯的下方,會出現 Yoast 相關功能。

WordPress Seo:Yoast Seo 優化工具
Yoast Seo 優化工具

你可以設定焦點關鍵字,然後對此進行頁面優化,只要讓 Yoast 盡量都保持在綠燈的情況下,就是一個好的 SEO 頁面唷:)


7. 儲存草稿 / 預覽 / 發佈頁面

編寫頁面過程中,可善用 儲存草稿,能幫助你保存辛苦作業的成果。

預覽功能,可讓你針對不同裝置設備,進行調整和觀看。

最右邊的點點符號,可調整工作區塊內容,也可調整成自己喜歡的版型。

WordPress頁面 :儲存草稿、預覽、發佈、額外功能
儲存草稿、預覽、發佈、額外功能

如果都確認沒問題,點擊 發佈 按鈕,就可順利發出「 WordPress文章 」囉。

由於我們剛把文章放置在指定分類下,所以需要把該分類放置在網站主選單上,這樣前台才能看得到。

接下來,我們繼續教學:)


8. 設定網站選單

剛剛我們已經將文章放置在某個分類中,現在需做的就是把該分類,放置在網站主選單中,如此一來才能在前台網站上看到。

首先,前往 WordPress 外觀 > 選單,新增一個選單名稱,然後放置在 Primary Menu 主選單中,然後點擊建立選單。

新增選單
新增選單
  • 不同佈景主題的預設選單位置,可能放置在網站的不同地方,所以需指定你的選單要出現的地方,通常 Primary Menu 指的是網站主選單。

然後,選取剛新增的分類 > 新增至選單中,最後儲存選單。

WordPress文章 :將分類新增至選單中
將分類新增至選單中
  • 選單內容可用拖放排序位置,也可排父子層級。

回到前台網站,會發現主選單出現了剛新增的分類,點選前往也確實出現了剛新增的文章。

分類在網站上顯示成功
分類在網站上顯示成功

恭喜,到這步驟你已經順利新增了第一個「 WordPress文章 」,請參考 WordPress 後台教學,能掌握更多功能。


9. 設定網站首頁

WordPress文章 :設定網站首頁

WordPress 是個強大的網站管理系統,許多 WordPress 佈景主題預設的網站首頁,是採用部落格形式。

如果你剛照著上面教學,可能會發現目前的網站首頁和選單分類,重複出現了文章列表,我們需要做一些調整。

首先,我們需要設計一個網站首頁,請參考 WordPress 頁面教學 有示範如何製作頁面。

網站首頁製作完成後,只需進行一個設定,就能讓訪客搜尋主網域,直接看到首頁頁面。

設定網站首頁

前往 WordPress 設定 > 閱讀,切換成靜態頁面,然後選取你想設定的首頁頁面,完成後儲存設定。

設定網站首頁
設定網站首頁

如此一來,網站首頁就切換成你設計的首頁頁面囉,恭喜你。


10. 文章管理面板

當新增了多個網站文章,你需要一個地方能讓一次性管理。

前往, WordPress 文章 > 全部文章,可批次管理全部文章,也可個別管理文章。

WordPress文章 :管理全部網站文章
管理全部網站文章

這可以讓你一目瞭然整個網站文章狀況,幫助網站主掌握自己的網站。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,你可以在下方留言給我,我會盡力協助解答。

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

當然,如果怕問題描述不清楚,可以加入 WordPress 教學時光屋 – 小犬網站 ,我同步也會在社團中幫忙。

小犬網站:wordpress教學社團
小犬網站:wordpress教學社團

希望這對你有所幫助,祝架站順利啦。

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

發表迴響