fbpx

【WordPress教學】強大的官方推薦外掛,Jetpack完整設定教學!

最後更新日期:2020 年 5 月 21 日

本篇文章會提供 Jetpack完整設定教學,並且針對我常使用的幾個功能做詳細的介紹。

Jetpack是由WordPress.com製作出來的外掛,由於WordPress.com本身網頁非常陽春,所以開發出了這款外掛。

Jetpack不僅彌補了WordPress.com的缺陷,更是提供了許多非常的好用的功能,因此阿璋特別寫這篇文章來介紹。

【WordPress教學】強大的官方推薦外掛,Jetpack完整設定教學!
【WordPress教學】強大的官方推薦外掛,Jetpack完整設定教學!

 

如果你還沒擁有自己的 WordPress 網站,這裡有一篇文章專門介紹與 Jetpack 合作的主機商:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

想要知道WordPress有哪些好用的主題或是外掛,可以關注我這篇文章:2019年WordPress推薦主題與外掛,最新優惠持續更新中!

為什麼要使用 Jetpack?

Jetpack提供了許多免費核心功能,包含:網站統計資料、圖片用的高速 CDN相關文章停機時間監控、暴力密碼破解攻擊防護自動分享至社交網路、自訂側邊欄等等。

另外在進階版的功能中,也提供了即時備份、安全性掃描、進階版佈景主題、垃圾訊息篩選、影片託管、從網站獲利、SEO 工具、搜尋、優先支援服務等等。

WordPress.com製作了超過300種的主題提供給Jetpack的主題使用,其中有100種主題還是免費的,這些主題都是非常友善支援Jetpack的。

阿璋認為Jetpack的主題 + Jetpack by WordPress.com 就足以打造一個還不錯的WordPress網站,因此認為這是一個新手老手必裝的外掛。

 

如何安裝 Jetpack?

step 1

到後台頁面,點選安裝外掛,搜尋Jetpack,安裝Jetpack by WordPress.com

搜尋Jetpack
搜尋Jetpack

step 2

安裝完成後,點選啟用Jetpack,就會跳到這個頁面,然後點選設定Jetpack

啟用Jetpack
啟用Jetpack,設定Jetpack

step 3

要使用Jetpack之前,必須先註冊WordPress.com的帳號

註冊WordPress.com
註冊WordPress.com

step 4

註冊或是登入完成,外掛頁面顯示你的 Jetpack 已連結,安裝與初步設定即完成。

下一個章節將會教你如何設定Jetpack的功能。

連結帳號完成
連結帳號完成

 

Jetpack 快速設定教學

step 1

安裝完成後,點選右上角的設定,會到達這個畫面。

點選設定
點選設定

step 2

接著點選啟用推薦的功能,這樣就做好了預設的Jetpack設定。

預設的功能有:

  • 停機時間監控
  • 暴力破解密碼攻擊防護
  • 允許使用者以 WordPress.com 帳號登入此網站
  • 啟用網站加速器
  • 啟用延緩載入圖片功能
啟用推薦功能
啟用推薦功能

以上是最簡單的Jetpack功能設定,下一個章節我會詳細說明每一個設定的用途。

 

Jetpack 完整設定教學

安全性

備份與安全掃描

Jetpack提供每日自動備份以及惡意軟體掃描功能,這裡的備份是上傳到Jetpack的雲端上,所以沒有容量上限。

備份這件事情非常重要,你永遠不知道哪一天你的網站會出事,有可能是被攻擊、安裝品質差的外掛、版本更新,都有機會讓網站掛掉,所以定期備份是一個網站必備的好習慣

此功能為付費功能,個人版提供每日備份,進階及專業版提供每日備份+惡意軟體掃描+安全性修正,詳情可以點這裡

另外備份功能我也推薦使用這個外掛:UpdraftPlus,可以參考這篇文章:【WordPress教學】5分鐘教你如何使用 UpdraftPlus 定期備份並且上傳雲端

備份與安全掃描
備份與安全掃描

 

停機時間監控

停機時間監控非常重要,沒有人能24小時一直顧著網頁,有時候可能流量太高、網站被攻擊、主機商當機等等原因,造成網站停機。

所以透過這個功能,就能在發生問題的時候,及時透過信箱通知你狀況

點選下面的調整妳的通知設定,可以設定將狀態傳送到WordPress.com的信箱位址。

停機時間監控
停機時間監控

 

過濾垃圾訊息

一般的網站通常都會有留言功能或是聯繫表格,但許多人會透過程式發送垃圾訊息。

這個功能就是為了減少垃圾訊息的發生,他有判斷垃圾訊息的條件,減少我們處理垃圾訊息的時間。

過濾垃圾訊息
過濾垃圾訊息

可以透過 Akismet Anti-Spam 這個外掛來搭配使用,此外掛通常為WordPress預設外掛之一。

step 1

到WordPress後台,在Jetpack欄位的最下方,點選設定 Akismet Anti-Spam。

設定Akismet Anti-Spam
設定Akismet Anti-Spam

step 2

接下來有兩種選擇,一個是用Jetpack連結,另一個是再用電子郵件註冊一個帳號,我推薦使用Jetpack進行連結比較好操作。

以Jetpack進行連結
以Jetpack進行連結

step 3

接下來是選擇方案,有三種方案可以選擇:

  • 如果是非商業用途,點選最左邊的Get Personal,可以使用免費方案
  • 如果是一個商業網站,點選中間的Get Plus,可以使用在一個網站
  • 如果是管理非常多個商業網站,點選右邊的Get Enterprise,可以用在無數個網站

這裡我以非商業用途的網站來示範,點選Get Personal

選擇價錢方案
選擇價錢方案

step 4

將左邊的價錢拉到0元,將右邊的資料填完,並且勾選中間的確認非商業的網站,最後點選CONTINUE WITH PERSIONAL SUBSCRIPTION

將價錢設定為0元
將價錢設定為0元

 

step 5

註冊都沒問題之後,就可以看到你的 AKISMET API KEY,代表註冊完成。

拿到AKISMET API KEY
取得 AKISMET API KEY

step 6

回到WordPress後台,再點選一次以 Jetpack 進行連結,或是輸入剛剛取得的API 金鑰。

以Jetpack進行連結
以Jetpack進行連結

step 7

連結完成之後,就會看到這個畫面,代表你的網站已經啟用了過濾垃圾訊息

AKISMET連結完成
AKISMET連結完成

step 8

這時候回到Jetpack的設定,發現這項設定已經不是升級選項,可以看到你的 Antispam 金鑰有效,如此一來即完成設定。

你的 Antispam 金鑰有效
你的 Antispam 金鑰有效

 

外掛自動更新

Jetpack提供外掛自動更新的功能,需要透過WordPress.com。

外掛自動更新
外掛自動更新

可以點選管理你的外掛程式,就可以看到你安裝的外掛了,看你要不要開啟自動更新。

我的建議是不要自動更新,因為有時候可能會有版本不相容的問題,手動更新才比較容易發現問題。

選擇自動更新外掛
選擇自動更新外掛

 

暴力破解密碼攻擊防護

這個功能對於安全性非常需要,假設你的帳號被駭客知道了,他可以透過像是wpscan這個工具,暴力破解你的密碼。

此功能可以限制帳號密碼輸入錯誤的限制,超過一定數量的錯誤,就會把IP封鎖,不讓他連線。

此外也可以配合WordPress安全性設定,來讓你的網站更安全。

但我更推薦下面介紹的方式,使用WordPress.com單一登入,搭配Two-Step Authentication,讓你的網站被破解登入的可能性幾乎為0

暴力破解密碼攻擊防護
暴力破解密碼攻擊防護

 

WordPress.com 登入(極度推薦)

透過這個功能,可以讓你的登入介面多了一個透過WordPress.com的方式登入。

WordPress.com登入
WordPress.com登入

開啟這個選項之後,你的網站的登入介面會變成下面這樣,有兩種方式可以登入。

兩種登入方式
兩種登入方式

但其實這樣不僅沒有什麼用處,只是讓駭客多一個登入的選項。

接下來我會教你設定WordPress.com的Two-Step Authentication登入,以及把原來的帳號密碼登入的頁面關掉

step 1

進入WordPress.com兩步驟驗證設定,點選開始。

兩步驟驗證
兩步驟驗證

step 2

輸入你的電話號碼來驗證。

輸入電話號碼驗證
輸入電話號碼驗證

step 3

驗證簡訊代碼。

驗證代碼
驗證代碼

step 4

接著會拿到10組備用密碼,這是當你手機無法驗證的時候,可以用來還原帳號的密碼。

請妥善保存這10組密碼,沒事也不要拿出來用。

備用密碼
備用密碼

step 5

儲存完備用密碼後,就會回到初始頁面,這時候看到兩步驟驗整已經開啟了。

啟用兩步驟驗證
啟用兩步驟驗證

接下來將原來帳號密碼登入的頁面關掉,轉跳到WordPress.com登入。

step 6

我們設定單一登入會使用Code Snippets這個外掛,如果還不會使用或是還沒安裝的,可以參考這篇文章:【WordPress教學】如何自訂WordPress語法?6個程式碼片段範例教學

