Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać ikonę witryny do swojego bloga WordPress (łatwe metody)

Kiedy spojrzysz na kartę przeglądarki swojego nowego bloga, możesz zauważyć maleńką ikonę favicon z logo WordPress obok nazwy Twojej witryny.

Ponieważ jest to domyślne ustawienie dla nowych stron WordPress, jest to częsty widok, ale także stracona okazja do wzmocnienia tożsamości Twojej marki.

Dowiedzieliśmy się, że wiele osób odkłada dodanie ikony ulubionych, ponieważ myślą, że wymaga to umiejętności projektowania lub wiedzy programistycznej.

Prawda jest taka, że jest to znacznie prostsze, zwłaszcza dzięki nowoczesnym funkcjom WordPressa.

Dzisiaj przeprowadzimy Cię przez najprostsze sposoby dodania własnej favicon do Twojej witryny WordPress. Te metody są przyjazne dla początkujących i działają na wszystkich głównych motywach.

Dodaj ikonę witryny do swojego bloga WordPress

💡Szybka odpowiedź: Jak dodać ikonę ulubionych w WordPressie

Oto główne metody dodawania ikony ulubionych do Twojej witryny WordPress:

  • Metoda 1: Dostosowywanie WordPressa – Najlepsza dla początkujących, którzy chcą szybkie, wbudowane rozwiązanie bez instalowania żadnych wtyczek.
  • Metoda 2: Edytor pełnej witryny WordPress – Idealna, jeśli Twój motyw obsługuje edycję pełnej witryny i chcesz mieć większą kontrolę nad tym, gdzie pojawia się ikona ulubionych.
  • Metoda 3: Wtyczka ikony ulubionych WordPress – Świetna dla użytkowników, którzy chcą dodatkowych opcji dostosowywania lub łatwiejszego sposobu zarządzania ikonami ulubionych na wielu witrynach.
  • Metoda 4: Ręczne przesłanie za pomocą kodu – Najlepsza dla zaawansowanych użytkowników, którzy czują się komfortowo z edycją plików motywu lub motywów potomnych, co daje pełną kontrolę nad umiejscowieniem i obsługą plików.

Dlaczego warto dodać ikonę witryny do swojego bloga WordPress?

Ikona ulubionych jest niezbędna dla Twojego bloga WordPress, ponieważ pomaga użytkownikom szybko zidentyfikować Twoją witrynę i wzmacnia tożsamość Twojej marki. Z tej małej ikony odwiedzający witrynę mogą łatwo rozpoznać Twój blog.

Oto jak wygląda ikona ulubionej w przeglądarce internetowej:

WPBeginner favicon

Innym celem ikony favicon WordPress jest poprawa doświadczenia użytkownika. Gdy otwartych jest wiele kart, użytkownicy mogą spojrzeć na ikony favicon, aby wiedzieć, na której stronie się znajdują i przełączyć się na tę, którą chcą.

Jeśli użytkownicy dodadzą ikonę skrótu lub zakładkę do Twojego bloga na swoich urządzeniach mobilnych, ikona strony (favicon) pojawi się jako ikona aplikacji na ich ekranie głównym. Ułatwia to dostęp do Twojej witryny za pomocą jednego dotknięcia.

Jak stworzyć favicon dla swojego bloga WordPress

Najpierw nauczmy się, jak stworzyć dobrą ikonę ulubionych dla swojego bloga.

Idealny rozmiar ikony ulubionych WordPress to kwadratowy obraz o wymiarach do 512 pikseli szerokości i wysokości. Format obrazu ikony ulubionych może być ICO, JPEG, PNG lub GIF.

SVG jest również popularnym formatem dla ikon ulubionych, ale WordPress domyślnie ich nie akceptuje. Mimo to, możesz skonfigurować WordPress, aby zezwolić na dodawanie plików SVG.

Jeśli prowadzisz blog firmowy, możesz użyć logo swojej marki jako ikony favicon. Jeśli jeszcze go nie masz, zapoznaj się z naszym przewodnikiem dla początkujących na temat jak stworzyć logo dla swojej strony internetowej.

Jeśli masz gotowe logo, ale chcesz usunąć tło, możesz użyć programu Photoshop lub darmowego narzędzia do edycji obrazów z automatycznym usuwaniem tła. Upewnij się tylko, że format pliku to PNG, aby zachować przezroczystość ikony.

Inną opcją, której możesz użyć, jest darmowy generator ikon witryny, taki jak Favicon.io. To narzędzie pozwala na stworzenie ikony witryny od podstaw i pobranie plików w formacie PNG i ICO.

Mając to na uwadze, oto jak łatwo dodać ikonę witryny do swojego bloga WordPress. Omówimy 4 metody, a Ty możesz kliknąć poniższe linki, aby przejść do metody, której chcesz użyć:

Gotowi? Zacznijmy.

Metoda 1: Dodawanie ikony za pomocą narzędzia dostosowywania WordPress

