WordPress 基礎教學:Hyper Cache 讓你的 WordPress 更輕盈

WordPress 基礎教學:Hyper Cache 讓你的 WordPress 更輕盈

Hyper Cache 介紹前言

由於 WordPress 具有強大的擴充性,因此經常會發生主機伺服器的負載問題,官方也建議安裝快取外掛來解決這個問題,除此之外,當你安裝了快取外掛,還能讓你的 WordPress 網站開啟速度加快。
上篇文章 StartPress 工作室團隊跟大家介紹過藉由壓縮檔案的方式來達到優化 WordPress 網站載入速度的外掛 Autoptimize,今天就要來跟大家介紹非常好用的快取外掛 – Hyper Cache,它是 Autoptimize 官方推薦搭配的快取外掛之一。

Hyper Cache 3.0 版本之前使用的快取方式是將網頁的資料儲存成二進制的檔案,而 3.0 版本之後改成了類似 WP Super Cache 的快取模式,直接快取成 .html 格式的靜態網頁檔案,可以讓網頁開啟速度更快,並且主機伺服器資源消耗也更小。

Hyper Cache 的優點在於輕量化、高效能和相容性,而缺點則是它沒有針對資料庫查詢進行優化處理。

Hyper Cache 使用重點

Hyper Cache 安裝之後需要在 wp-config.php 檔案新增以下程式碼,來開啟快取功能。還不懂怎麼安裝外掛嗎?請先觀看我們之前的教學

當快取功能成功開啟,在尚未登入的情況下查看網頁原始碼,程式碼底部會出現類似 <!-- hyper cache 2014-12-13 19:06:33 --> 的程式碼,這代表你瀏覽的是經過快取的頁面。

Hyper Cache 設定選項頁

Hyper Cache 設定選項頁.之一

Hyper Cache 設定選項頁.之一

 

Hyper Cache 設定選項頁.之二

Hyper Cache 設定選項頁.之二

 

Hyper Cache 設定選項頁.之三

Hyper Cache 設定選項頁.之三

 

Hyper Cache 外掛目前最新版本為:3.1.2。

 

圖一是基本選項設定,我們都維持預設選項即可,你可以啟用 Gzip 的壓縮功能加快網站載入速度藉以達到優化;上方有四個藍色按鈕,分別是:「清空所有快取」、「清空首頁和彙整頁面快取」、「計算快取大小」和「匯入舊有選項」。

 

當你按下『清空所有快取』時,Hyper Cache 外掛會替你將所有已快取的頁面全部清除,減輕系統使用空間;你也可以選擇只清空首頁和文章彙整頁的快取,因為首頁應該顯示最新資訊以供訪客瀏覽,而透過搜尋引擎造訪網站的訪客幾乎都會瀏覽文章彙整頁,所以彙整頁最好維持最新發表的資訊。

 

要清空快取之前,你可以先點擊『計算快取大小』了解目前已存的快取佔了多少空間,來決定是否進行清除作業;如果你是從 Hyper Cache 3.0 版本之前升級上來的,你也可以將之前使用的設定匯入,這樣就可以沿用你之前的設定,不過這麼做,會跳出警告視窗,提醒你目前所有設定都會被取代。

 

圖二是快取設定選項,我們的建議是:不要快取「首頁」、「404 錯誤頁」、「網站主要的 Feed」和「單篇文章的評論留言 feed」,你們可以看到圖二的這四個選項後面都有註解為何不要快取這四個頁面。至於其他選項維持預設即可,Hyper Cache 外掛都會為你設定好。

 

圖三是行動裝置的快取設定選項,如果你有安裝手機主題模板,你可以在這裡選取你的手機主題。這裡還是要推薦我們所開發的StartBusiness 正體中文付費商業主題,由於採用了 RWD 設計的主題,所以對於電腦、手機和平板都已經進行過優化。

 

Hyper Cache 的設定選項不算多,基本上都維持預設即可,最難得的是它還能對評論留言進行快取而不出錯,這是因為它採用了 JS 來解決常見的評論留言快取問題。

教學尾聲

以上是 Hyper Cache 外掛的介紹與設定說明,今天的教學就到此結束,大家還喜歡嗎?如果有關於這方面的相關問題,歡迎留言討論。

別忘了持續關注 StartPress 工作室團隊,你可以參加我們在 Facebook 的粉絲團,或是訂閱我們的 RSS 電子報

