零基礎創作專業wordpress網站12-設定標籤欄圖示（favicon）

這節課，我們來介紹如何設定標籤欄的圖示，什麼是標籤欄圖示呢？就是這裡：

這種圖示通常需要有一個透明的背景。

在哪設定這個圖示呢？

自定義 > 站點身份 > 站點圖示：

它提示我們：站點圖示必須為方形，且寬高至少512 × 512畫素。

製作favicon

在這裡我們就需要建立一個logo，大家可能會覺得製作一個logo很難，一開始我也覺得，那我在twitter上關注了一些設計類的話題，我有一個習慣，就是早上起床刷刷twitter，瞭解今天世界上發生的新鮮事，每天刷一刷twitter不僅可以看新聞，還是可以漲知識的.

有一天我收到了關於logo製作的一個推送，有一個線上製作logo的非常實用的網站：https://logomakr.com/

可以在網站搜尋一些圖示，如果你想要三角形，就可以搜尋：

接著，我們可以修剪它的大小到：512 × 512畫素

點選這個按鈕可以拖拽修剪：

雙擊修剪完成，然後可以調整logo的大小來適配修剪框，調整好後，點選儲存，下載即可：

下載完成後，把站點圖示設定為剛剛儲存的圖示即可。點選發布，來到網站前臺預覽，就可以看到新增的站點圖示了。

這就是我們建立網站的一個完整的流程。

現在我們退出wordpress登入，以使用者的身份來看最終的效果。

這4個頁面都是OK的，我們們製作的網站還是非常漂亮大方的。

希望你能夠喜歡你自己親手製作的網站，也希望你能夠喜歡這套視訊教程。

我是MrBang。