step 7

點選新增程式碼片段,加入以下指令:


/*WordPress.com單一登入*/
add_filter( 'jetpack_sso_bypass_login_forward_wpcom', '__return_true' );

接著點選儲存設定並啟用,這樣子就設定完成了。

WordPress-com單一登入程式碼
WordPress-com單一登入程式碼

step 8

下一次只要你登入的時候,就會自動轉跳到WordPress.com的登入介面了。

WordPress-com單一登入頁面
WordPress-com單一登入頁面

step 9

接著登入後會進入簡訊驗整碼的階段,驗證完成後即可登入後台。

WordPress-com登入驗證
WordPress-com登入驗證

使用WordPress.com單一登入的三大好處:

  1. 完全免費
  2. 不會有密碼被破解的擔憂,除非手機驗證碼也被破解。
  3. 由於登入系統轉為WordPress.com,即使被暴力破解,也不會影響網站效能。


 

效能

效能與速度

效能與速度對於網站來說是非常重要的,好的速度讓使用者體驗上升,速度慢讓使用者不想觀看你的網站,最簡單的方式可以透過PageSpeed Insights 來做初步的檢查。

Jetpack有兩種設定功能:

1. 啟用網站加速器

這個功能我推薦開啟,Jetpack會對不同地區的使用者,提供最接近的伺服器檔案,讓使用者載入網頁的速度提升。

2. 啟用延緩載入圖片功能

此功能因人而異,我自己是有開啟,如果開啟的話,會讓使用者在瀏覽文章的時候,才陸續載入圖片,而不是在一開始進入網頁就把所有圖片全部載入完成,假設你的網頁圖片非常多的話,我會推薦你開啟。

效能與速度
效能與速度

【補充】

一般網頁最常使用的加速方式,就是透過快取外掛,我推薦使用WP ROCKET,他是評價最好的快取外掛,不過是付費的。

免費的快取外掛我推薦使用 W3 Total Cache 或是 breeze


 

媒體

媒體設定為付費功能,功用是託管快速、高品質、無廣告的影片,其實就很像Youtube。

不同的點是,透過Jetpack託管影片,不會受到其他影片的推播影響,可以讓使用者專注在你的影片,但是Youtube就很容易連結到其他人的影片。

所以如果有一系列影片的人,也許可以升級使用這個功能,而且沒有容量上限。

託管影片
託管影片

 

搜尋

WordPress內建的搜尋功能其實做的非常差,在文章多的網頁,搜尋速度會變得很慢而且很容易搜尋到沒有相關的文章。

所以這像進階功能可以讓你的搜尋功能更快更準確。

不過我沒有使用這項功能,我是透過Google Custom Search(CSE),將Google的搜尋引擎,嵌入我的網站。

搜尋功能
搜尋功能

 

撰寫

媒體

此功能跟阿璋使用的圖片外掛 Easy FancyBox 滿類似的,可以放大圖片,不用新開分頁。

使用方法可以參考這裡,將圖片連結設為附件頁面

效果算是滿不錯的,對於作品集網頁應該滿適合的。

全螢幕隨選區投影片
全螢幕隨選區投影片

 

WordPress.com 工具列

這個功能會將WordPress.com內的工具列嵌入到後台網頁。

WordPress.com工具列
WordPress.com工具列

開啟設定之後,後台就回變成這樣,我自己是很不習慣使用。

工具列樣式
工具列樣式

 

撰寫

撰寫有分為四種功能,接下來我會一一介紹。

撰寫功能
撰寫功能

1. Copy an existing post’s content into a new draft post

此功能可以在文章列表多一個選項是複製文章,可以複製其他篇文章的全部內容包含格式,如果你的文章結構類型都差不多,使用複製功能可以事半功倍。

複製文章
複製文章

 

2. 以純文字 Markdown 語法撰寫文章或頁面。

如果有在使用Github或是寫程式的人可能會比較知道Markdown,但我覺得Markdown搭配WordPress不太好用,我就不多做介紹了。

這裡有詳細的介紹:Markdown

 

3. 使用 LaTeX 標記語言編寫數學公式與方程式。

LaTex是專門給數學式子使用的語法工具,如果你的文章有需要用到再開啟。

 

4. Compose using shortcodes to embed media from popular sites

啟用此功能可以搭配shortcodes,嵌入各式各樣的社群媒體,不需要貼上一大段程式碼。


 

自訂內容類型

自訂內容類型有分為兩種:證言作品集

一般網站通常不太需要設定這個,而且也必須搭配Jetpack的佈景主題

自訂內容類型
自訂內容類型

 