如果有關於 WordPress 使用上的問題,歡迎你好好利用 Google 搜尋引擎找尋網路上豐富的教學資源,或是參加 WordPress Taiwan 在 Facebook 的正體中文社團

如果您喜歡我們的 WordPress 教學文章,別忘了在底下幫我們評分。假若您需要我們替您進行 WordPress 主題客製化,請填寫諮詢表單聯繫我們。

WordPress 基礎教學:Autoptimize 讓你的 WordPress 飛起來!

WordPress 基礎教學:Autoptimize 讓你的 WordPress 飛起來!

Autoptimize 介紹前言

時常有人對於 WordPress 載入速度緩慢的問題煩惱,其實你可以安裝優化型的外掛,來讓你的 WordPress 網站飛起來。

今天 StartPress 工作室團隊要跟大家介紹的 Autoptimize 是一款替你的 WordPress 網站加速的進階外掛,它藉由合併、壓縮目前使用的 WordPress 主題的 HTML、CSS 和 JavaScript 程式碼,來達到整個網站的加速與優化,讓你的 WordPress 網站開啟速度加快。

你只需要安裝這款外掛,就能直接在後台的 Autoptimize 外掛設定頁面優化你的主題 HTML、CSS 和 JavaScript 檔案。

你可以連去 WordPress 官方外掛網站下載上傳安裝,也可以直接在你 WordPress 網站後台的外掛設定頁面輸入「Autoptimize」關鍵字搜尋、直接點擊安裝。還不懂怎麼安裝外掛嗎?請先觀看我們之前的教學

Autoptimize 外掛設定

Autoptimize 外掛設定說明

Autoptimize 外掛設定說明

一、HTML 設定選項

  • 請先勾選「是否優化 HTML 程式碼」啟用它。
  • 「Keep HTML comments?」選項是問你是否保留 HTML 檔案中的程式碼註解,如果你要顯示註解就勾選此項。

二、JavaScript 選項

  • 請先勾選「是否優化 JavaScript 程式碼」啟用它。
  • 「Force JavaScript in < head >?」是詢問你是否要強制在 < head > 中載入 JavaScript 特效,通常我們會將 jQuery 函式庫放在此,其他比較影響不大的 js 效果就會放在頁尾載入(footer),這樣對於網頁的整體性能會比較好,也能加快網頁載入速度,所以這個選項你可以勾選啟用。
  • 「Look for scripts only in < head >?」這是問你是否「只」在頁首( < head >)尋找 js 程式碼,這個預設是不啟用的,我們維持現狀即可。
  • 「Exclude scripts from Autoptimize」這裡你可以設定要排除被優化的 js 程式碼,你可以直接把檔名輸入,並且使用半形逗號來分隔。
  • 「Add try-catch wrapping」如果你的 js 程式碼因為 Autoptimize 外掛出了問題,你可以勾選此項來做排除的動作。

三、CSS 選項

  • 請先勾選「是否優化 CSS 程式碼」啟用它。
  • 「Generate data: URIs for images?」:如果你啟用這個選項,將會替你的圖片產生資料數據給 CSS 樣式表使用,例如圖片網址。
  • 「Look for styles only in < head >」:這裡詢問你是否只在頁首載入樣式表?這個選項預設是停用的,但如果你的快取資料變大,反而造成載入速度變慢,那時你就可以啟用此選項。
  • 「Inline and Defer CSS」:這個選項是讓你列出你想要延遲載入的內連樣式表,亦即,我們只在網頁中載入主要的 CSS 樣式表,其他樣式表可以在頁面有需要時才載入,這樣也能加快網站頁面的載入速度。當你勾選此項,會出現文字輸入框讓你填寫你的內連樣式表,你可以在文字輸入框中列出你想要延遲載入的樣式表檔案名稱,一行一筆。
  • 「Inline all CSS」:這是詢問你是否要將所有樣式表改成內連型態?雖然這麼做可以提高網頁載入速度,但是因為有些樣式表的特性,全部內連可能會造成效能降低並且出錯,所以此項目不須勾選。
  • 「Exclude CSS from Autoptimize」:這裡是讓你輸入想要排除優化的樣式表檔案名稱。

四、CDN 選項

如果你有在使用 CDN 服務(內容網路分發服務),你可以在此輸入你的 CDN 服務商給你的網址。如果你沒有使用此服務,這裡就不用填寫。

