search
top

WordPress必裝外掛與應用–社群篇

  原本在這個單元是有很多的外掛可以介紹的,因為部落格和社群網站的連接實在是太重要的,有非常多外掛可以幫忙做到這些。但是,隨著Jetpack外掛的推出與更新,大部份和社群網站之間的連結在這個外掛中的功能就可以做到非常完美,所以,我們在這一節主要都是在介紹Jetpack外掛中的社群方面的功能。而我們要連接的社群網站包括Facebook, Twitter, Google+。如果沒有這些社群的朋友,可以考慮先去安裝設定一下,因為來自社群的流量也是非常重要的。先來看如何在你的網站上加上這些社群網站的連結。

在網站首頁加上社群連結符號

  就和http://skynetbooks.com的網站一樣,在網站的正下方放置Facebook, Google+以及Twitter的連結符號。這個部份在許多新式的佈景主題就有提供了,如果沒有話,也許你要考慮換一個佈景主題了(免費的佈景主題也有很多可以選擇的),因為,由佈景主題在配置這些社群符號的連結,畫面上會比較協調。像是skynetbooks.com所使用的Divi佈景主題,直接就在它的主控台ePanel中提供了Facebook, Google+以及Twitter的設定,如下所示:

ch0577

  只要把所有想要使用的社群連結按鈕設定為「This is Enabled」,再輸入相對應的網址,就可以了,在網頁的最下方(每一個佈景主題放的位置都不一樣)就可以看到這些社群的連結圖示了。如下所示:

ch0578

在側邊欄增加Facebook粉絲專頁

  如果你有自己的Facebook粉絲專頁,我們在這裡教各位如何把粉絲專頁的訊息放到網站的首頁上,就像是下面這個樣子:

ch0568

  其實很簡單,因為只要我們安裝好了Jetpack外掛,在小工具中就有一個叫做Facebook粉絲團(Jetpack),把它拖曳到側邊欄的位置,然後填上所有想要設定的資料,如下所示:

ch0567

  再按下儲存,回到首頁就可以看到成果了。

在側邊欄增加Twitter追蹤我的功能

  有了Facebook,對於很多資訊人來說,也會有Twitter的需求,沒問題,Jetpack也有幫我們想到,因為在歐美,使用Twitter的人實在是太多了。所以,也是到小工具去找到Twitter時間軸(jetpack),如下所示:

ch0569

  但是,這個Twitter小工具的設定比Facebook粉絲專頁要複雜一些,因為它必需先到Twitter中去新增一個相對應的小工具才行。請先登入你的Twitter帳號,然後按下「create a widget at Twitter.com」這個連結,它就會帶我們到Twitter建立使用者小工具的網頁,如下所示:

ch0570

  也是一樣,所有想要的設定選一選之後,再按下「建立新的小工具」按鈕,系統就會通知我們已經儲存完畢了。這時候,我們必需從網址列中把這個小工具的ID找出來,如下所示:

ch0571

  在widgets/後面和/edit前面的這一串數字,就是這個小工具的ID,回到WordPress的小工具處,把ID輸入到模組ID欄位中,如下所示:

ch0572

  同樣地也是設定一些你想要設定的參數,再按下「儲存」按鈕,就可以在首頁上看到我們的Twitter時間軸了,如下所示:

ch0573

  Twitter時間軸工具的功能還滿多的,讀者們可以試用看看,發揮一下Twitter的實力喔!

設定同步發文到社群網站

  部落格和Facebook的連接,可以分成幾個面向。第一個是在網頁上顯示粉絲專頁的訊息,第二個是在發佈文章時同步發文到Facebook,第三個部份則是讓讀者在文章中可以使用Facebook的帳號來回覆評論以及按讚。接下來我們要設定的是同步發文的功能,也就是說,當你在WordPress張貼文章的同時,可以一併把這篇文章以網址連結的方式發一則通知到Facebook, Google+以及Twitter上,讓你的社群朋友都可以注意到你這篇文章。同樣地,這個功能現在也都是在Jetpack外掛中就可以完成了。

  要設定,先要確定有啟用Jetpack外掛中的「分享」功能,如下所示:

ch0579

  確定啟用之後,再按下「分享」功能的「設定」選項,就會進入如下的介面:

ch0554

  在這裡你會發現,其實不只有Facebook, Google+以及Twitter,還有其它3種台灣人比較不常使用的服務也都可以做連結。只要在想要連結的社群網站後方的「連結」按鈕按下去之後,再提供帳號及密碼,以及相關的授權即可。Facebook的如下(請注意,以下的操作都是在已經登入相關社群的帳號之下進行的):

ch0555

  在這裡可以選擇要連結到主帳號,還是放在宣傳的粉絲專頁中。,然後再按下確定就可以了。至於Twitter的部份,會先要求應用程式的授權,如下所示:

ch0556

  Google+則是要先選擇一個帳號:

ch0557

  然後了是授權要求:

ch0560

  在Google+部份還有一個左邊的登入按鈕,按下去之後也有另外一個授權的動作,反正一口氣把它全部做完就對了。在這裡會問你要不要在你的Android裝置上安裝WordPress,真厲害,帳號中的裝置都被Google記下來了:

ch0561

  出現下面這樣的訊息,就算是全部完成了:

ch0562

  回到這個分享的設定最上方,可以看看目前的帳號連結情形:

ch0559

  有了這三個大概就夠了。當設定完畢之後,下次你在編輯文章或是頁面的時候,就可以在編輯畫面的右上角看到這樣的提醒:

ch0580

  意思是說,在預設的情況下,如果你按下發表,WordPress就會順道通知這幾個社群網站,也幫你貼文上去喔!(如果你寫的是抱怨文的話,可要三思而後行囉)

為文章加入Facebook按讚、分享以及回覆功能

   至於要如何在每一篇文章之後加入在按讚以及分享的功能呢?與前面所介紹的同樣的設定畫面,往下看,就可以看到以下的設定:

ch0563

  只要用滑鼠拖曳的方式,把想要放在文章下方的功能都拖到啟用服務那個位置就可以了。另外,顯示的樣子也可以做調整,如下所示:

ch0564

  一般來說,我們比較不喜歡把這些分享按鈕放在網站首頁,都是要等網友按下文章開始閱讀之後才出現分享的按鈕,所以「首頁」的打勾記得要移除。完成之後,每一篇文章下方,就會有如下的分享按鈕了:

ch0565

  而當使用者按下回覆之後,也會出現比較整合性的介面,如下所示:

ch0566

在網站的側邊加上各大社群連結符號Cute Profiles

  有些部落格會在他們的網站的側邊(左側或右側)加上一些社群網站的連結符號,讓瀏覽者可以用最快的速度前往你的社群網站,這樣子可以強化網站和讀者們互動。這一類的外掛非常多,我們在這邊要介紹的是使用起來最簡單的Cute Profiles:

ch05d6

  這個外掛在安裝完畢之後,在選單上會有它自己的選項,在設定的內容中,有以下的幾個預設的社群可以連結:

ch05d7

  只要把你在各大社群網站的網址全部加上去就好了,而不需要的社群網站,只要在右邊按下刪除鈕即可移除。再往下看,還可以設定尺寸大小以及社群媒體圖示要放置的位置,如下所示:

ch05d8

  設定完成請按下「儲存變更」即可。回到我們的網站,就可以看到效果囉!

ch05d9

(3997)

發表迴響

top
%d 位部落客按了讚: