[WordPress 基礎教學] 如何為 WordPress 網站安裝外掛

Alex Lion
阿力獅的教室
Published in
11 min readJan 16, 2019

使用 WordPress.org 自架站[ref]WordPress.org 自租主機架站與使用 WordPress.com 服務架設網站有其不同之處,之後會另行解說。[/ref]最方便之處,就是如果需要任何 WordPress 核心程式沒有提供的功能,都可以透過安裝外掛的方式,為 WordPress 自架站加上想要的新功能。

因此,如果你想要使用 WordPress 自架一個多采多姿的網站,學會在 WordPress 網站中安裝外掛,絕對是 WordPress 站長必學的基本功。

外掛可達成的額外功能範例

外掛可以為網站帶來 WordPress 核心功能沒有的功能,這樣說或許有點抽象,所以阿力獅變在這邊以幾個簡單的外掛進行說明。

可為佈景主題新增更多客製化選項

以 WordPress 的預設佈景主題 Twenty Seventeen 來說,雖然從程式碼來看具備相當大的調整彈性,但這些客製化調整彈性並未以介面選項方式提供給站長進行調整,導致多數站長在不瞭解 Twenty Seventeen 特性的狀況下,架站完成第一件事就是把這個佈景主題換掉。以這個官方佈景主題能提供的彈性來說,是有點可惜。如果要發揮 Twenty Seventeen 佈景主題的彈性[ref]最低限度,WordPress 官方的佈景主題,在效能表現上毋庸置疑。[/ref],但卻又不具備編寫程式碼的能力,這時候可以想想,是否有這樣的外掛可以協助達成這個目標?

只要有需求、而且需求的人數夠多,自然就會有對應的外掛,Options for Twenty Seventeen 便是一個能增強 Twenty Seventeen 佈景主題客製化選項的外掛。Twenty Seventeen 佈景主題搭配 Options for Twenty Seventeen 外掛,就能將這個佈景主題的大多數潛能釋放出來。下方為 Options for Twenty Seventeen 開發者製作的影片,如果你曾經使用過 Twenty Seventeen 佈景主題,就能瞭解 Options for Twenty Seventeen 增加了多少自訂功能。

為網站內容插入圖片輪播

以 WordPress 核心程式內建的功能來說,要為內容插入圖片,要嘛是以單張單張呈現,不然就是以插入圖庫的方式呈現,至於要將一批圖片以影投影片輪播的方式顯示就得靠外掛了,例如 Slider by Nivo。點擊這裡,可以檢視 Slider by Nivo 的完整版示範。

更多功能外掛等待探索

以上兩個功能只是外掛能提供的少數範例而已,還有更多的外掛功能等著你去探索;只要善加規劃、尋找及測試,一定能夠透過外掛讓你自己的 WordPress 網站與眾不同。

WordPress.org 的核心程式真的不必內建這麼多功能,開放讓站長各取所需,自然能讓每個 WordPress 自架站都有不一樣的精彩。

WordPress 外掛的取得來源

由於 WordPress 自架站開放的特性,吸引了為數眾多的開發者為它開發外掛,讓 WordPress 擁有多采多姿、功能豐富的的外掛;而這些能讓網站各自精彩的外掛,使得越來越多的站長採用 WordPress 架設網站,目前採用 WordPress 架設的網站已超過全球網站總數中的三成。

這麼龐大的生態圈,加上 WordPress 自由開放的特性,吸引了更多開發者為它開發更多有趣實用的外掛,是一件可預期的事;也因為數量龐大的開發者,所以讓外掛的取得來源也變的相當多樣化。以下便簡單說明幾個 WordPress 外掛的取得來源。

WordPress.org 外掛目錄

要找適用於 WordPress.org 自架站的外掛,優先首選自然是 WordPress.org 的外掛目錄,而且它也是目前數量最大的免費外掛集散地;此外,在 WordPress 管理後台的 [安裝外掛] 頁面中進行搜尋,就是直接與 WordPress.org 外掛目錄連線。

WordPress.org 台灣繁體中文外掛目錄