佈景主題增強項目

這裡有分為三種設定:

佈景主題增強項目
佈景主題增強項目

1. 無限捲動

通常我建議選擇跟佈景主題行為一致的會比較好,才不容易造成衝突。

 

2. Enhance CSS customization panel

這個功能我非常推薦打開,可以在你的外觀設定中,多一個編輯CSS的選項

接下來就可以參考我這篇文章的方式來使用這項功能:【WordPress教學】如何寫CSS更改WordPress標題樣式?3個實際範例教學

此功能可以及時預覽你更改的CSS效果,最後在放到程式碼片段中。

啟用編輯CSS
啟用編輯CSS

 

3. 啟用 Jetpack 行動佈景主題

如果你是使用Jetpack的主題,我就推薦你打開這個選項。


 

Widgets

這個功能是在你的小工具裡面,增加許多Jetpack的小工具,包含Facebook專頁電子郵件訂閱熱門文章等等。

而下面的選項是可以設定小工具的能見度,什麼情況隱藏什麼情況顯示。

我自己本身就用了上面說的三個小工具,所以有需求的人可以打開這個選項。

Jetpack小工具設定
Jetpack小工具設定

 


 

透過電子郵件發表

這個功能會產生出一個隨機的mail地址,只要寄信給這個地址,就可以把信件內容當成文章發佈出來。

透過電子郵件發表
透過電子郵件發表

 

分享

Publicize 連結

此功能可以在你發文章的時候,自動分享到社群平台。

Publicize 連結
Publicize 連結

點選連結你的社交媒體帳號,在WordPress.com跟社群平台連結。

連結社群平台
連結社群平台

在發佈文章的時候,就可以設定是否要發佈到社群平台,以及發布的訊息內容。

自動宣傳到社群平台
自動宣傳到社群平台

 

分享按鈕

開啟這個選項,可以在你的網站加入分享按鈕。

設定分享按鈕
設定分享按鈕

點選設定你的分享按鈕,可以到WordPress.com設定,看要使用哪些社群平台分享以及加入到那些頁面。

分享按鈕設置
分享按鈕設置

 

「讚」按鈕

這個功能我覺得沒什麼用,必須透過WordPress.com登入才能按讚。

讚按鈕
「讚」按鈕

 

討論

迴響

這個功能我覺得滿好的,有很多人可能不習慣填預設的表格來回覆文章,就可以透過這個功能,連結讀者的社群平台來回覆。

迴響功能
迴響功能

 

訂閱

這個功能可以讓回覆文章的人可以跟進最新資訊,如果是預設的留言板,版主回覆留言之後,讀者需要自己去網站看,無法收到通知。

訂閱功能
訂閱功能

 

流量

廣告
WordPress.com有自己出一個廣告平台:WordAds
但目前主要的廣告內容都是WordPress.com,所以除非你是專門在介紹WordPress.com的人再考慮使用,一般而言還是Google Adsense更好。
WordPress廣告
WordPress廣告

相關文章
啟用這個功能後,可以在文章最後面顯示相關文章,不過可以設定的選項不多,要更深入的改變可以透過客製化程式碼
相關文章設定
相關文章設定

搜尋引擎最佳化(包含後面幾個選項)

這幾個選項我覺得沒有必要使用,我會更傾向使用專門的SEO外掛,所以我不多做介紹,而且有幾個功能需要升級。
但如果你想要一個外掛用到底,我覺得也不是壞事。
我推薦使用Yoast SEO,未來會寫一篇文章來介紹。

 

結論

Jetpack是一個非常強大的工具,這點是無庸置疑。

但也因為如此,有些功能就做的不是這麼精緻。

可是其中有一些功能,讓我覺得他是一個必裝的外掛。

我推薦使用Jetpack的13個功能

1. 備份與安全掃描(付費)

2. 停機時間監控

3. 過濾垃圾訊息

4. 暴力破解密碼攻擊防護

5. WordPress.com 單一登入

6. 啟用網站加速器

7. 啟用延緩載入圖片功能

8. Copy an existing post’s content into a new draft post

9. Enhance CSS customization panel

10. Widgets

11. 迴響

12. 訂閱

13. 相關文章

基本上只有每日備份、安全掃描的功能是付費,其他的功能都是免費的,超佛心的吧!

如果你想要讓你的網站更安全,可以點下面連結

購買 Jetpack進階版

如果沒有要購買進階版也可以,記得要自己定期備分網站!

【WordPress教學】5分鐘教你如何使用 UpdraftPlus 定期備份並且上傳雲端

 

