如何輕鬆移除瀏覽器標籤上的 WordPress 圖標

WPressize Me

09/11/2022

你是否想從你網站的瀏覽器標籤中移除 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 視頻教程。你還可以在TwitterFacebook 上找到我們。



Related Posts

  • 2025-01-06
  • WordPress 基础知识

在经营网上商店时,Stripe提供了便利的支付方式,但其手续费可能会迅速累积,影响利润。在这篇文章中,我们将分享一些经过验证的策略,帮助您在不影响客户体验的情况下,减少WordPress中的Stripe交易费用。

閱讀更多
  • 2024-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-09-27
  • WordPress 基础知识

多年来,我们管理过数个 WordPress 多站点网络。实际操作中我们发现,拥有合适权限来管理所有网站的合适人员,可以极大地提高效率。而这正是超级管理员用户角色发挥作用的地方。然而,在 WordPress 多站点中添加超级管理员用户与在单一站点中添加新用户略有不同。对于初学者来说,这个过程可能有些困惑。文章中,我们将向您展示如何在 WordPress 多站点中添加超级管理员用户角色,提供两个简单的方法,并附加一些关于如何妥善保护 WordPress 多站点的技巧。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>