從 WordPress.org 外掛目錄取得的外掛,至少有以下幾項優勢。

  • 免費,完全免費:安裝上架至 WordPress.org 外掛目錄中的外掛,使用完全不須費用,完全免費。 少部分外掛在於進階功能的部分會以其他方式收取授權費,但以基本功能[ref]以阿力獅接觸過且發展較為成熟的數百個外掛來說,各國開發者對於功能收費規劃都相當完善,所以不少進階功能需要付費的外掛我也從來沒使用過進階功能;真心一句話,在網站規劃這個層面來看,功能多沒有用,功能規劃適當且用到精熟,對網站經營才有正面幫助。[/ref]而言,絕對都是免費使用且沒有使用時間限制。
  • 安全性高:外掛不是想上架就可以上架的,必須經過一定的審核流程才能上架,而程式撰寫更有相當的規範供審查小組審查,只要把握一些基本原則[ref]挑選外掛的原則會另撰專文說明。[/ref]挑選合適的外掛,比起其他外掛來源來說,WordPress.org 的外掛目錄安全性較高。
  • 數量龐大,任君挑選:WordPress.org 外掛目錄囊括了數量最龐大的外掛,功能種類繁多,絕對是各種程度站長的第一首選。
  • 自動更新:只要安裝的是來自 WordPress.org 外掛目錄的外掛,無須額外設定,一旦有新版本推出,管理後台會出現對應的通知,這對站長的網站管理工作來說十分有幫助。

其他 WordPress 應用程式商城

隨著 WordPress 生態系的成長與成熟,開發者即使要販售具備進階版功能的外掛或佈景主題,自己要頭到尾控管整個行銷及授權管道,其實相當麻煩,於是類似 Google Play 或是 App Store 的 WordPress 應用程式商城便應運而生。

WordPress 應用程式商城規模有大有小,但是毫無例外的都是以販售付費版 WordPress 外掛及佈景主題為主,提供開發者上架管道,並協助開發者控管程式授權方式、收付退款金流等獨立開發者不容易完成的麻煩項目。以下阿力獅變列舉幾個較為知名、規模較大、也較為人知的 WordPress 應用程式商城。

  • Envato Market:直接提這個應用商城的名稱可能讓人一時三刻想不起來,但是說到它旗下的 ThemeForest 這個販售付費佈景主題的網站,相信很多人就會有印象。它很早之前的業務就不僅止於販售付費佈景主題,也延伸至與架站有關的所有付費項目,而付費外掛也是其中一項業務,由旗下的 CodeCanyon 網站負責。可以免費加入會員,每一類商品都有自己的專屬網站[ref]Envato Market 販售的每項分類產品都有各自不同的網站,且這些網站都有自己的網域名稱及網址。[/ref],但同一個會員帳號可以通行它旗下所有商品網站網站,會員每個月都會收到限時免費的付費商品。
Envato Market
  • Creative Market:跟 Envato Market 性質相同的 WordPress 應用程式商城,可以免費加入會員,會員每週都會收到限時免費的付費項目。
Creative Market

上列 WordPress 應用程式商城規模較大,如果真的在這兩個網站購買付費商品,無論是付款及退款均有可信任的機制,算是相當有保障,這兩個網站目前也早已不限於販售與 WordPress 自架站相關的產品,只要與網站架設相關的項目,這兩個網站都有販售。請注意,這兩個網站都會提供會員限時免費的付費商品,但如果要正式使用在網站上,請務必閱讀相關使用授權以及瞭解之後如何進行更新。

外掛的自動安裝方式

只要外掛的來源來自 WordPress.org 外掛目錄,就可以透過 WordPress 外掛自動安裝機制在管理後台完成安裝。要自動安裝 WordPress.org 外掛目錄的外掛,標準步驟如下。

  • 進入 WordPress 管理後台[ref]WordPress.org 自架站的管理後台預設登入網址為 yoursiteurl/wp-admin。[/ref]的 [外掛] 頁面,然後點擊畫面上方的 [安裝外掛] 按鈕。
進入 [外掛] 頁面,點擊 [安裝外掛]
  • 在 [安裝外掛] 頁面中,輸入英文關鍵字進行搜尋。以阿力獅要示範的案例來說,我要搜尋能夠檢查網站健康度的外掛,所以我輸入「health」作為關鍵字。
  • 搜尋外掛預設是以「關鍵字」為搜尋方式,雖然也可透過以「開發者」及「標籤」進行搜尋,但並不常用。舉例來說,這世界上應該很少有能記住開發者完整名稱的使用者。
  • 在輸入搜尋關鍵字的過程中,會隨著輸入的字元數變多而不斷有新的即時搜尋結果。
  • 在資訊領域裡,以英文作為搜尋關鍵字是必備技能,雖然似乎很殘酷,但是卻是一個無法迴避的現實。
  • 在這個示範中,阿力獅要找的其實是 Health Check & Troubleshooting 這個外掛,所以點擊這個外掛右上方的 [立即安裝] 按鈕。
  • 接下來 WordPress 核心程式便會自動下載外掛 ZIP 壓縮檔至網站,並將檔案解壓縮至正確的目錄中。
  • 外掛的自動安裝完成後,點擊外掛右上方的 [啟用] 按鈕便可完成啟用。
