Vill du ta bort WordPress icon från webbläsarens tabb på din website?
Genom att remove WordPress icon och ersätta den med din custom favicon kan you öka igenkänningen av ditt varumärke bland customers, personalisera din website och förbättra dess visuella tilltal.
I den här artikeln visar vi dig hur du enkelt kan ta bort WordPress icon från webbläsarens tabs.
Varför ta bort WordPress iconen från webbläsarens tabs?
WordPress icon på din webbläsares tab kan få din website att se generisk och oprofessionell ut. De flesta användare har många tabbar öppna i sin webbläsare, vilket kan leda till att titeln på din website döljs.
Med bara WordPress logotypen i tabben kommer dina användare inte att kunna identifiera din site, bland många andra.
Genom att ta bort WordPress-ikonen från webbläsarens tabb och lägga till en favicon (även kallad din webbplatsikon) kan du använda din varumärkeslogotyp och göra din webbplats mer användarvänlig för dina besökare.
En favicon är en liten image som visas bredvid rubriken på din website i webbläsaren.
Favicon hjälper dina användare att omedelbart känna igen din website och växla mellan olika tabs på ett effektivt sätt. Mer frekventa visitors kommer till och med att bygga omedelbar igenkänning för den lilla image på din webbläsare.
Med det sagt, låt oss ta en titt på hur du enkelt kan ta bort WordPress icon från webbläsarens tab. Idag kommer vi att ta en titt på all två metoder, och du kan välja den som känns rätt för dig:
Metod 1: Ta bort WordPress Icon utan ett plugin
Om du använder ett block theme i WordPress kan du använda den här metoden för att ta bort WordPress icon i en flik i webbläsaren.
När denna tutorial skrivs har standardtemat för WordPress, Twenty Twenty-Three, inte ett block för site icons för att ändra din favicon bort från WordPress-logotypen.
Först måste du navigera till Appearance ” Editor från din WordPress admin dashboard för att öppna hela site editor.
Du kan dock inte ändra din favicon härifrån eller ta bort WordPress icon från webbläsarens tabs. För att göra detta, copy and paste URL:en under i din webbläsare för att öppna upp theme customize:
https://example.com/wp-admin/customize.php
Kom ihåg att ersätta ”example.com” med din egen sites domain name.
Denna URL tar dig till Theme Customize, där du måste klicka på tabben ”Site Identity”.
När du är där rullar du ner till sectionen ”Site Icon”.
Härifrån klickar du bara på knappen ”Select Site Icon” för att öppna mediabiblioteket i WordPress.
Nu kan du välja vilken image som helst som du vill använda som favicon för att ersätta WordPress icon på webbläsarens tabs.
För mer detaljer om hur du skapar en favicon kan du kontrollera vår tutorial om hur du lägger till en favicon i WordPress. Om den image som du har valt att använda som favicon överskrider den rekommenderade storleken, kommer WordPress att allow you att cropa den.
När du är nöjd med ditt val klickar du bara på knappen ”Publicera” högst upp.
Ta bort WordPress-ikonen i ett tema utan Full Site Editing
Om du använder ett klassiskt theme kan du direkt navigera till Theme Customize kl Appearance ” Customize för att ta bort WordPress icon från webbläsarens tabs.
På webbplatser som inte stöder hela site editor, WordPress tema customizer allows you to change details about your site, such as the favicon, typography, default colors, footer, and more.
När du är i Theme Customize klickar du på tabben ”Site Identity”. Processen är densamma som den vi visade ovan. Du kan helt enkelt remove WordPress icon genom att uploada en webbplatsikon som du själv väljer.
När du är nöjd med ditt val klickar du bara på knappen ”Publicera” för att save ändringarna.
Metod 2: Ta bort WordPress Icon med hjälp av ett tillägg
Du kan också använda ett plugin för att ta bort WordPress-ikonen och ersätta den med en favicon.
Först måste du installera och aktivera pluginet Heroic Favicon Generator. För mer detaljer, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.
Efter aktivering, besök Settings ” Heroic Favicon Generator page från WordPress dashboard och klicka på knappen ”Select Favicon”.
Detta kommer att öppna mediabiblioteket i WordPress. Nu kan du välja och uppladare vilken image som helst som du vill använda som favicon.
När du har gjort det rullar du ner till sektionen ”Previews”, där du kan se hur faviconen kommer att se ut på din WordPress website.
När du är nöjd rullar du bara ner och klickar på knappen ”Save Changes”.
Du har utan problem tagit bort WordPress icon och lagt till en favicon i stället.
Bonus: Add to Browser Tab Notification i WordPress
Förutom att lägga till en custom favicon för att fånga användarens uppmärksamhet, kan du också lägga till aviseringar om webbläsare tabs för din webbplats för att få tillbaka kunder.
Denna notification är ett message som visas i din webbläsares tabs när användaren fokuserar på en annan website. Det kan hjälpa till att minska antalet övergivna cart och driva mer trafik till din site.
Du kan enkelt add to en browser tab notification i WordPress med hjälp av WPCode. Det är det bästa WordPress code snippets plugin på marknaden som gör det säkert och enkelt att lägga till custom code på din website.
När du har installerat plugin behöver du bara besöka Code Snippets ” + Add Sn ippet-sidan från WordPress admin sidofält och klicka på ”Use Snippet” under alternativet Add Your Custom Code (New Snippet).
Detta tar dig till sidan ”Create Custom Snippet”, där du måste välja ”JavaScript Snippet” som ”Code Type” från dropdown-menyn till höger.
Följ detta och add to följande custom code i boxen ”Code Preview”:
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 );
Slutligen clickar du på knappen ”Save Snippet” och togglar ”Inaktiverad” till ”Aktiv”.
Du har nu utan problem add to en browser tab notification till din website som visar antalet new updates.
Om du vill visa ett message eller ändra favicons i din webbläsarflik kan du se vår fullständiga tutorial om hur du enkelt lägger till notifieringar i webbläsarfliken i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du tar bort WordPress icon från webbläsarens tabs. Du kanske också vill se vår ultimata guide till sökmotorsoptimering för WordPress för att förbättra din ranking, och kontrollera vår artikel om hur du enkelt flyttar din blogg från WordPress.com till WordPress.org.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!