如果還沒有WordPress網站的朋友們,這裡有一篇文章專門介紹與 Jetpack 合作的主機商:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!



WordPress 線上課程推薦

阿璋正在籌備 WordPress 線上課程,如果有興趣的人,歡迎點擊下方連結。

WP 全方位架站攻略

從 0 開始建立部落格

站長之路手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

查看站長之路

WordPress 架站推薦

新手架站:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

高流量網站:【架站教學】新手快速架站教學,使用Cloudways架設WordPress網站!

新手必看: WordPress 必裝主題與外掛推薦、學習管道、最新優惠統整!

學習更多:查看我是如何透過 WordPress 架設部落格,賺取人生第一桶金!



WordPress 學習書籍推薦

WordPress 無敵架站手冊:架站新手都想擁有:教你打造個人專屬網站

WordPress 無敵架站手冊
WordPress 無敵架站手冊

書籍介紹

這本書教你從零開始建立起一個全功能的WordPress網站,從下載與安裝WordPress主軟體開始到連結、媒體、選單、圖像、展示區、管理、用家建檔等等。 甚至還有教你如何開發主題、外掛、小工具,從入門到進階的教學都很完整。

推薦原因

這本書原作者是波蘭人,原文是英文,後來經由免費資源網路社群的作者 Pseric 翻譯成中文書。 WordPress 目前的中文書可說是少之又少,這本不僅是中文書,內容又非常完整,絕對是學習WordPress的首選書籍!

購買 WordPress 無敵架站手冊

WordPress Plugins百大外掛精選(火力加強版)

WordPress Plugins百大外掛精選(火力加強版)
WordPress Plugins百大外掛精選(火力加強版)

書籍介紹

這本書教你從基礎架站、備份保存到各式各樣的外掛主題,讓你想裝什麼就裝什麼,建置專屬自己獨一無二的多功能發佈平台。 作者特別精選了各類型的外掛做介紹,只要你想的到的功能幾乎都在裡面,匯集了讀者們一直喜愛的外掛程式介紹,並且添加了最新的外掛程式,更貼近現在的讀者需求。

推薦原因

這本書作者是免費資源網路社群的作者 Pseric,他的網站知名度非常的高,也是透過 WordPress 架設而成,因此對於外掛的理解,絕對是數一數二。

購買 WordPress Plugins 百大外掛精選(火力加強版)

支持阿璋的新書《打開網路就有錢》,裡面分享許多自媒體以及投資理財的知識,非常適合網路創業者以及想要增加額外收入的上班族閱讀。

打開網路就有錢 呂明璋(工具王阿璋)


如果你對幣圈資訊有興趣,可以訂閱此電子報:幣圈最新資訊

我目前有成立一個亞洲最大的幣圈自媒體 Discord 社群:Crypto Mind 加密腦

推坑阿璋超愛的商品,歡迎加入團購群:阿璋好物團購 LINE 社群

12篇文章手把手教你如何透過部落格開始賺錢:站長之路

更多相關社群連結:工具王阿璋社群列表

本站有部分連結與商家有合作關係,透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明

如果我的文章對你有幫助,歡迎贊助我一杯咖啡!

本站所有內容皆為阿璋個人經驗分享,如有涉及投資請謹慎評估,阿璋不做任何投資建議。

贊助我一杯咖啡

文章引用請來信索取授權,否則將保留法律追訴權。

by Johntool-工具王阿璋

 

在〈【WordPress教學】強大的官方推薦外掛,Jetpack完整設定教學!〉中有 52 則留言

  1. 不是耶!

    racheljaychou: 您的留言將使用 WordPress.com 帳號。

    因今天社團有同學來文章互相留言,發現這功能所以問我
    認真研究後才發現,勾選也收不到回覆~哈

    1. 疑!? 哈哈 那… 故障了吧,我不知道發生什麼事情,你是用臉書登入還是用信箱?
      總之,我印象中之前沒問題的,也不太會 care 這個東西

  2. 嗨~阿璋
    請問『訂閱』
    >> 如果是預設的留言板,版主回覆留言之後,讀者需要自己去網站看,無法收到通知。

    預設的留言板是什麼意思呢?

    我目前就是處在無法收到通知的問題
    該如何改善,使版主回覆讓讀者能收到通知呢?

    謝謝幫忙,老是詢問你(我之前都是臉書私訊的XD)

    1. 一般主題的留言板,通常都只有一個勾選功能:儲存資料在此網站。
      但是 Jetpack 的留言板,可以讓讀者勾選後續要不要收到新的留言通知。
      基本上通知這件事還是要讀者同意才可以,如果讀者沒勾選,你也沒有寄信的權利。

發表回覆