安裝外掛並啟用外掛
  • 請注意,無論是安裝 WordPress 的外掛或佈景主題,安裝方式是自動安裝還是手動安裝,要使用已安裝的外掛或佈景主題,都必須進行啟用操作才可以;如果僅是安裝完成而未啟用,程式碼不會在網站上產生任何效果。

外掛的手動安裝方式

外掛會需要手動安裝,一般來說都是因為外掛來源不是 WordPress.org 的外掛目錄,而是如前面所介紹的如 Envato Market 或 Creative Market。當外掛來源為外部時,就先必須將這些外部來源的外掛壓縮 ZIP 檔案先下載回個人裝置,然後再透過手動安裝的方式安裝至網站中。

將外部來源的外掛壓縮 ZIP 檔案下載回個人裝置後,有幾項重要的檢查必須先完成。

  • 由於手動安裝的關鍵在於外掛的 ZIP 壓縮檔,所以檢查下載回來的 ZIP 壓縮檔有其必要性。要檢查很簡單,使用你慣用的解壓縮軟體開啟壓縮檔沒有出現錯誤訊息的話,基本上下載的 ZIP 壓縮檔完整性就沒有問題。
  • 由於外部來源的外掛通常為付費外掛,既然是付費取得的,自然就會有其專屬的使用授權;這類網站為了保障開發者與消費者雙方的權益,外掛 ZIP 壓縮檔的結構比起 WordPress.org 外掛目錄的外掛 ZIP 壓縮檔複雜許多,至少一定會把使用授權及外掛使用方式的文件一起進行壓縮,有很高的機率會變成一層壓一層的洋蔥式壓縮檔。這時候你要做的事很重要,就是要把這些外部來源的外掛壓縮檔解壓縮,然後閱讀裡面的相關使用說明,看看要用於安裝的 ZIP 壓縮檔到底是哪一個。如果直接以這些外部來源下載回來的 ZIP 壓縮檔直接進行手動安裝,必然會發生錯誤。
  • 以阿力獅從 Envato Market 取得的 WordPress Currency Switcher 為例,得解壓縮兩次[ref]會解壓縮兩次是因為將 ZIP 壓縮檔解壓縮後,裡面還有 ZIP 壓縮檔,得再解壓縮一次。[/ref]才取得可用於進行手動安裝的外掛 ZIP 壓縮檔。

無論你是從 WordPress.org 外掛目錄下載的外掛 ZIP 壓縮檔,或是從其他 WordPress 應用程式商城取得的外掛 ZIP 壓縮檔,如果要進行手動安裝,方法都跟下面的步驟一樣。

  1. 進入 WordPress 管理後台 的 [外掛] 頁面,然後點擊畫面上方的 [安裝外掛] 按鈕。
進入 [外掛] 頁面,點擊 [安裝外掛]
  1. 在 [安裝外掛] 頁面,點擊 [上傳外掛] 按鈕。
  2. 點擊 [選擇檔案],選取外掛 ZIP 壓縮檔之後,點擊 [立即安裝]。
手動安裝 WordPress 外掛
  1. 系統會為外掛壓縮檔進行必要的操作,如需立即使用這個外掛,請點擊 [啟用外掛]。
安裝及啟用 WordPress 外掛

結語

WordPress.org 自架站的額外功能都可以透過安裝外掛取得,以下阿力獅簡單歸納幾個重點。

  • 來自 WordPress.org 外掛目錄的外掛,無論是以自動安裝或手動安裝方式都可以完成安裝。
  • 來自外部 WordPress 應用程式商城的外掛,預設方式只有手動安裝一途,除非。
  • 如果是來自外部來源的外掛壓縮檔,請解壓縮取得真實的外掛 ZIP 壓縮檔,才能進行手動安裝,否則手動安裝一定會出現錯誤。

看完這篇文章後,該已懂得安裝 WordPress 外掛的你,還不趕快行動?希望大家在建置 WordPress.org 自架站時,都能透過安裝外掛體驗到外掛帶來的附加功能,讓自己的 WordPress 網站更加有趣、更加與眾不同喔。

文章內容來源為《阿力獅的教室》。

--

--