WP-02 wordpress 安裝外掛/新增文章/編輯文字和圖片

 

本章會介紹:

  • 文章和頁面的差別
  • 安裝外掛 (安裝傳統編輯器)
  • 新增文章
  • 插入圖片和影片
  • 設定分類
  • 設定精選圖片

 

• 文章(post)和頁面(page)的差別

網站設定好了就要來新增文章,這裡要解釋在 wordpress 裡面常常讓剛接觸的人搞不懂的概念,就是「文章」和「頁面」的不同,文章和頁面最後呈現出來都是一個網頁,文章(pos

t)就是類似部落格,經常發的一些po文,另外就是文章可以設定「分類」;而頁面(page)則是適合比較常駐的內容,像是「關於我」、「聯絡資訊」等等不會經常更新的內容。
網頁的架構可以是大量使用「文章」然後設定不一樣的「分類」,再把分類加入「選單」,這樣以後點某個選單上的分類,相同分類的文章就會列出來,如果沒有設定分類,仍然可以用預設的發文的先後順序列出來,這個部分後面還會介紹;而「頁面」如果沒有特別去設定在選單裡面,從網站前台是連結不到的。

• 安裝外掛

wp 依據不同的擴充功能,有很多外掛可以安裝,不過外掛裝很多的話,會有機會拖慢網站速度,各種不同的功能也有衝突的可能性,比如說 SEO 的外掛建議只要安裝一種就好,不然可能會有預期外的狀況發生,所以建議是有用到的在安裝即可。

安裝外掛的方式從 「外掛 > 安裝外掛」進入,搜尋自己想要的外掛,這邊通常是先 google 自己想要的功能,看網路上大家推薦那一款外掛,搜尋外掛時我也會參考一下外掛的評價,以及被安裝的次數(當然是越多人安裝越可靠),以及外掛的更新日期,如果外掛上次更新是5年前,就要考慮一下是不是有版本不相容的問題。

到底要安裝那些外掛,之後會在別篇另外說明,我自己是會先安裝「傳統編輯器」,因為我認為新的區塊式編輯器作業效率很差。

• 新增文章

新增文章的方式從 「文章 > 新增文章」進入,介面和很多的文字編輯軟體都很像,輸入標題、內文,內文可以選字體大小、顏色、建議標題大小用 h1, h2, h3 等等來設定,標題不要直接選文字大小 (比如說幾pt) ,因為這樣之後如果想要修正整個網站的標題大小,只要用CSS去重新定義,又可以整個網站一次全改。

這邊順道提一下,我有安裝一個外掛「TinyMCE Advanced」,這個外掛可以讓上面的文字設定區塊的功能變多,比如說螢光筆底色、畫底線等等,這樣編輯起來比較方便。

• 插入圖片

新增圖片的方式點選文字編輯工具區左上角的「新增媒體」,或是用更狂的方式—直接把圖片拉到你現在正在編輯的文章裡,兩種方式都會出現媒體庫,如果圖片還沒上傳,就把你的檔案直接拉到媒體庫圖片區塊,圖片就會被上傳。確定要插入的圖片有勾選起來,選擇尺寸大小(一般來說選擇寬1024 已經足夠),點許插入至文章。

• 插入影片

如果你想插入youtube的影片,一樣從新增媒體進入,點選左邊的從網址插入媒體,填入你的 youtube 網址,按插入至文章,這樣就搞定了。如果你不喜歡影片播完後跳出 youtube 推薦影片的選單,可以參考另一篇:嵌入 Youtube 影片時不要出現推薦影片

• 新增分類

在右邊工具區選擇文章的分類,如果你都還沒建立分類,wp會自動幫文章設定為「未分類」。你可以直接點「+新增分類」來建立適合的分類。分類之後可以直接設定為選單,所以可以先想好文章分類的架構,也就是想好這個網站裡面會有哪些類型的主題。比如說如果你是要建立自己的作品集,分類可能有水彩、素描、插畫、平面設計、動畫等等。

• 精選圖片

視窗右下角有一個精選圖片,很多佈景主題在首頁或其他頁面在呈現文章清單時都會列出一個縮圖,那個縮圖就是你在這邊設定的精選圖片。按「設定精選圖片」後,操作方式和插入圖片一樣。

• 發布文章

都編輯好了就可以按右上角的「預覽」如果沒問題就按「發佈」,文章就會發布在你的網站上。

 

學完這篇你應該可以

  • 新增一篇文章
  • 填入標題和內文
  • 內文的標題用h2, h3 等來區分
  • 插入圖片在文章裡面
  • 插入影片在文章裡面
  • 設定文章類別
  • 設定精選圖片

 

以下是影片教學,內容和上面大同小異。