Jest to najłatwiejsza metoda zmiany ikony w WordPressie i jest zalecana dla użytkowników z motywami klasycznymi. Wystarczy przesłać obraz, a WordPress zajmie się resztą.

Najpierw przejdź do Wygląd » Dostosuj w swoim panelu WordPress.

Dostosowywanie WordPress

Jeśli używasz nowoczesnego motywu blokowego i nie możesz znaleźć narzędzia Dostosuj, powinieneś przejść do Metody 2 poniżej lub zapoznać się z naszym przewodnikiem jak naprawić brakujący moduł Dostosuj motyw w panelu administracyjnym WordPress.

Następnie kliknij zakładkę „Tożsamość witryny” w lewym pasku bocznym.

Wybór zakładki Tożsamość witryny w Narzędziu do dostosowywania motywów WordPress

Tutaj zobaczysz opcje dostosowywania „Logo witryny”, „Tytuł witryny”, „Hasło” i „Ikona witryny”.

Jeśli chcesz dodać faviconę witryny, musisz przewinąć w dół do sekcji „Ikona witryny” i kliknąć „Wybierz ikonę witryny”.

Wybór opcji 'Wybierz ikonę witryny' w zakładce Tożsamość witryny w Narzędziu do dostosowywania motywu

Teraz pojawi się Biblioteka Mediów WordPress. Możesz wybrać istniejący obraz lub przesłać nową, niestandardową ikonę witryny z komputera.

W tym przykładzie użyjemy logo WPBeginner jako ikony witryny WordPress.

Wybór logo WPBeginner jako ikony witryny WordPress

Po wybraniu obrazu kliknij przycisk „Wybierz” w prawym dolnym rogu okna.

Jeśli ikona jest większa niż zalecany rozmiar, WordPress pozwoli Ci przyciąć. Jeśli dokładnie odpowiada zalecanemu rozmiarowi, możesz ją zostawić tak, jak jest.

Gdy obraz będzie wyglądał dobrze, kliknij „Przytnij obraz”.

Przycinanie ikony strony (favicon) bloga WordPress

Po tym zostaniesz przekierowany z powrotem do narzędzia dostosowywania WordPress. Tutaj możesz zakończyć konfigurację ikony ulubionej, klikając przycisk „Opublikuj” w lewym pasku bocznym.

To wszystko! Teraz, gdy przesłałeś swoją ikonę, odwiedź swoją stronę WordPress, aby sprawdzić, czy jest już widoczna.

Metoda 2: Dodawanie ikony za pomocą Edytora Witryny WordPress

Jeśli używasz motywu blokowego i chcesz dodać logo swojej marki zarówno jako część nagłówka witryny, jak i ikonę witryny, ta metoda jest dla Ciebie.

W tym celu musisz przejść do Wygląd » Edytor z panelu administracyjnego WordPress.

Wybieranie Edytora Pełnej Witryny z panelu administracyjnego WordPress

Na tej stronie znajdziesz kilka menu do personalizacji swojej witryny, w tym „Nawigacja” i „Style”.

W tym samouczku musisz kliknąć „Wzorce”, aby uzyskać dostęp do wzorca bloku nagłówka Twojej witryny.

Wybieranie wzorów w edytorze pełnej witryny WordPress

Po przewinięciu w dół zobaczysz kilka części szablonu: 'Nagłówek', 'Stopka' i 'Ogólne'.

Po prostu kliknij szablon „Nagłówek”, aby dodać tam swoją ikonę witryny.

Wybieranie wzorca nagłówka w edytorze pełnej witryny WordPress

Następnie po prostu kliknij wpis „Nagłówek”, aby rozpocząć edycję części szablonu.

Jesteś teraz w Edytorze Witryny WordPress.

Kliknięcie przycisku ołówka w celu edycji nagłówka za pomocą Edytora Pełnej Witryny

Stąd możesz kliknąć przycisk dodawania bloku „+” i wyszukać blok „Logo witryny”.

Tutaj dodasz obraz, który stanie się Twoją ikoną WordPress.

Otwarcie wstawiacza bloków w celu znalezienia bloku Logo witryny

Bez problemu możesz przeciągnąć i upuścić blok tam, gdzie chcesz go umieścić w nagłówku. W tym przykładzie umieściliśmy go obok tytułu witryny.

Następnym krokiem będzie kliknięcie ikony przesyłania w bloku „Logo witryny”.

Kliknięcie przycisku Prześlij w bloku Logo witryny w celu wstawienia ikony ulubionych bloga WordPress

Podobnie jak w poprzedniej metodzie, możesz wybrać istniejący obraz lub przesłać nowy z Biblioteki Mediów WordPress.

Następnie musisz przejść do paska bocznego ustawień bloku po prawej stronie strony. Wystarczy włączyć ustawienie „Użyj jako ikonę witryny”, aby dodać logo jako favicon.

Aktywowanie opcji Użyj jako ikony witryny na bocznym pasku ustawień bloku

Na koniec możesz kliknąć przycisk „Zapisz” w prawym górnym rogu strony, aby opublikować swoją ikonę strony (favicon).

