如何輕鬆移除瀏覽器標籤上的 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

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

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