如何將Favicon添加到您的WordPress博客


網站圖標或網站圖標是在瀏覽器中網站標題旁邊顯示的微小圖像。 它可以幫助您的用戶識別您的網站,並且您網站的訪問者越多,該圖像就會立即得到識別。 這可以提高您的品牌知名度,並幫助您在受眾之間建立信任。 在我們有關最常見的WordPress錯誤的文章中,未添加favicon躋身前25名。在本文中,我們將向您展示如何在WordPress博客中添加favicon。

為什麼要向您的WordPress網站添加Favicon?

如前所述,它可以建立您網站的身份。 但是,它也可以改善您網站的可用性和用戶體驗。 此圖像將幫助您更好地理解它:

瀏覽器標籤中的圖標

大多數用戶通常在瀏覽器窗口中打開許多選項卡。 隨著選項卡數量的增加,這將隱藏網站的標題。 網站圖標可幫助用戶識別您的網站并快速切換至所需的標籤。

您可以要求用戶將您的網站添加到他們在移動設備上的主屏幕。 當用戶將您的網站添加到移動設備上的主屏幕時,也會使用您的網站圖標或網站圖標。

網站圖標顯示為移動設備主屏幕上的應用程序圖標

如何創建一個圖標

您可以將品牌的徽標用作網站圖標或網站圖標。 網站圖標圖像的建議大小在寬度和高度上至少為512像素。 網站圖標圖像應為正方形,您可以使用更大的矩形圖像,而WordPress將允許您在添加圖像時對其進行裁剪。

使用Adobe Photoshop為WordPress博客創建站點圖標

我們建議使用Adobe Photoshop或Gimp之類的圖像編輯程序來創建512×512像素的網站圖標。 這樣,您可以保持圖像的精確比例。 您可以使用透明圖像,也可以使用您選擇的背景色填充圖像。 該圖像可以是png,jpeg或gif格式。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

在WordPress中添加您的網站圖標或Favicon

從WordPress 4.3開始,您可以從WordPress管理區域添加收藏夾圖標或網站圖標。 只需轉到 外觀»定制 然後點擊 “網站身份” 標籤。

Customizer中的網站標識

定製程序中的“站點標識”部分允許您更改站點標題,描述,並控制是否要在標題中顯示它們。 它還允許您上傳站點圖標。 只需單擊“選擇文件”按鈕,然後上傳要用作站點圖標的圖像。

在WordPress中添加站點圖標和網站圖標

如果您上傳的圖片超出建議的大小,則WordPress將允許您對其進行裁剪。 如果它與建議的大小完全匹配,則可以保存更改。

這就是您現在可以預覽站點並查看正在運行的網站圖標的全部內容。 您還可以在移動設備上訪問您的網站,然後從瀏覽器菜單中選擇“添加到主屏幕”。 您會注意到您的站點圖標將出現在主屏幕上。

將Favicon添加到較舊的WordPress(4.2或更低版本)

使用FTP將收藏夾圖標上傳到網站的根目錄。 之後,您可以簡單地將此代碼粘貼到主題的 header.php 文件。



將wpbeginner.com替換為您站點的URL,您可以使用。 如果您的主題沒有header.php文件,或者找不到它,那麼不用擔心我們為您提供了一個插件。 安裝並激活“插入頁眉和頁腳”插件。 激活插件後,轉到 設置»插入頁眉和頁腳 並將上面提供的代碼粘貼到標題部分並保存設置。

如果您根本不想處理FTP,那麼也可以使用名為All in One Favicon的插件。

我們希望本文能幫助您將favicon添加到WordPress網站。 對於問題和反饋,您可以在下面發表評論或關注我們 推特