Simple Social Icons

WordPress|Simple Social Icons 輕鬆在你的網站安裝「社群按鈕外掛」

Simple Social Icons是一款極為輕巧的社群按鈕外掛,可以針對圖示的大小、顏色、邊寬等進行設定,支援的範圍相當廣,包含:Behance、Bloglovin、Dribbble、Email、Facebook 、Flickr、GitHub、Instagram、Linkedin、 Medium、Periscope、Pinterest、RSS、Twitter、Vimeo、YouTube。每個按鈕樣式都相當簡單,不會過於花俏搶眼,讓網站的觀眾都可以輕鬆地經由這些按鈕找你的最新動態。

安裝步驟

簡單設定社群按鈕,可以自行設定樣式,讓網站訪客可以輕鬆連結到你的社群平台。

Simple Social Icons

Step 1 -「 Simple Social Icons」安裝啟用

在外掛中搜尋「Simple Social Icons」安裝啟用

Simple Social Icons 社群按鈕外掛

Step 2 -新增社群按鈕位置

外觀>小工具,找到「Simple Social Icons」,將它加入你想要放在網站的位置上,這邊我就把它放到側邊欄。

我找到要放置的側邊欄位置,按下新增小工具。

Simple Social Icons 安裝

Step 3- 設定社群按鈕樣式

接著我們開始設定社群按鈕的外觀,包含尺寸、圓角、位置、顏色等等,搭配自己的網站顏色自訂喜歡的樣式。

設定社群按鈕樣式

Step4-設定社群連結

接著往下滑,你會看到下面有各式各樣的社群按鈕,把你自己的社群連結貼上按下存檔。

設定社群連結

Step5-前台確認社群按鈕連結

存檔之後,我們到前台看一下是不是有出現,並且測試一下每一個連結是否都有連到你自己的社群,都沒有問題就完成囉。

Simple Social Icons 社群按鈕外掛

好了,這就是今天的WordPress練習,學習安裝及設定社群按鈕,也許有一些佈景主題本身就有內建好社群按鈕,但如果你挑選的佈景主題沒有那也沒有關係,我們就一起使用Simple Social Icons,也可以有同樣的效果。


書籍分享

分享兩本我正在閱讀與練習WordPress的書籍,如果你想要深入了解WordPress架站可以參考。

從無到有,使用WordPress建立出專業的個人網站以及電子商店

從基礎架站、備份保存到各式各樣的外掛主題


這是設計生活實驗室,設計你的美好生活,無所畏懼打造個人品牌。
如果你喜歡我的內容,歡迎幫我拍手5下,我就有機會可以得到內容創作的酬勞😊

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *