Jak łatwo usunąć ikonę WordPress z karty przeglądarki

Ikona WordPress, znana również jako favicon, domyślnie pojawia się w zakładce przeglądarki Twojej witryny.

Chociaż działa dobrze, gdy pracujesz nad nową witryną, wielu właścicieli witryn woli zastąpić go lub usunąć, aby lepiej odzwierciedlał tożsamość ich marki.

Zbudowaliśmy wiele stron internetowych w WordPress, w tym blogi i sklepy e-commerce, i zawsze zastępujemy domyślną ikonę ikoną favicon, która reprezentuje naszą markę.

Ta prosta zmiana pomogła nam wzmocnić tożsamość naszej marki, sprawić, że nasze witryny wyglądały na bardziej godne zaufania i poprawić ich ogólny wygląd wizualny.

W tym artykule pokażemy, jak łatwo usunąć ikonę WordPress z karty przeglądarki.

Dlaczego usuwać ikonę WordPress z karty przeglądarki?

Ikona WordPress w karcie przeglądarki może sprawić, że Twoja witryna będzie wyglądać generycznie i nieprofesjonalnie. Większość użytkowników ma otwartych wiele kart w przeglądarce, co może spowodować ukrycie tytułu Twojej witryny.

Mając tylko logo WordPress w zakładce, Twoi użytkownicy nie będą w stanie zidentyfikować Twojej witryny wśród wielu innych.

Usuwając ikonę WordPress z karty przeglądarki i dodając ikonę ulubionych (znaną również jako ikona witryny), możesz użyć swojego logo marki i sprawić, że Twoja witryna będzie bardziej przyjazna dla użytkowników.

Ikona favicon to maleńki obrazek, który pojawia się obok tytułu Twojej witryny w przeglądarce.

Ikona ulubionych (favicon) pomoże użytkownikom natychmiast rozpoznać Twoją stronę internetową i efektywnie przełączać się między różnymi kartami. Częściej odwiedzający nawet natychmiast rozpoznają ten maleńki obrazek w swojej przeglądarce.

Mając to na uwadze, przyjrzyjmy się, jak łatwo usunąć ikonę WordPress z karty przeglądarki. Dziś przyjrzymy się obu metodom i możesz wybrać tę, która najlepiej Ci odpowiada:

• Metoda 1: Usuwanie ikony WordPress bez wtyczki
• Metoda 2: Usuwanie ikony WordPress za pomocą wtyczki
• Bonus: Dodaj powiadomienie w karcie przeglądarki w WordPress
• Najczęściej zadawane pytania

Metoda 1: Usuwanie ikony WordPress bez wtyczki

Jeśli używasz motywu blokowego w WordPress, możesz użyć tej metody, aby usunąć ikonę WordPress z karty przeglądarki.

W momencie pisania tego poradnika, domyślny motyw WordPress, Twenty Twenty-Three, nie posiada bloku ikony witryny do zmiany ikony favicon z logo WordPress.

Najpierw musisz przejść do Wygląd » Edytor z panelu administracyjnego WordPress, aby otworzyć edytor całej witryny.

Jednak nie możesz stąd zmienić swojej ikony ulubionych ani usunąć ikony WordPress z karty przeglądarki. Aby to zrobić, skopiuj i wklej poniższy adres URL do przeglądarki, aby otworzyć narzędzie do dostosowywania motywu:

https://example.com/wp-admin/customize.php

Pamiętaj, aby zastąpić „example.com” nazwą domeny swojej witryny.

Ten adres URL przeniesie Cię do Personalizatora motywu, gdzie musisz kliknąć zakładkę „Tożsamość witryny”.

Gdy tam będziesz, przewiń w dół do sekcji „Ikona witryny”.

Stąd wystarczy kliknąć przycisk „Wybierz ikonę witryny”, aby otworzyć bibliotekę multimediów WordPress.

Teraz możesz wybrać dowolny obraz, którego chcesz użyć jako ikony ulubionych, aby zastąpić ikonę WordPress na karcie przeglądarki.

Więcej szczegółów na temat tworzenia favicon znajdziesz w naszym poradniku jak dodać favicon w WordPress. Jeśli obraz, który wybrałeś jako favicon, przekracza zalecany rozmiar, WordPress pozwoli Ci go przyciąć.