Zobaczysz ostrzeżenie, że zmiana wpłynie na całą witrynę. Upewnij się tylko, że pole „Ikona” jest zaznaczone, i kliknij ponownie „Zapisz”.

Zaznaczenie pola Ikona podczas zapisywania obrazu jako ikony ulubionych WordPress w edytorze pełnej witryny

Teraz, gdy przeszliście przez wszystkie kroki, możecie otworzyć swoją stronę internetową, aby potwierdzić, że zmiana zakończyła się sukcesem.

Metoda 3: Dodawanie ikony witryny za pomocą wtyczki ikony witryny WordPress

Jeśli wolisz używać wtyczki favicon WordPress, możesz postępować zgodnie z tą metodą, aby użyć darmowej wtyczki Favicon by RealFaviconGenerator.

Najpierw musisz zainstalować i aktywować wtyczkę. Więcej szczegółów znajdziesz w naszym przewodniku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do sekcji Wygląd » Ikona w swoim panelu WordPress.

Następnie po prostu kliknij przycisk „Wybierz z Biblioteki Mediów”, aby przesłać nowy obraz lub użyć istniejącego.

Nawigacja do wtyczki Favicon by RealFaviconGenerator w panelu WordPress

Pamiętaj, że będziesz potrzebować kwadratowego obrazka. Wtyczka zaleca, aby rozmiar ikony witryny wynosił co najmniej 260 pikseli szerokości i wysokości, ale nie mniej niż 70 pikseli.

Po wybraniu obrazu kliknij przycisk „Wygeneruj faviconę”.

Kliknięcie przycisku Generuj ikonę witryny na stronie wtyczki Favicon by RealFaviconGenerator

Po tym wtyczka przekieruje Cię na stronę RealFaviconGenerator, aby edytować faviconę.

Możesz dostosować różne ustawienia, takie jak kolor tła i wygląd na stronach wyników wyszukiwania Google (SERP), iOS, Android, macOS Safari, Chrome i Windows Metro.

Edytowanie wyglądu ikony witryny za pomocą narzędzia Favicon by RealFaviconGenerator

W sekcji „Opcje generatora ikon witryny” możesz zaznaczyć pole, aby sprawdzić, czy Twoja witryna używała już ikony witryny. Jeśli tak, po prostu wprowadź liczbę w drugim polu, aby wskazać używaną wersję ikony witryny.

W ten sposób użytkownicy, którzy odwiedzili Twoją witrynę wcześniej, zobaczą nowy favicon zamiast starego.

Gdy wszystko będzie wyglądać dobrze, wystarczy kliknąć przycisk „Wygeneruj swoje Favicony i kod HTML”, aby dodać favicon do swojej witryny WordPress.

Generowanie ikony favicon bloga WordPress za pomocą narzędzia Favicon by RealFaviconGenerator

Twoja ikona witryny powinna być teraz widoczna. Upewnij się, że wtyczka ikony witryny WordPress jest aktywna, aby ikona była zawsze włączona.

Metoda 4: Ręczne dodawanie Favicon do Twojego bloga WordPress

Wreszcie, możesz dodać ikonę ulubionych WordPress do swojego bloga, ręcznie edytując pliki kodu motywu.

Jest to pomocne, jeśli Twój dostosowywacz motywu nie ma sekcji „Tożsamość witryny” lub używasz motywu blokowego i chcesz inną ikonę strony (favicon) niż logo witryny.

Najprostszym i najbezpieczniejszym sposobem edycji plików kodu motywu jest wtyczka WPCode.

To najlepsza wtyczka do fragmentów kodu dla początkujących. Używaliśmy jej sami i stwierdziliśmy, że pozwala bezpiecznie wstawiać niestandardowy kod, nie psując Twojej witryny.

Szczegółowe informacje znajdziesz w naszej pełnej recenzji WPCode, gdzie szczegółowo omówiliśmy jego funkcje.

Strona główna WPCode

Kolejną wspaniałą rzeczą w WPCode jest to, że jeśli zaktualizujesz swój motyw, nie stracisz modyfikacji kodu, w tym swojej ikony ulubionej.

Uwaga: W tym przewodniku możesz użyć darmowej wersji WPCode. Jednak z subskrypcją Pro uzyskasz dostęp do funkcji, takich jak inteligentna logika warunkowa i integracje z innymi firmami, aby efektywniej zarządzać swoim kodem.

Aby rozpocząć, musisz zainstalować i aktywować WPCode. Więcej informacji znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Następną rzeczą, którą musisz zrobić, jest przygotowanie plików ikony witryny. Do tego możesz użyć darmowego generatora ikon witryny, takiego jak Favicon.io.

Na stronie internetowej możesz kliknąć „Obraz”, aby przekonwertować plik obrazu na plik zip i kod HTML. Alternatywnie, możesz użyć opcji „Emoji” lub „Tekst”, aby utworzyć favicon przy użyciu dostępnych emotikonów i czcionek.

Wybór opcji Obraz w Favicon.io

Na następnej stronie możesz przesłać swój obraz. Następnie kliknij „Pobierz”, aby zapisać plik zip z ikoną ulubionych, który zawiera pliki favicon.png i favicon.ico.

Upewnij się, że ta strona internetowa pozostaje otwarta podczas wykonywania kolejnych kroków.

Pobieranie nowo wygenerowanej ikony favicon z Favicon.io

Teraz musisz przesłać plik zip favicon do głównego katalogu Twojej witryny. Aby to zrobić, możesz użyć menedżera plików swojego hostingu WordPress.

Alternatywnie, możesz to zrobić za pomocą klienta FTP, takiego jak FileZilla. Więcej informacji znajdziesz w naszym przewodniku dla początkujących jak używać FTP do przesyłania plików do WordPress.

Po otwarciu plików swojej witryny za pomocą menedżera plików lub FTP, przejdź do katalogu głównego.

Katalog główny WordPress to zazwyczaj folder o nazwie „public” lub „public_html” i zawiera ważne foldery WordPress, takie jak wp-content i wp-admin.

Przykład tego, jak może wyglądać katalog główny WordPress w Bluehost

W tym momencie możesz wyodrębnić i przesłać całą zawartość pliku ikony strony (favicon), którą wcześniej pobrałeś, do katalogu głównego.

Jeśli korzystasz z Menedżera plików, możesz kliknąć przycisk „Prześlij” w pobliżu góry.

Kliknięcie przycisku Prześlij w Menedżerze plików Bluehost

Następnie pojawi się nowa karta z prośbą o przesłanie plików.

Na tej stronie możesz kliknąć przycisk „Wybierz plik” i wybrać wszystkie pliki favicon.

Wstawianie plików do menedżera plików Bluehost

Teraz po prostu poczekaj na pomyślne przesłanie plików.

Po zakończeniu możesz wrócić do karty menedżera plików. Powinieneś teraz zobaczyć wszystkie pliki favicon w katalogu głównym, tak jak na poniższym zrzucie ekranu:

Jak wygląda katalog główny po przesłaniu plików favicon

Teraz wróćmy do panelu administracyjnego WordPress.

W lewym pasku bocznym przejdź do Fragmenty kodu » Nagłówek i stopka.

Wklej kod w sekcji Nagłówek w WPCode

Następnie wróć do wcześniej otwartej karty Favicon.io.

Następnie musisz skopiować kod HTML stamtąd. Powinien zawierać 4 tagi link rel w kodzie.

Kopiowanie kodu HTML z Favicon.io

Następnie musisz wrócić do WordPressa i wkleić kod do sekcji „Nagłówek” strony WPCode. Spowoduje to dodanie kodu do pliku header.php Twojej witryny.

W fragmencie kodu poszukaj atrybutów href. Musisz zastąpić prostą nazwę pliku pełnym adresem URL Twojej witryny, po którym następuje nazwa pliku (np. https://yoursite.com/favicon.png).

Upewnij się, że znaki cudzysłowu pozostają nienaruszone, aby uniknąć błędów.

Wstawianie kodu HTML z Favicon.io do sekcji Nagłówek i Stopka WPCode

Na koniec możesz kliknąć przycisk „Zapisz zmiany” w prawym górnym rogu.

I to wszystko! Nie zapomnij odwiedzić swojej witryny, aby sprawdzić, czy zmiana favicon zakończyła się sukcesem.

Dlaczego moja ikona ulubionych w WordPressie się nie wyświetla?

Jeśli przesłałeś favicon, ale nie pojawia się on na Twojej stronie, nie martw się – nie jesteś sam.

Jest to częsty problem, który może wystąpić z kilku prostych powodów i zazwyczaj łatwo go naprawić.

Oto, co należy sprawdzić:

  • Wyczyść pamięć podręczną przeglądarki: Przeglądarki często przechowują stare dane witryny. Wyczyść pamięć podręczną, aby zazwyczaj rozwiązać problem. Możesz postępować zgodnie z naszym przewodnikiem po czyszczeniu pamięci podręcznej przeglądarki, aby uzyskać instrukcje krok po kroku.
  • Wyczyść pamięć podręczną CDN: Jeśli korzystasz z CDN, może on serwować starą ikonę witryny. Wyczyszczenie pamięci podręcznej CDN zapewnia wyświetlenie najnowszej ikony Twojej witryny.
  • Sprawdź w trybie incognito: Otwórz swoją witrynę w prywatnym oknie, aby potwierdzić, że ikona witryny została poprawnie przesłana.
  • Prześlij ponownie z inną nazwą pliku: Jeśli instalacja się nie powiodła, zmiana nazwy pliku ikony witryny i ponowne przesłanie może rozwiązać problem.
  • Napraw błędy mieszanej zawartości: Jeśli Twoja witryna zawiera mieszaną zawartość HTTP i HTTPS, ikona witryny może się nie pojawić. Zapoznaj się z naszym przewodnikiem na temat naprawiania błędów mieszanej zawartości w WordPress.
  • Sprawdź ikony dostawcy hostingu: Czasami zamiast tego wyświetla się domyślna ikona witryny dostawcy hostingu. Skontaktuj się z ich pomocą techniczną, jeśli tak się stanie.
  • Zweryfikuj narzędzia do ikon witryny specyficzne dla motywu: Niektóre motywy mają dedykowaną opcję przesyłania ikony witryny. Upewnij się, że ustawienia Twojego motywu nie zastępują domyślnej ikony witryny WordPress.

💡Profesjonalna wskazówka: Korzystanie z niezawodnego dostawcy hostingu WordPress z silnym wsparciem może zaoszczędzić Ci czasu i frustracji podczas rozwiązywania problemów, takich jak brakująca ikona witryny lub inne problemy z wyświetlaniem witryny.

Dobry hosting może szybko zidentyfikować buforowanie po stronie serwera, błędy mieszanej zawartości lub inne konflikty, które mogą uniemożliwić pojawienie się zmian, dzięki czemu nie musisz się tym martwić.

Sprawdź naszą listę najlepszych dostawców hostingu WordPress, aby znaleźć odpowiednią opcję.

Często zadawane pytania dotyczące dodawania ikon

Oto kilka pytań, które nasi czytelnicy często zadawali na temat dodawania ikon witryny na swoich stronach WordPress:

Czy ikony witryny poprawiają SEO?

Favikony nie poprawiają bezpośrednio pozycji SEO, ale usprawniają doświadczenie użytkownika, ułatwiając rozpoznanie Twojej witryny na kartach przeglądarki i w zakładkach. Może to pośrednio wspierać zaangażowanie i wskaźniki klikalności.

Czy favikony powinny mieć rozmiar 16x16 czy 32x32?

Favikony mają zazwyczaj rozmiar 16x16 pikseli dla kart przeglądarki, ale zaleca się 32x32 lub większy dla wyświetlaczy o wyższej rozdzielczości oraz do użytku w zakładkach lub skrótach. Użycie wielu rozmiarów zapewnia, że Twój favicon będzie wyglądał ostro wszędzie.

Jak dodać ikonę do strony internetowej WordPress?

Możesz dodać ikonę witryny (favicon) za pomocą narzędzia Dostosowywanie WordPress, Edytora Pełnej Witryny, wtyczki do favicon lub poprzez ręczne przesłanie jej do plików motywu.

Jakie są częste błędy dotyczące favicon?

Częste błędy obejmują użycie niewłaściwego rozmiaru pliku, nieprzesłanie przezroczystego pliku PNG, ignorowanie wersji o wysokiej rozdzielczości i nieczyszczenie pamięci podręcznej. Może to spowodować nieprawidłowe wyświetlanie się favicon.

Mamy nadzieję, że ten artykuł pomógł Ci dodać favicon do Twojej strony WordPress. Możesz również zapoznać się z naszymi rekomendacjami najlepszych darmowych kreatorów logo, które pomogą Ci wyglądać jak profesjonalista oraz naszym przewodnikiem jak łatwo dodać ikony czcionek do Twojego motywu WordPress.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

134 CommentsLeave a Reply

  1. Dodałem Faviconę Korzystając z 1. metody przez „WordPress Customizer”. Było to naprawdę bardzo łatwe. Ale myślę, że nie powinniśmy używać wtyczki do wykonywania takich mniejszych zadań, ponieważ posiadanie zbyt wielu wtyczek może stanowić wyzwanie w utrzymaniu. Co myślisz?

  2. Ten artykuł był dla mnie bardzo pomocny, ponieważ zastanawiałem się, dlaczego loga innych stron są obecne w wynikach wyszukiwania, a moje nie. Kiedy użyłem „Metoda 1: Dodawanie Favicon za pomocą WordPress Customizer”, tylko Google pokazywało się w wynikach. Użyłem również „Metoda 3: Dodawanie Favicon za pomocą wtyczki Favicon WordPress”, a następnie wyszukiwarka Yandex zaczęła się pojawiać, ale wyszukiwarka Bing nie pokazywała mojej Favicon. Nie wiem dlaczego?

    • Jeśli niedawno przeprowadziłeś wyszukiwanie po zmianie ikony ulubionych, najbardziej prawdopodobnym powodem jest to, że wyszukiwarka jeszcze nie zaindeksowała Twojej witryny.

      Admin

  3. Moim zdaniem posiadanie ikony witryny może przyciągnąć uwagę odbiorców i dodać stylowego oraz estetycznego charakteru stronie internetowej w przeglądarce. Być może może przyciągnąć wzrok widza i być wyróżniającą się cechą.

    • Jest dokładnie tak, jak mówisz. Ikona witryny służy głównie personalizacji i przyciąganiu uwagi użytkownika. Gdy masz otwartych wiele kart w przeglądarce, możesz łatwo zidentyfikować witrynę po jej ikonie. To jak osobista pieczęć witryny, ułatwiająca zapamiętanie. Ponadto, gdy dodajesz witrynę do zakładek, jest ona zapisywana z ikoną, co znacznie ułatwia nawigację wśród wielu zakładek, zwłaszcza jeśli nie są one dobrze zorganizowane. Biorąc pod uwagę, jak mała jest ikona witryny, moim zdaniem jest ona niezwykle ważna dla witryny.

  4. Witaj. Sekcja favicon mojej strony internetowej nie działa. Nawet gdy podaję adres URL w ustawieniach motywu, nie wyświetla się. Próbowałem również z częścią identyfikatora witryny, ale pojawia się błąd przetwarzania obrazu. Czy możesz mi w tym pomóc?

    • Jeśli korzystasz z wbudowanej opcji swojego motywu, zalecamy najpierw skontaktowanie się z pomocą techniczną motywu, ponieważ mogą oni mieć specyficzne wymagania dotyczące obrazu ikony witryny przy użyciu ich narzędzia.

      Admin

  5. Ostatnim razem, gdy przesłałem favicon do strony internetowej, przez bardzo długi czas miałem problem z tym, że ikona nie pojawiała się na stronie. Wyczyściłem pamięć podręczną przeglądarki i samego WordPressa i to nie pomogło. Pojawiła się sama dopiero po kilku godzinach. Jeśli ktoś ma z tym problem, pamięć podręczna może być w wielu miejscach. CDN, na urządzeniu sieciowym w domu, na serwerze. Czasami warto po prostu poczekać, a nie stresować się od razu. W przeciwnym razie Favicon to drobiazg, ale świetny sposób na dostosowanie własnej strony.

  6. Posiadanie ikony ulubionej może pomóc w SEO, a także pomóc użytkownikom zapamiętać Twoją witrynę, ale nie jest to wymagane, a pierwszą ustawioną ikonę ulubionej można później zmienić na inną.

    Admin

    • Teraz rozumiem, dlaczego właściciele witryn trzymają się używania Favicon, która wygląda tak samo jak logo ich witryny.

    • Ikona witryny nie jest konieczna i w żaden sposób nie wpływa na SEO ani wyszukiwanie. Jest to personalizacja strony. Ikona witryny jest świetna na dwa sposoby. Jeśli ktoś doda Twoją stronę do ulubionych, natychmiast ją rozpozna po ikonie witryny i nie będzie musiał długo szukać. Druga świetna rzecz to sytuacja, gdy masz otwartych wiele stron w przeglądarce. Również w tym przypadku możesz natychmiast rozpoznać daną stronę po ikonie witryny. Dlatego zdecydowanie polecam jej posiadanie, nawet jeśli w rzeczywistości nie wpływa ona na samo SEO i wyszukiwanie.

      • Dokładnie, zgadzam się. Miałem ten sam problem. Często podczas wyszukiwania otwieram różne strony internetowe, a po godzinie zdaję sobie sprawę, że mam otwartych wiele kart w przeglądarce Chrome, tuż przed moimi oczami! Jednak posiadanie ikony ulubionych pomaga mi szybko zlokalizować pożądaną stronę wśród licznych kart.

  7. 1-Czy mogę po prostu przesłać ikonę witryny z motywu > dostosuj > ikona witryny. Czy będzie ona wyświetlana jako favicon?
    2-Przesyłam ikonę witryny na stronie WordPress. Czy favicon jest konieczny do wyświetlenia przy adresie URL strony.com/favicon

    • 1. Tak, można to stamtąd przesłać.
      2. Nie jest to konieczne, ale może być pomocne w późniejszym odnalezieniu ikony witryny.

      Admin

  8. Myślę, że to wymaga aktualizacji. Próbowałem tego i nie ma zakładki „Tożsamość witryny” w sekcji Wygląd > Dostosuj

    • Twój konkretny motyw może mieć niestandardowy edytor, lub jeśli używasz edytora bloków, możesz dodać blok logo witryny, ustawić obraz i w ustawieniach bloku ustawić go jako ikonę strony (favicon) witryny.

      Admin

    • Our blob is a simple design of a face smiling using an exclamation point and parenthesis :)

      Admin

  9. Cześć, co zrobić, gdy Favicon nie wyświetla się w przeglądarce opartej na Chromium, ale wyświetla się w Firefox.

    • Zazwyczaj warto wyczyścić pamięć podręczną witryny, a także ponownie spróbować ustawić faviconę z powodu powszechnego problemu.

      Admin

  10. Jestem tu nowy, więc doceniłbym wskazówki dotyczące ikony strony (favicon). Strona, którą próbuję się zająć, wymaga zmiany ikony strony. Czy mogę wgrać nowy obraz jako ikonę strony, który nadpisze obecną ikonę na stronach, czy muszę usunąć obecną, a następnie wgrać nowy obraz?
    Dziękuję za każdą odpowiedź.

    • Powinieneś skontaktować się z pomocą techniczną swojego konkretnego motywu, aby sprawdzić, czy Twój motyw ma tę opcję.

      Admin

  11. Wszystko było w porządku na filmie, dopóki nie powiedziałeś „kliknij tożsamość witryny”… w mojej wersji nie ma takiej zakładki. Pierwsza opcja to „Globalne”, potem Nagłówek, Okruszki, UberMenu{główne], Blog, itp. Brak „Tożsamości witryny”… więc oczywiście bez możliwości dostania się do tego ekranu nigdzie nie pójdę. Czy jest inna droga?

    • Jeśli Twój motyw ma inne ustawienia i nie możesz znaleźć favicony w ustawieniach personalizacji, warto skontaktować się z pomocą techniczną Twojego konkretnego motywu, aby sprawdzić, czy znajduje się ona w obszarze specyficznym dla motywu.

      Admin

  12. Cześć Wpbeginner!
    Używam motywu Astra, a ikona ulubionych mojej witryny działa u wszystkich oprócz wyników wyszukiwania Google. Jak mogę to naprawić?

  13. Świetnie! Zawsze korzystam z Twoich samouczków, gdy utknę w jakimkolwiek problemie. Dziękuję za to.

  14. Nie możesz dodać ikony witryny do swojej witryny WordPress? To był mój problem. Przeprowadziłem sporo badań, gdzie w końcu znalazłem przyczynę. Okazało się, że biblioteka PHP GD nie była włączona. Na szczęście mam kontrolę nad własnym serwerem. Zaktualizowałem PHP serwera do wersji 7.2, ale zapomniałem włączyć bibliotekę PHP GD. Więc… jeśli podczas próby dodania ikony witryny w sekcji wyglądu panelu administracyjnego WordPress obraz, który przesyłasz/wybierasz, nie jest akceptowany lub nie możesz użyć funkcji przycinania obrazu, najprawdopodobniej jest to spowodowane tym, że Twój hostingodawca nie włączył biblioteki GD.

    • Thanks for sharing this information should someone else run into that issue :)

      Admin

    • Dziękuję bardzo! Uratowałeś mnie przed wieloma frustracjami, ponieważ pracuję na Xampp i był on domyślnie wyłączony. Czyż nie byłoby miło, gdyby wspomnieli o tym w artykule.

  15. Favicon mojej witryny była widoczna, zanim zmieniłem DNS na Cloudflare. Teraz jest widoczna w panelu administracyjnym, ale nie na stronie internetowej. Jak rozwiązać ten problem. możesz sprawdzić na mojej stronie

  16. „Kiedy przechodzę do zakładki „Tożsamość witryny”, nie ma miejsca na przesłanie ikony witryny. Jedyną opcją, jaką mam, jest „Tytuł witryny”. To WSZYSTKO!
    Używam WordPressa 4.7.3.”

    • Zakładam, że motyw WP, którego używasz, nie ma zaimplementowanej ikony ulubionych. Więc jeśli nie jest zadeklarowana w pliku theme functions.php, nie pojawi się w panelu administratora/edytora.
      Możesz ją zakodować na stałe w header.php lub użyć wtyczek firm trzecich.

  17. Cześć, niedawno zaktualizowałem moją stronę z HTTP do HTTPS i kiedy to się stało, ikona strony przestała działać. Czy to oznacza, że gdzieś po drodze pominąłem jakiś krok? Próbowałem zmienić obrazek i wgrać nowy, ale to nie pomogło. Jeśli ktoś wpisze adres strony używając http, pojawi się stara ikona (a nie ikona strony), ale w momencie gdy jest https, znika. Ikona strony jest jednak widoczna, gdy jestem zalogowany do panelu administracyjnego.

    • Eleanor
      Jestem na HTTPS i mam ten sam problem, czy znalazłaś rozwiązanie?
      Favicon wyświetla się tylko wtedy, gdy jestem zalogowana w trybie administratora!

  18. Kiedy przechodzę do zakładki „Tożsamość witryny”, nie ma miejsca do przesłania ikony witryny. Jedyną opcją, jaką mam, jest „Tytuł witryny”. To WSZYSTKO!
    Używam WordPressa 4.7.3.

    Pomocy!

    • Zakładam, że motyw WP, którego używasz, nie ma zaimplementowanej ikony ulubionych. Więc jeśli nie jest zadeklarowana w pliku theme functions.php, nie pojawi się w panelu administratora/edytora.
      Możesz ją zakodować na stałe w header.php lub użyć wtyczek firm trzecich.

  19. Czy ktoś może mi powiedzieć, jak działa ta nowa funkcja „Ikona witryny”? Docieram do momentu, w którym plik jest przesyłany i pojawia się okno dialogowe z opcją przycięcia obrazu. Problem polega na tym, że 1) mój obraz nie wymaga przycięcia, a 2) nie ma przycisku „Zapisz” (ani „Gotowe” ani nic podobnego), tylko przycisk „Przytnij” i X w prawym górnym rogu, aby zamknąć okno dialogowe. Jeśli kliknę „Przytnij”, otrzymuję błąd (Błąd przycinania tego obrazu, bla bla bla), a jeśli naciśnę X, zamyka się. W obu przypadkach mój obraz nie jest zapisywany jako Ikona witryny (mimo że jest zapisany w bibliotece mediów. Po usunięciu obrazu, zmianie jego rozmiaru na dokładnie 512×512, przesyłam go ponownie. Tym razem nie ma okna dialogowego przycinania, tylko okno dialogowe „Wybierz” obraz. Klikam wybierz, obraz ma wokół siebie ramkę i zaznaczenie i nic więcej się nie dzieje. Brak Zapisz itp. Po zamknięciu okna dialogowego nadal widnieje „Nie wybrano obrazu”. Dzieje się tak zarówno w Chrome, jak i Firefox. Jestem gotów wyrzucić WordPressa i kodować wszystko ręcznie. Nie używałem WordPressa od kilku lat i jestem sfrustrowany tym, co wydaje się być błędnym, słabym projektem i nadmiarem funkcji.

  20. Dlaczego ikona musi mieć 512 pikseli? Mam nadzieję, że jest ona gdzieś konwertowana w WordPressie, raz na zawsze, a nie przy każdym ładowaniu. 512×512 to szaleństwo dla czegoś, co rzadko będzie większe niż 32×32, chyba że coś przeoczyłem?

  21. Artykuł nieprzydatny. Wszyscy mówią, żeby utworzyć ścieżkę do swojej favicony i to wszystko.

    Jednakże, jak włączyć http: www http, jak określić .ico .png?
    Nikt nic nie mówi szczegółowo.

  22. Używając WP4.7 i funkcjonalności ikony witryny działa, ale wydaje mi się to dziwne. Wynik to 4 linki w sekcji:

    Ale tworzy 10 różnych wersji obrazu ikony witryny oprócz oryginału w rozmiarach 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.

    Dlaczego tak wiele przyciętych obrazów, jeśli tylko 4 były połączone?

    Ponadto, przesyłam obraz ikony o rozmiarze 512x512 zgodnie z zaleceniami, ale wersja 500x310 jest zawsze przycinana, przez co góra i dół ikony są odcinane. Czy jest na to jakieś obejście i/lub czy to duży problem?

    Jakie wsparcie przeglądarek obejmuje ta ikona strony WP (głównie w odniesieniu do tego, jak daleko wstecz w IE)?

    Dzięki!

  23. W Whatsapp, czy obraz, który pojawia się po lewej stronie adresu linku, jeśli wyślesz link: to ten sam ikona? Ponieważ ja jej tam nie widzę.

  24. Wtyczka ICO Format dla Adobe Photoshop nie pozwala na obrazy o wysokości lub szerokości większej niż 256 pikseli. Jak więc stworzyć taki o rozmiarze 512 pikseli???

  25. Uprzejmie proszę o podanie jakiejkolwiek witryny lub oprogramowania, z którego mogę szybko stworzyć skuteczną ikonę dla mojej witryny????

  26. Dziękuję za kolejny prosty tutorial. Jestem początkującym i świetnie wyjaśniacie rzeczy w sposób, który mogę zrozumieć.

  27. Dlaczego w moim menu tożsamości witryny nie ma opcji ikony witryny? Jestem tak sfrustrowana... czy możesz pomóc?

  28. Czy instrukcje, które podajesz tutaj, są specyficzne dla motywu? Używam motywu Delicacy i nie daje mi on możliwości zmiany Tożsamości witryny i wstawienia ikony witryny.

      • Witaj, ja również nie widzę zakładki tożsamości witryny, używam motywu sketch, jak zaktualizować motyw?

        Z góry dziękuję, Malcs

        • mogę przejść do dostosowywania motywu... tam zobaczysz opcję łatwego przesyłania ikony ulubionej...

    • Prawdopodobnie nie zobaczysz słowa „ikona strony”, ale „ikona witryny”. Jeśli widzisz pasek przewijania, być może będziesz musiał przewinąć do samego dołu, aby zobaczyć pole wyboru obrazu.

    • Ikonę witryny można dodać za pomocą edytora „Dostosuj” WordPressa, który można znaleźć na każdej stronie WordPress.

  29. Przesyłam plik PNG o wymiarach dokładnie 512×512 pikseli, WordPress go zapisuje, a następnie otrzymuję przycięty obraz w mojej bibliotece multimediów. Super irytujące! WordPress 4.4.

    • Powinienem dodać, że nowy, przycięty obraz ma dokładnie takie same wymiary jak oryginalny, który przesłałem, ale teraz mam dwa w mojej bibliotece (chociaż jeden został przetworzony dwukrotnie i faktycznie zwiększył swoją rozmiar pliku o dwa kilobajty!).

  30. Przejrzałem katalog dokładnie tak, jak opisałeś, ale moja zakładka Tożsamość witryny zawiera tylko „Tytuł witryny”, „Podtytuł” i pole wyboru do wyświetlania tekstu nagłówka. Jak mogę to naprawić? Czy muszę przejść przez trasę FTP?

    Dzięki za pomoc!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.