初學者指南:將 WordPress 網站圖標添加到您的網站的 3 種簡單方法

已發表: 2021-11-11

您聽說過WordPress Favicon或站點圖標嗎? 如果沒有,favicon 是一個小圖像,顯示在瀏覽器選項卡中您的網站標題旁邊。 除此之外,當您為標籤添加書籤或將網站添加到智能手機設備或其他地方的主屏幕時,您可以看到網站圖標。

因此,網站圖標是您品牌推廣不可或缺的一部分。 因為它可以幫助人們輕鬆識別您的網站并快速識別您的品牌。 Favicon 甚至還增強了網站的用戶體驗。

因此,在本主題中,您將了解我們在您的站點中使用網站圖標的好處以及創建它的方式。 之後,您可以選擇三種方式之一將站點圖標添加到您的網站。 最後,還有一些使用時的提示。

讓我們潛入吧!

擁有 WordPress 網站圖標的好處

– 當用戶打開太多標籤時快速識別每個站點

– 當他們可以看到網站的標題但他們仍然可以通過打開的選項卡上的網站圖標找到您的網站時改進用戶體驗

Favicon WordPress幫助您的網站看起來更專業和令人印象深刻。 所以這也可以建立信任。

– 另外,如果客戶想將您的網站保存到他們的主屏幕,favicon 將在客戶的智能手機設備上顯示為圖標。

如何製作 WordPress 網站圖標

大多數人會使用他們品牌的標誌作為他們的網站圖標或網站圖標。 如果您已經擁有該圖像,則可以立即轉到下一部分。 如果沒有,請繼續閱讀指南以製作WordPress Favicon

這個小圖片應該是 PNG、JPEG、ICO 和 GIF 格式。 當然,您可以在任何類型的瀏覽器上看到您的網站圖標,但帶有 JPEG 格式的網站圖標的 Internet Explorer 除外。

如果您知道如何使用 Adob​​e Photoshop,則可以使用它來快速設計站點圖標。 您應該申請的圖標大小為 512×512 像素。 這意味著它是方形的。 此外,您設計的圖像可以是透明背景或彩色背景。

但是,如果您有現有圖像,則可以嘗試使用 RealFaviconGenerator、Favicon.cc 或 Favicon Generator 來創建站點圖標集。

– RealFaviconGenerator 和 Favicon Generator 可以幫助創建應用程序圖標,在 PNG 和 ICO 文件中提供WordPress 更改 Favicon ,甚至在上傳圖像後定制您的站點圖標,等等。

– Favicon.cc 有助於從頭開始構建站點圖標,如果您還沒有或從現有圖像上傳。

如何將 WordPress 網站圖標添加到您的網站(3 個簡單選項)

成功創建網站圖標後,您現在可以輕鬆地將其添加到您的網站。 現在讓我們探索 3 種方法:

使用 WordPress 定制器上傳您的網站圖標

從 WordPress 4.3 開始,您可以直接在管理面板上快速添加您的網站圖標。 上傳圖像後,您也可以對其進行裁剪。 請記住,圖像的尺寸至少為 512×512 像素。

所以你可以簡單地去你的 WordPress 區域,在你的側邊欄中找到Appearance -> 選擇自定義

wordpress 自定義外觀

接下來,單擊站點標識選項卡:

wordpress 網站標識

然後您可以看到站點圖標部分,然後單擊選擇站點圖標按鈕:

選擇站點圖標

之後,您可以選擇在媒體庫中選擇現有圖像或從計算機上傳新圖像。

要使用 RealFaviconGenerator 生成您的網站圖標,您必須下載軟件包並解壓縮文件。

不要忘記單擊“選擇”按鈕。

選擇 favicon thimpress

如果您的圖片超出標準尺寸,WordPress 也會幫助您進行裁剪。 但是,如果您的圖像符合標準尺寸,您只需要保存發布您的更改。 所以現在您可以在瀏覽器或智能手機上看到您的網站圖標。 特別是,如果您希望您的網站圖標出現在您的移動主屏幕上,您只需在瀏覽器菜單上選擇添加到主屏幕即可。

即使您打算更改 Favicon WordPress ,您也可以重做上述步驟並完成。

使用插件添加您的網站圖標 WordPress

Favicon 添加到 WordPress的第二種方法是安裝插件。 在本節中,我們建議使用 RealFaviconGenerator 的免費插件 Favicon。 這是一個簡單而有用的插件,具有數十種強大的設備和應用程序圖標功能。 因此,您可以通過管理儀表板查看安裝 WordPress 插件的方法:

安裝圖標插件

成功激活插件後,轉到您的管理區域,將鼠標懸停在側邊欄中的外觀-> 並選擇Favicon生成 favicon

與第一種方法類似,您可以從媒體庫中選擇上傳圖像。 請記住提交至少 70 x70 像素的方形圖片。 最推薦的尺寸是 260×260 像素。

從媒體庫中選擇

單擊Generate favicon 後,您將被導航到RealFaviconGenerator網站而不是 WordPress 網站。

因此,您可以單擊網站底部的生成您的收藏夾和 HTML代碼按鈕。 然後插件會將您帶回管理儀表板。

站點圖標生成器

該工具完成工作後,您可以看到您的WordPress Favicon已啟動並準備就緒,在 iOS、桌面或 Windows 8 和 10 上具有不同的外觀。

在 3 個屏幕中安裝站點圖標

通過 FTP 添加您的網站圖標

如果您想以具有挑戰性的方式添加您的網站圖標,您可以通過 FTP 來完成。 首先,您應該擁有自己的網站圖標圖像。 其次,我們將使用 RealFaviconGenerator 包來執行此方法。

1. 您應該通過 FTP 客戶端訪問您網站的文件。

2. 確定根目錄並上傳您的 favicon 包的內容。 它應該是 favicons.zip。

請注意所有文件(wp-admin 和 wp-content)都應該在同一個文件夾中。 這就是WordPress Favicon Change的全部內容。

使用 WordPress 網站圖標的其他提示

對於多站點網絡,我們強烈建議您安裝 favicon 插件。 通過編輯您的主題文件,它可以幫助您在每個網絡站點中擁有一個獨特且令人驚嘆的網站圖標。

基本上, WordPress Favicon將存儲在您的服務器上。 如果您希望有多種選項來優化您的站點,您可以使用 CDN 來提供此圖像。

這些是如何在 WordPress 中更改 Favicon 的一些提示,您可以參考。

最後的想法

希望您了解我們關於如何在 WordPress 中添加 Favicon及其好處的文章。 如果您有網站圖標,它將提高您的品牌知名度和用戶體驗。 有 3 種方法可以添加您的網站圖標,但第一種方法是最簡單的選項時的第一個建議。

閱讀更多:WordPress 用戶角色:它們是什麼以及如何使用它們?