你是否想從你網站的瀏覽器標籤中移除 WordPress 圖標?在移除 WordPress 圖標並替換為自訂的圖標後,你可以提升品牌認知度,個性化你的网站,並增強其視覺吸引力。
在本文中,我們將展示如何輕鬆移除瀏覽器標籤上的 WordPress 圖標。
為什麼要移除瀏覽器標籤上的 WordPress 圖標?
瀏覽器標籤上的 WordPress 圖標會讓你的网站看起來非常一般和不專業。大多數用戶在瀏覽器中會打開多個標籤,這可能導致你的网站標題被隱藏。僅有 WordPress 圖標在標籤上,用戶將無法在多個網站中識别你的网站。
通過移除瀏覽器標籤上的 WordPress 圖標並添加一個網站圖標(也稱為 favicon),你可以使用你的品牌標誌,使你的网站對訪客更具友好性。favicon 是出現在瀏覽器標籤上网站標題旁邊的一個小圖像。
方法 1:不使用插件移除 WordPress 圖標
如果你使用的是 WordPress 的區塊主題,那麼你可以使用此方法來移除瀏覽器標籤上的 WordPress 圖標。在撰寫本教程時,預設的 WordPress 主題 Twenty Twenty-Three 未包含用于更改 favicon 的網站圖標區塊。
首先,你需要從 WordPress 管理員儀表板中導航到 外觀 » 編輯器 以打開完整網站編輯器。然而,你無法在此處更改 favicon 或移除瀏覽器標籤上的 WordPress 圖標。為此,請將以下網址拷貝粘貼到你的瀏覽器中以打開主題客製化工具:
https://example.com/wp-admin/customize.php
請記得將‘example.com’替換為你自己的網站域名。
該 URL 將帶你進入主題客製化工具,在這裡你需要點擊‘網站身份’標籤。然後,向下滾動到‘網站圖標’區塊。
在這裡,簡單地點選‘選擇網站圖標’按鈕以打開 WordPress 媒體庫。你現在可以選擇任意圖片作為網站圖標來替換瀏覽器標籤上的 WordPress 圖標。如果你選擇的圖片超過建議的大小,WordPress 會允許你裁剪它。一旦你滿意你的選擇,簡單地點擊頂部的‘發布’按鈕。
在沒有完整網站編輯的主題中移除 WordPress 圖標
如果你使用的是一個傳統主題,那麼你可以直接導航到 外觀 » 自訂 來移除瀏覽器標籤上的 WordPress 圖標。對於不支持完整網站編輯的網站,WordPress 主題客製化工具允許你更改網站的詳細信息,例如 favicon、字體、預設顏色、頁腳等。
一旦進入主題客製化工具,點選‘網站身份’標籤。過程與上文中展示的一樣。你可以通過上傳你所選的網站圖標來移除 WordPress 圖標。一旦你對選擇滿意,簡單地點擊‘發布’按鈕以保存變更。
方法 2:使用插件移除 WordPress 圖標
你還可以使用插件來移除 WordPress 圖標並替換為網站圖標。首先,你需要安裝並啟用 Heroic Favicon Generator 插件。更多詳細信息,請參閱我們的初學者指南‘如何安裝 WordPress 插件’。
啟用後,訪問 設置 » Heroic Favicon Generator 頁面,並點擊‘選擇 Favicon’按鈕。這將打開 WordPress 的媒體庫。現在,你可以選擇並上傳任意圖片作為網站圖標。
完成後,向下滾動到‘預覽’區塊,你可以看到網站圖標在你的 WordPress 網站上的效果。一旦滿意,簡單地向下滾動並點擊‘保存變更’按鈕。你已成功移除了 WordPress 圖標並用網站圖標替代。
附贈:在 WordPress 中添加瀏覽器標籤通知
除了添加自訂的網站圖標以吸引用戶注意外,你還可以為網站添加瀏覽器標籤通知以吸引客戶回流。這個通知是一個消息,當用戶專注於其他網站時,將顯示在瀏覽器標籤中。這可以幫助降低購物車放棄率並為你的网站吸引更多流量。
你可以很輕鬆地使用 WPCode 添加瀏覽器標籤通知。這是市場上最好的 WordPress 代碼片段插件,能安全且簡單地將自定義代碼添加到你的網站。安裝插件後,你只需從 WordPress 管理員側欄導航到 代碼片段 » + 添加代碼片段 頁面,然後在‘添加自訂代碼(新片段)’選項下點選‘使用片段’。
這將帶你到‘創建自訂片段’頁面,你需從右側的下拉菜單中選擇‘JavaScript 片段’作為‘代碼類型’。之後,將以下自定義代碼添加到‘代碼預覽’框中:
let count = 0;
const title = document.title;
function changeTitle() {
count++;
var newTitle = '(' + count + ') ' + title;
document.title = newTitle;
}
function newUpdate() {
const update = setInterval(changeTitle, 2000);
}
document.addEventListener('DOMContentLoaded', newUpdate );
最後,點擊‘保存片段’按鈕並將‘非活動’開關切換到‘活動’。
現在,你已成功為你的网站添加了一個瀏覽器標籤通知,該通知將顯示新的更新數量。如果你想要在瀏覽器標籤中顯示消息或更改網站圖標,你可以參考我們的完整教程‘如何輕鬆在 WordPress 中添加瀏覽器標籤通知’。
我們希望這篇文章幫助你學會如何移除瀏覽器標籤上的 WordPress 圖標。你可能還想查看我們的終極 WordPress SEO 指南來提升排名,以及查看我們的文章‘如何輕鬆將博客從 WordPress.com 移至 WordPress.org’。
如果你喜歡這篇文章,請訂閱我們的YouTube 頻道以獲取 WordPress 視頻教程。你還可以在Twitter 和 Facebook 上找到我們。