五、快取資訊

  • 「Cache folder」你的快取資料夾,通常當你安裝好 Autoptimize 外掛,這裡就會直接顯示資料夾名稱,它只是列出來給你觀看。
  • 「Can we write」這是詢問你檔案是否可寫入?這裡會顯示「Yes」,因為你已經順利安裝此外掛。
  • 「Cached styles and scripts」當你上述的選項都已經設定完畢,這裡就會列出你的樣式表和 js 程式碼經過快取之後的檔案大小。
  • 「Save aggregated script/css as static files」:這是詢問你是否儲存 js 程式碼和 CSS 樣式表的靜態匯總檔案?預設是啟用此功能的,通常一般情況下,所有儲存的 CSS 樣式表和 js 程式碼檔案都是靜態的,但如果你的虛擬主機商無法正確處理檔案壓縮和到期設定的功能,那麼你就將此選項停用。

教學尾聲

以上就是 Autoptimize 外掛的介紹與設定說明,今天的教學就到此結束,大家還喜歡嗎?如果有關於這方面的相關問題,歡迎留言討論。

別忘了持續關注 StartPress 工作室團隊,你可以參加我們在 Facebook 的粉絲團,或是訂閱我們的 RSS 電子報

如果有關於 WordPress 使用上的問題,歡迎你好好利用 Google 搜尋引擎找尋網路上豐富的教學資源,或是參加 WordPress Taiwan 在 Facebook 的正體中文社團
[divider]

如果您喜歡我們的 WordPress 教學文章,別忘了在底下幫我們評分。假若您需要我們替您進行 WordPress 主題客製化,請填寫諮詢表單聯繫我們。

WordPress 基礎教學:絕對必裝的 JetPack 外掛

WordPress 基礎教學:絕對必裝的 JetPack 外掛

WordPress 基礎教學:絕對必裝的 JetPack 外掛

WordPress 基礎教學:絕對必裝的 JetPack 外掛

Jetpack 介紹前言

這週的 WordPress 基礎教學著實讓 StartPress 工作室團隊傷腦筋,我們一直在想該如何向大家介紹比新手更進階一層的第二篇教學文,後來我們決定將 Jetpack by WordPress.com 這款強大工具外掛包推薦給大家。

為什麼要將 Jetpack 介紹給你們呢?如它的名稱所言,它是一款 WordPress.com 官方團隊打造的外掛工具包,你只需要安裝這款外掛,就能擁有 34 種豐富又多功能的外掛。你可以點擊上圖連去 WordPress 官方外掛網站下載上傳安裝,也可以直接在你 WordPress 網站後台的外掛設定頁面輸入「Jetpack by wordpress.com」關鍵字搜尋、直接點擊安裝。還不懂怎麼安裝外掛嗎?請先觀看我們之前的教學

將 Jetpack 連結 WordPress.com

還記得我們上週介紹的 Gravatar 申請教學文嗎?在該篇文章中我們教過如何申請 WordPress.com 帳號,所以如果你已經申請了 WordPress.com 帳號,可以在安裝好 Jetpack 外掛後直接在它的設定頁面進行連結;如果你還沒申請,就先去申請一個吧。

如果你已經將 Jetpack 與 WordPress.com 連結完畢,那你的 Jetpack 設定頁面首頁會出現如下圖的畫面:

Jetpack 成功連結 WordPress.com

Jetpack 成功連結 WordPress.com

在圖中你可以看到目前最新版本號(Jetpack 3.2.1)。此版中,一共有 34 種不同功能的工具,如果你覺得自己的網站需要什麼功能,可以先到這裡看看有沒有相對應的功能,用用看是否合用,如果不合用再去找其它的外掛即可。

Jetpack 的 34 種功能

以下是所有工具圖,你可以看到有些工具的左側有直線條,這是表示目前已經啟用的功能,而沒有直線的部份則是尚未啟用的功能。