Gdy będziesz zadowolony z wyboru, po prostu kliknij przycisk „Opublikuj” na górze.

Usuń ikonę WordPress w motywie bez edycji całego obszaru witryny

Jeśli używasz klasycznego motywu, możesz bezpośrednio przejść do Personalizatora motywu, wybierając Wygląd » Dostosuj, aby usunąć ikonę WordPress z karty przeglądarki.

W witrynach, które nie obsługują edytora całej witryny, dostosowywanie motywu WordPress pozwala na zmianę szczegółów witryny, takich jak favicon, typografia, domyślne kolory, stopka i inne.

W narzędziu dostosowywania motywu kliknij zakładkę „Tożsamość witryny”. Proces jest taki sam, jak pokazaliśmy powyżej. Możesz usunąć ikonę WordPress, po prostu przesyłając ikonę witryny według własnego wyboru.

Gdy będziesz zadowolony z wyboru, po prostu kliknij przycisk „Opublikuj”, aby zapisać zmiany.

Metoda 2: Usuwanie ikony WordPress za pomocą wtyczki

Możesz również użyć wtyczki, aby usunąć ikonę WordPress i zastąpić ją favicon.

Najpierw musisz zainstalować i aktywować wtyczkę Heroic Favicon Generator. Więcej szczegółów znajdziesz w naszym przewodniku dla początkujących jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony Ustawienia » Heroic Favicon Generator z panelu administracyjnego WordPress i kliknij przycisk „Wybierz ikonę ulubioną”.

Spowoduje to otwarcie biblioteki multimediów WordPress. Teraz możesz wybrać i przesłać dowolny obraz, którego chcesz użyć jako ikony ulubionych.

Po wykonaniu tej czynności przewiń w dół do sekcji „Podglądy”, gdzie możesz zobaczyć, jak favicon będzie wyglądać na Twojej stronie internetowej WordPress.

Gdy będziesz zadowolony, po prostu przewiń w dół i kliknij przycisk „Zapisz zmiany”.

Pomyślnie usunąłeś ikonę WordPress i dodałeś w jej miejsce favicon.

Bonus: Dodaj powiadomienie w karcie przeglądarki w WordPress

Oprócz dodania niestandardowego favicon, aby przyciągnąć uwagę użytkowników, możesz również dodać powiadomienia na kartach przeglądarki dla swojej witryny, aby przyciągnąć klientów z powrotem.

Ta powiadomienie to wiadomość, która będzie wyświetlana w karcie przeglądarki, gdy użytkownik skupi się na innej stronie internetowej. Może pomóc zmniejszyć wskaźnik porzuceń koszyka i skierować więcej ruchu na Twoją stronę.

Możesz łatwo dodać powiadomienie na karcie przeglądarki w WordPressie za pomocą WPCode. Jest to najlepsza wtyczka fragmentów kodu WordPress na rynku, która sprawia, że dodawanie niestandardowego kodu do Twojej witryny jest bezpieczne i łatwe.

Po zainstalowaniu wtyczki wystarczy przejść do strony Code Snippets » + Add Snippet z paska bocznego administratora WordPress i kliknąć „Use Snippet” w opcji „Add Your Custom Code (New Snippet)”.

Spowoduje to przejście do strony „Utwórz niestandardowy fragment”, gdzie musisz wybrać „Fragment JavaScript” jako „Typ kodu” z menu rozwijanego po prawej stronie.

Następnie dodaj następujący niestandardowy kod do pola „Podgląd kodu”:

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 );

Na koniec kliknij przycisk „Zapisz fragment” i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Pomyślnie dodałeś powiadomienie na karcie przeglądarki do swojej witryny, które będzie wyświetlać liczbę nowych aktualizacji.

Jeśli chcesz wyświetlić komunikat lub zmienić ikony ulubione na karcie przeglądarki, zapoznaj się z naszym pełnym samouczkiem na temat jak łatwo dodać powiadomienia na karcie przeglądarki w WordPressie.

Najczęściej zadawane pytania

Oto kilka pytań, które często zadają nasi czytelnicy dotyczące usuwania ikony WordPress z karty przeglądarki:

Czym jest ikona WordPress na karcie przeglądarki?

Małe logo, które widzisz obok tytułu strony w zakładce przeglądarki, nazywa się favicon lub ikoną witryny.

W WordPress zazwyczaj ustawia się to w sekcji Ustawienia » Ogólne (lub Wygląd » Dostosuj » Tożsamość witryny). Jeśli jej nie dostosowałeś, WordPress używa tam swojego domyślnego logo.

Chociaż może się to wydawać drobnostką, ten maleńki obraz pomaga użytkownikom szybko zidentyfikować Twoją witrynę wśród wielu kart. Pozostawienie domyślnej ikony może sprawić, że Twoja witryna będzie wyglądać generycznie i może zaszkodzić rozpoznawalności Twojej marki.

Dlaczego nadal widzę ikonę WordPress, nawet po jej usunięciu?

Jeśli zastąpiłeś lub usunąłeś ikonę ulubionych WordPress, ale nadal się wyświetla, nie martw się – to częsty problem. Zazwyczaj dzieje się tak, ponieważ Twoja przeglądarka lub strona internetowa nadal serwuje buforowaną wersję starej ikony.

Oto kilka rzeczy, które możesz sprawdzić:

• Wyczyść pamięć podręczną przeglądarki i pamięć podręczną witryny: Przeglądarki mają tendencję do agresywnego przechowywania obrazów favicon. Spróbuj wyczyścić pamięć podręczną przeglądarki lub odświeżyć stronę za pomocą Ctrl + F5 (Windows) lub Command + Shift + R (Mac).
• Wyczyść pamięć podręczną CDN: Jeśli Twoja witryna jest połączona z siecią dostarczania treści (CDN), taką jak Cloudflare, może ona serwować starszą wersję Twojej ikony ulubionej. Zaloguj się na swoje konto CDN i wyczyść pamięć podręczną, aby upewnić się, że Twoja nowa ikona jest wyświetlana.
• Sprawdź nadpisania motywu lub wtyczki: Niektóre motywy i wtyczki mają własne ustawienia ikony ulubionej, które mogą nadpisać globalną ikonę witryny. Upewnij się, że ikona ulubiona nie jest ustawiona w opcjach motywu ani wtyczki, takiej jak kreator stron lub narzędzie SEO.
• Usuń zakodowane linki do favicon: W rzadkich przypadkach favicon może być zakodowany na stałe w pliku header.php Twojego motywu. Poszukaj tagów <link rel="icon"...> lub <link rel="shortcut icon"...> i usuń lub zaktualizuj je w razie potrzeby.

Po wprowadzeniu tych zmian odśwież swoją witrynę w oknie przeglądarki incognito lub prywatnej, aby sprawdzić, czy nowa ikona ulubionych jest wyświetlana poprawnie.

Jakie kroki powinienem podjąć, aby upewnić się, że moja ikona ulubionych (favicon) wyświetla się poprawnie na wszystkich urządzeniach?

Użycie odpowiedniego formatu i rozmiaru ikony favicon pomaga zapewnić jej poprawne wyświetlanie na wszystkich urządzeniach i w przeglądarkach. Jeśli Twoja ikona favicon wygląda na rozmytą lub nie aktualizuje się poprawnie, postępuj zgodnie z poniższymi najlepszymi praktykami:

• Używaj kwadratowych obrazów o wymiarach co najmniej 512×512 pikseli
• Dołącz plik .ico dla kompatybilności
• Dodaj poprawne tagi HTML <link rel="icon"> w nagłówku swojej witryny
• Wyczyść pamięć podręczną przeglądarki i witryny

Postępując zgodnie z tymi wskazówkami, Twój favicon będzie wyświetlany poprawnie, będzie wyglądał ostro i pomoże wzmocnić tożsamość marki Twojej witryny.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak usunąć ikonę WordPress z karty przeglądarki. Możesz również zapoznać się z naszym przewodnikiem dla początkujących na temat jak uzyskać opinię na temat projektu strony internetowej w WordPress oraz naszymi najlepszymi przykładami stron internetowych WordPress, które powinieneś sprawdzić.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.