[lightbox full=”https://startpress.cc/wp-content/uploads/2014/11/wp-tips-jetpack-plugin-05.png”]

34 種 Jetpack 功能

34 種 Jetpack 功能
(點圖放大觀看)

[/lightbox]
[divider]

Jetpack 常用功能簡介

接下來的部份,我們就為各位介紹一些 StartPress 工作室團隊愛用也推薦客戶使用的功能。

Jetpack & StartPress 工作室團隊最愛

Jetpack & StartPress 工作室團隊最愛

Jetpack 七大必開功能

[highlight]【Monitor 網站監控】[/highlight]我們會第一個建議客戶開啟這個功能,因為大家都不希望自己的網站因為主機的緣故而停止運作,Jetpack Monitor 網站監控功能每五分鐘就會檢查你的網站狀態,只要偵測到任何停止運作的情形,你就會收到電子郵件通知,警告你網站出現問題,所以就能在第一時間進行處理網站問題。

[highlight]【WordPress.com 統計】[/highlight]這個功能我們強烈建議客戶開啟,因為客戶可以少安裝一款 Google Analytics(流量統計分析)的外掛,又能直接在後台首頁觀看每天的瀏覽統計與訪客人次統計,這也是最容易設定和使用的網站流量統計分析功能。

[highlight]【聯絡表單】[/highlight]我們通常建議客戶使用聯絡表單的方式來替代傳統的「留言板」功能,一方面是網站訪客可以清楚表達他們的需求,一方面又能夠避免垃圾留言攻擊,一舉數得。大家可以到我們的案件諮詢頁面觀看聯絡表單的功能。

[highlight]【自訂 CSS】[/highlight]這個功能是我們一定會建議客戶開啟的,因為這樣客戶可以自己微調主題版面的樣式,又不會更動到原本主題的檔案,以後即使更換主題也不怕變更的微調樣式不見(例如:字型大小、字型種類、顏色配置、背景圖片……etc.)。

[highlight]【Photon】[/highlight]是網站圖片 CDN (內容分發網路)功能,只要你開啟了此功能,就能透過 WordPress.com 超高速網路託管這些圖片並分散你 WordPress 網站的圖片流量,減輕你的主機負擔,還能讓你的網頁圖片飛快載入,不流失訪客。

[highlight]【宣傳】[/highlight]這個功能可以讓你在發表文章時,將你的文章同時發佈到你所有的社群網站 Facebook, Twitter, Tumblr, Yahoo! 和 Linkedin 中去宣傳你的文章;在啟用之後,你可以在它的設定頁面去設定並連結你所有的社群網站帳號。

[highlight]【WP.me 短網址】[/highlight]當開啟此功能,你就可以將原本太長的文章網址貼到你的 Facebook 和 Twitter 或 Google+ 等社群網站進行推廣分享的動作,而且一旦啟用此功能,當你的 WordPress 網站發表了新文章,上面的『宣傳』功能也會採用短網址自動進行貼文宣傳。

[divider]

Jetpack 其他功能簡介

Jetpack 將所有功能按照其特性進行分類,我們以下也按照分類簡單向大家介紹剩餘的 27 款功能。

Jetpack 外觀功能

[highlight]【手機版主題】[/highlight]顧名思義,就是讓你的網站當有人以手機或小螢幕平台瀏覽的時候,會優化行動裝置的顯示樣式。如果你正在使用的主題不支援網站行動裝置瀏覽,那麼強烈建議你啟用此功能。

[highlight]【Widget Visibility】[/highlight]使用小工具可見度功能來控制哪些頁面會顯示小工具。啟用此功能之後,每一個小工具的設定都會多了一個「可見度」設定按鈕。

[highlight]【滑鼠懸浮顯示大頭貼名片】[/highlight]就是針對我們上篇介紹的 Gravatar 全球通用大頭貼,當開啟此功能後,只要將滑鼠移到留言者的大頭貼上面時,就會顯示出該留言者在 Gravatar 中開放的會員資料。

[highlight]【Extra Sidebar Widgets 額外的邊欄工具】[/highlight]就是多了一些小工具可以使用,像是:Twitter Widget、Facebook 按讚方塊 Widget、圖片 Widget、Gravatar Widget、藝廊 Widget、顯示 WordPress 文章 Widget……等。你可以在啟用此功能後,進入設定頁面觀看詳細介紹。

[highlight]【Infinite Scroll 無限捲動】[/highlight]這個功能比較特別的是,他需要你正在使用的主題的支援,如果你的主題沒有支援此功能,那麼就無法啟動這個工具。

Jetpack 寫作功能

[highlight]【短碼嵌入】[/highlight]這個功能很重要,你可以使用 Jetpack 內建的短碼快速在文章編輯區中嵌入 YouTube、Flickr 和其他媒體到你的文章內容中,加快了你編輯網站內容的時間。

[highlight]【透過 Email 發表】[/highlight]「電子郵件發表」是一種讓你透過傳送電子郵件在網站上發表文章的功能,任何電子郵件應用程式都能傳送電子郵件,這讓你更快並且更容易地從手機等行動裝置上發表文章。

[highlight]【拼寫和語法】[/highlight]這個功能中文使用者比較用不到,他是針對英語系使用者的文章校對功能。

[highlight]【Markdown】[/highlight]Markdown 大多是作家、編輯或部落客(國外)所使用,因為雙手不需要離開鍵盤就能快速輕鬆的撰寫豐富的文字,並且不需要了解複雜的程式碼或鍵盤捷徑(HotKey),也能使用一般字元和標點符號撰寫文章(包含網址連結、清單和其他樣式)。

[highlight]【Beautiful Math】[/highlight]LaTeX logo 是一個強大的標記語言與編寫複雜的數學公式功能。開啟此功能就能在你的網站內容中使用強大的數學運算公式。

[highlight]【Custom Content Types 自訂內容類型】[/highlight]一旦開啟此功能,就能使用『個人作品集』的特殊內容類型,他不同於一般的文章內容類型格式,顯示方式也不相同,方便在 WordPress 網站中展示作品或產品。

[highlight]【Enhanced Distribution】[/highlight]我們可以把它當作加強宣傳的一種功能,一旦啟用,每當你的網站發表了新內容 Jetpack 將自動並即時地對搜尋引擎或其他第三方服務進行內容推送宣傳,增加你的網站流量和曝光率。

Jetpack 社群功能

[highlight]【Jetpack 評論】[/highlight]開啟此功能後,可以讓你的網站訪客使用他們的 WordPress.com, Twitter 或 Facebook 帳號發表留言評論。

[highlight]【Subscriptions】[/highlight]就是電子報訂閱服務,可以讓所有訪客透過電子郵件訂閱的功能,訂閱你的網站新文章。只要你的網站發表了新內容,WordPress.com 將立即通知所有訂戶。當訪客在一篇文章底下發表留言後,他可以訂閱這篇文章的留言,以持續進行對話。

[highlight]【分享】[/highlight]這個功能其實是和上面介紹過的【宣傳】功能榜定在一起的,他們的設定可以共享,所以你如果已經啟用了【宣傳】功能,並且設定完畢,你就可以直接在設定頁面將所有的分享按鈕以拖曳的方式拖拉到服務區,分享按鈕就會顯示在文章下方,方便訪客點擊不同社群網站的分享按鈕進行文章轉貼分享。這對於非常勤於發表新內容的 WordPress 網站來說,無疑是一種強大的鼓勵。

[highlight]【讚】[/highlight]這裡所說的「讚」功能和 Facebook 的『讚』按鈕不同,這裡的按「讚」功能可讓你的網站訪客利用他們的 WordPress.com 帳號,對你的文章與其他發表的內容表達欣賞。你的訪客將能夠從 WordPress.com 回顧他按讚的文章。一旦啟用此功能,你的網站文章下方將顯示有多少人已為你的文章按讚,以及這些按讚者的 Gravatar 大頭貼。(如果已有訪客對該文章按讚)

Jetpack 開發者功能

[highlight]【Jetpack 單一登入】[/highlight]顧名思義就是使用 WordPress.com 帳號單一登入。如果你的 WordPress 網站有開放會員註冊功能,這個功能就能驗證你的網站會員身份,安全又可靠。當啟用此功能後,你的網站註冊和登入區就會顯示「透過 WordPress.com 登入」選項。

[highlight]【JSON API】[/highlight]此功能允許你在你的 WordPress 網站裡授權應用程式和安全連線到服務器,並允許他們採用新的方式使用你的內容並為你提供新功能。開發者可以使用 WordPress.com 的 OAuth2 認證系統和 WordPress.com REST API 來管理並存取你網站的內容。

[highlight]【Omnisearch】[/highlight]WordPress 的內建搜尋功能非常陽春,搜尋出來的結果也不是那精準;而 Jetpack 的 Omnisearch 剛好可以滿足我們想要包羅萬象的搜尋方式與結果,此功能目前支援搜尋文章、頁面、留言、媒體,以及外掛程式。其他供應商也能夠提供結果,與其他外掛程式相容性很高。

Jetpack 相片與影片功能

[highlight]【VideoPress】[/highlight]是提供你上傳影片及分享的功能,使用此功能你可以輕鬆地將影片上傳至你的 WordPress 網站,並將其內嵌至你的文章和頁面中。此功能需要具備有效 VideoPress 訂閱的 WordPress.com 帳號(付費功能)。不過我們一般還是習慣使用 Youtube 比較方便。

[highlight]【並列的藝廊】[/highlight]是一個可以把所有放在藝廊中的圖片以拼貼的方式顯示在側邊欄上的功能。當啟用此功能之後,可以為你的照片建立典雅的雜誌風格拼接版面形式,無須使用外部的圖形編輯器。

[highlight]【輪播】[/highlight]此功能可以讓你在文章或分頁中嵌入的任何標準的 WordPress 藝廊,這將啟動一個華麗的全螢幕照片瀏覽體驗。

Jetpack 其它 + 安全性功能

[highlight]【網站圖示】[/highlight]也就是一般稱為 Favicon 的小圖示,通常顯示在瀏覽器分頁前面的 icon,現在只要啟用此功能,你的 WordPress 網站就能有自己獨特的顯示小圖,當人們收藏你的網站到他瀏覽器的書籤時,一眼就能認出你的網站。

[highlight]【Site Verification】[/highlight]當我們使用 Google 的管理員工具時,都必須進行網站驗證的動作,已確保你是網站的擁有者(管理者),此功能就是方便你進行網站驗證的小工具。當開啟此功能後,將會新增隱藏的 meta 標籤至首頁的原始程式碼。

[highlight]【VaultPress】[/highlight]這是 Jetpack 中比較難得的付費功能,你必須付月費才能使用此功能。VaultPress 功能會幫你的網站內容、主題和外掛做即時備份,並且會進行定期的安全掃描,共同防禦外來威脅和攻擊。它一共有三種付費方案可選擇:精簡版、基本版和進階版,最受歡迎的還是基本版,一個月只要 15 美金,就能夠擁有:即時備份、自動還原、完整備份存檔和支援大家讚譽有加的 Safekeeper 網站安全、備份、自動還原功能服務。

[highlight]【相關文章】[/highlight]開啟此功能之後,將會在文章下方顯示網站的其他相關文章的圖文連結,這將有助於網站訪客瀏覽率。

[highlight]【通知】[/highlight]此功能可以隨時掌握你所有的 WordPress 網站動態並且和其他 WordPress.com 會員們保持互動。一旦啟用此功能,你將可以在後台工具欄和 WordPress.com 觀看你所有的 WordPress 網站通知。
[divider]

教學尾聲

以上就是 JetPack 外掛的介紹與 34 種功能簡述,今天的教學就到此結束,大家還喜歡嗎?如果有關於這方面的相關問題,歡迎留言討論。

別忘了持續關注 StartPress 工作室團隊,你可以參加我們在 Facebook 的粉絲團,或是訂閱我們的 RSS 電子報

如果有關於 WordPress 使用上的問題,歡迎你好好利用 Google 搜尋引擎找尋網路上豐富的教學資源,或是參加 WordPress Taiwan 在 Facebook 的正體中文社團
[divider]

如果您喜歡我們的 WordPress 教學文章,別忘了在底下幫我們評分。假若您需要我們替您進行 WordPress 主題客製化,請填寫諮詢表單聯繫我們。

WordPress 基礎教學:申請一個專屬的 Gravatar 全球通用大頭貼

WordPress 基礎教學:申請一個專屬的 Gravatar 全球通用大頭貼

Gravatar 全球通用大頭貼

Gravatar 全球通用大頭貼

不知道你(妳)有沒有發現,在很多部落格或網站看到許多人留言都能夠顯示他們獨特的大頭貼,但是這個部落格或網站本身並沒有提供大頭貼設定的功能,那麼,他們的大頭貼是怎麼顯示的呢?其實,這是因為他們使用了 Gravatar 服務的緣故。

今天 WordPress 基礎教學第一篇,StartPress 工作室團隊就要來和大家介紹 Gravatar 全球通用大頭貼這個線上服務。

Gravatar – 是 Globally Recognized Avatars 個人全球統一識別標誌的縮寫,它可以在所有支援 Gravatar 的網站中顯示你的專屬大頭貼,就是一個能讓你在不同網站發表留言時可以使用的專屬大頭貼,它和你申請時填寫的 email 信箱產生關聯,WordPress 內容管理架站系統在 2.5 版以上已經內建這個服務,Gravatar 現在也已經是 WordPress.com 旗下的產品,隸屬於 Automattic 公司。所以,你只要先註冊 Gravatar 服務,並連結你的 wordpress.com 帳號,就能使用。

Gravatar 申請步驟

申請 Gravatar 全球通用大頭貼 - 1

申請 Gravatar 全球通用大頭貼 – 1

  1. 如果您沒有 WordPress.com 的帳號,你只要點選 Creat a new one. 即可建立帳號,如果你已經有 WordPress.com 的帳號,就可以直接登入。
申請 Gravatar 全球通用大頭貼 - 2

申請 Gravatar 全球通用大頭貼 – 2

  1. 填入你 WordPress 網站的個人資訊與 email 信箱進行申請,這樣才能與你的 WordPress 網站做連結。
申請 Gravatar 全球通用大頭貼 - 3

申請 Gravatar 全球通用大頭貼 – 3

  1. 收到驗證 email 按下啟用;並且這個帳號還能使用 Automattic 旗下的另外三種服務:Akismet, Polldaddy, VaultPress 這些我們以後再做介紹。
申請 Gravatar 全球通用大頭貼 - 4

申請 Gravatar 全球通用大頭貼 – 4

  1. 啟用後先登入 Gravatar 開始進行設定。
申請 Gravatar 全球通用大頭貼 - 5

申請 Gravatar 全球通用大頭貼 – 5

  1. 馬上來上傳一張你的專屬大頭貼。
  1. 從你的電腦中選擇圖片。
  2. 或是填寫你在網路上的圖片網址,像是你的網路硬碟。
  3. 之前曾經上傳過的圖片(第一次申請不必理會此選項)。
  4. 使用你電腦中的 WebCam 直接拍一張圖片上傳。
申請 Gravatar 全球通用大頭貼 - 6

申請 Gravatar 全球通用大頭貼 – 6

  1. 我們選擇從電腦中上傳想使用的圖片來作為專屬大頭貼。
申請 Gravatar 全球通用大頭貼 - 7

申請 Gravatar 全球通用大頭貼 – 7

  1. 圖片上傳之後可以進行裁切的動作,並選擇適當的大小,選擇正方形的尺寸看起來效果最好。
申請 Gravatar 全球通用大頭貼 - 8

申請 Gravatar 全球通用大頭貼 – 8

  1. 這裡是詢問你的圖片等級,G 普通級、PG 輔導級、R 和 X 為限制級,記得選擇「G」,那是最適合大眾觀看的圖片等級。
申請 Gravatar 全球通用大頭貼 - 9

申請 Gravatar 全球通用大頭貼 – 9

  1. 上傳完畢,可以回到你的 WordPress 後台的「使用者」→「全部帳號」頁面,你會看到你的帳號已經與 Gravatar 帳號連結,可以顯示你剛剛上傳的專屬大頭貼圖片了。

現在你可以到支援 Gravatar 大頭貼服務的網站發表留言試試看,通常只要是 WordPress 網站都支援,只要在留言時輸入申請大頭貼時的 email 信箱發表留言,留言後你就可以看到自己專屬的大頭貼了,馬上在本文底下留言吧。

日後若想更改大頭貼的圖片,只需要回 Gravatar 網站,登入後進行修改即可。

[divider]

教學尾聲

以上就是 Gravatar 全球通用大頭貼的介紹與申請教學,你(妳)了解了嗎?今天的教學就到此結束,如果有關於這方面的相關問題,歡迎在底下留言交流。

別忘了持續關注 StartPress 工作室團隊,你可以參加我們在 Facebook 的粉絲團,或是訂閱我們的 RSS 電子報

如果有關於 WordPress 使用上的問題,歡迎你好好利用 Google 搜尋引擎找尋網路上豐富的教學資源,或是參加 WordPress Taiwan 在 Facebook 的正體中文社團
[divider]

如果您喜歡我們的 WordPress 教學文章,別忘了在底下幫我們評分。假若您需要我們替您進行 WordPress 主題客製化,請填寫諮詢表單聯繫我們。