Dodanie favicon do bloga WordPress jest prostym, ale potężnym krokiem do budowania marki witryny. Favicon to mały obrazek, który pojawia się obok tytułu witryny na kartach przeglądarki, w zakładkach i nie tylko.
Problem polega na tym, że wielu początkujących blogerów pomija ten szczegół lub uważa, że jest on zbyt techniczny. Z drugiej strony, brak favicon może utrudnić odbiorcom identyfikację witryny na pierwszy rzut oka, co może zmniejszyć liczbę odwiedzin lub zaangażowanie.
W WPBeginner jednym z powodów, dla których używamy favicon, jest pomoc naszym czytelnikom w szybkim rozpoznaniu naszej witryny wśród ich otwartych kart i zakładek. Ten szczegół pomaga również wzmocnić naszą markę i zapewnić bardziej profesjonalną obecność online.
Na szczęście dodanie ikony favicon do bloga WordPress nie musi być skomplikowane. W tym przewodniku omówimy proste metody konfiguracji ikony witryny i wyróżnienia bloga.
Dlaczego powinieneś dodać Favicon do twojego bloga WordPress?
Ikona favicon jest niezbędna do dodania do twojego bloga WordPress, ponieważ pomaga użytkownikom szybko zidentyfikować twoją witrynę internetową i wzmocnić tożsamość marki. Na podstawie tej małej ikonki odwiedzający witrynę mogą łatwo rozpoznać twój blog.
Oto jak wygląda favicon w przeglądarce internetowej:
Innym celem favicon WordPress jest poprawa komfortu użytkowania. Gdy otwartych jest wiele kart, użytkownicy mogą spojrzeć na favicony, aby wiedzieć, na której witrynie internetowej 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, wówczas ikona favicon pojawi się jako ikona aplikacji na ich ekranie głównym. Ułatwi im to dostęp do twojej witryny internetowej za pomocą jednego dotknięcia.
Favicony mogą również pomóc w optymalizacji WordPress pod kątem wyszukiwarek (SEO). Jeśli zwrócisz uwagę na strony w wynikach wyszukiwania, zazwyczaj mają one funkcję favicon witryny przed meta tytułem strony. Może to sprawić, że twoja witryna internetowa będzie wyglądać na legalną i godną zaufania.
Jak stworzyć Favicon dla twojego bloga WordPress?
Najpierw dowiedzmy się, jak stworzyć dobrą faviconę dla twojego bloga.
Idealny rozmiar favicon WordPress to kwadratowy obrazek o szerokości i wysokości do 512 pikseli. Format obrazka favicon może być ICO, JPEG, PNG lub GIF.
SVG jest również popularnym formatem dla faviconów, ale nie są one domyślnie akceptowane przez WordPress. Można jednak skonfigurować WordPress tak, by zezwalał na dodawanie plików SVG.
Jeśli prowadzisz blog biznesowy, możesz użyć logo swojej marki jako ikony favicon. Jeśli jeszcze go nie masz, możesz zapoznać się z naszym przewodnikiem dla początkujących, jak stworzyć logo dla swojej witryny.
Jeśli masz gotowe logo, ale chcesz, aby tło było przezroczyste, możesz użyć Photoshopa lub darmowego narzędzia do edycji obrazu z automatycznym usuwaniem tła. Upewnij się tylko, że format pliku to PNG, aby zachować przezroczystość favikony.
Inną opcją jest darmowy generator favicon, taki jak Favicon.io. Narzędzie to umożliwia dostosowanie favicon od podstaw i pobranie plików w formacie PNG i ICO.
Mając to na uwadze, oto jak łatwo dodać faviconę do swojego bloga WordPress. Omówimy 4 metody i możesz kliknąć poniższe linki, aby przejść do metody, której chcesz użyć:
Gotowy? Zaczynajmy.
Metoda 1: Dodanie ikony Favicon za pomocą konfiguratora WordPress
Jest to najprostsza metoda zmiany favicon w WordPress. Wszystko, co musisz zrobić, to przesłać swój obrazek favicon do konfiguratora WordPress, a reszta zostanie załatwiona za Ciebie.
Pierwszym krokiem jest uzyskanie dostępu do konfiguratora WordPress. Jeśli korzystasz z klasycznego motywu, możesz przejść do Wygląd ” Dostosuj , aby to zrobić.
Jeśli korzystasz z motywu blokowego i nie możesz znaleźć konfiguratora, zapoznaj się z naszym przewodnikiem na temat poprawki brakującego konfiguratora motywu w panelu administracyjnym WordPress.
Następnie kliknijmy kartę „Tożsamość witryny” na lewym pasku bocznym.
Tutaj zobaczysz opcje dostosowania „Logo witryny”, „Tytułu witryny”, „Tagline” i „Ikony witryny”.
Jeśli chcesz dodać ulubioną ikonę witryny, musisz przewinąć w dół do sekcji „Ikona witryny” i kliknąć „Wybierz ikonę witryny”.
Pojawi się teraz biblioteka multimediów WordPress. Możesz wybrać istniejący obrazek lub przesłać nowy własny favicon z twojego komputera.
W tym przykładzie użyjemy logo WPBeginner jako ikonki witryny WordPress.
Po wybraniu obrazka kliknij przycisk „Wybierz” w prawym dolnym rogu okna.
Jeśli favicon jest większy niż zalecany rozmiar, WordPress pozwoli ci go przyciąć. Jeśli dokładnie odpowiada zalecanemu rozmiarowi, możesz go po prostu zostawić bez zmian.
Gdy obraz będzie wyglądał dobrze, kliknij „Przytnij obraz”.
Następnie zostaniesz przeniesiony z powrotem do WordPress Customizer. Tutaj możesz zakończyć konfigurację favicon, klikając przycisk „Opublikuj” na lewym pasku bocznym.
To wszystko! Po przesłaniu ikony favicon możesz odwiedzić swoją witrynę WordPress, aby sprawdzić, czy obraz jest już aktywny.
Metoda 2: Dodanie ikony Favicon za pomocą edytora witryn WordPress
Jeśli korzystasz z motywu blokowego i chcesz dodać logo twojej marki zarówno jako część nagłówka witryny internetowej, jak i ikonkę witryny, to ta metoda jest dla ciebie.
W tym celu należy przejść do Wygląd ” Edytor z panelu administracyjnego WordPress.
Na tej stronie znajduje się kilka menu umożliwiających dostosowanie witryny, w tym „Nawigacja” i „Style”.
W tym poradniku należy kliknąć „Wzorce”, aby uzyskać dostęp do twojego wzorca bloku nagłówka witryny internetowej.
Po przewinięciu w dół zobaczysz kilka części szablonu:„Nagłówek„, „Stopka” i „Ogólne”.
Wystarczy kliknąć szablon „Nagłówek”, aby dodać tam twoją faviconę.
Następnie obok tekstu nagłówka pojawi się przycisk z ołówkiem.
Kliknij na nią, aby móc edytować wzór i wstawić swoją favikonę WordPress.
Znajdujesz się teraz w pełnej edycji witryny WordPress.
Stąd możesz kliknąć przycisk dodawania bloku „+” i wyszukać blok „Logo witryny”. Jest to miejsce, w którym dodasz obraz, który stanie się twoją favikoną WordPress.
Przeciągnij i upuść blok w miejscu, w którym chcesz go umieścić w twoim nagłówku. W tym przykładzie umieściliśmy go obok tytułu witryny internetowej.
Następną rzeczą, którą należy zrobić, jest kliknięcie ikony przesyłania w bloku „Logo witryny”.
Podobnie jak w przypadku poprzedniej metody, możesz wybrać istniejący obrazek lub przesłać nowy z biblioteki multimediów WordPress.
Następnie należy przejść do panelu bocznego Block settings po prawej stronie strony. Wystarczy włączyć ustawienie „Użyj jako ikonki witryny”, aby dodać logo jako faviconę.
Na koniec możesz nacisnąć przycisk „Zapisz” w prawym górnym rogu strony, aby opublikować swoją faviconę.
Pojawi się ostrzeżenie, że zmiana wpłynie na całą witrynę. Upewnij się, że pole „Ikona” jest zaznaczone i ponownie kliknij „Zapisz”.
Po wykonaniu wszystkich kroków możesz otworzyć swoją witrynę internetową, aby potwierdzić, że zmiana się powiodła.
Metoda 3: Dodanie Favicon za pomocą wtyczki WordPress Favicon Plugin
Jeśli wolisz używać wtyczki favicon WordPress, możesz skorzystać z tej metody, aby użyć darmowej wtyczki Favicon by RealFaviconGenerator.
Najpierw należy zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, możesz skorzystać z naszego przewodnika na temat instalacji wtyczki WordPress.
Po aktywacji można przejść do sekcji Wygląd ” Favicon w kokpicie WordPress.
Następnie wystarczy kliknąć przycisk „Wybierz z biblioteki multimediów”, aby przesłać nowy obraz lub użyć istniejącego.
Należy pamiętać, że konieczne będzie użycie kwadratowego obrazu. Wtyczka zaleca, aby rozmiar ikonki witryny wynosił co najmniej 260 pikseli zarówno w szerokości, jak i wysokości, ale nie mniej niż 70 pikseli.
Po wybraniu obrazu, kliknij przycisk „Generuj favicon”.
Następnie wtyczka przekieruje cię do witryny internetowej 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.
W sekcji „Opcje generatora favicon” możesz zaznaczyć pole, aby sprawdzić, czy Twoja witryna korzystała wcześniej z favicon. Jeśli tak, wystarczy wpisać liczbę w drugim polu, aby wskazać używaną wersję favicon.
W ten sposób użytkownicy, którzy wcześniej przeszli na twoją witrynę, zobaczą nową faviconę zamiast starej.
Gdy wszystko wygląda już dobrze, wystarczy kliknąć przycisk „Generate your Favicons and HTML code”, aby dodać faviconę do twojej witryny WordPress.
Twój favicon powinien być teraz aktywny. Upewnij się, że wtyczka favicon WordPress jest włączona, aby favicon był zawsze włączony.
Metoda 4: Ręczne dodanie ikony Favicon do twojego bloga WordPress
Wreszcie, możesz dodać favicon WordPress do twojego bloga, ręcznie edytując pliki kodu twojego motywu.
Jest to przydatne, jeśli w narzędziu Theme Customizer nie ma sekcji „Site Identity” lub używasz motywu blokowego i chcesz mieć inny obraz favicon niż logo witryny.
Najłatwiejszym i najbezpieczniejszym sposobem edycji plików kodu twojego motywu jest użycie wtyczki WPCode.
WPCode to najlepsza wtyczka do fragmentów kodu dla początkujących. Dzięki ponad 1700 gotowym fragmentom kodu i bezpiecznej obsłudze błędów pozwala bezpiecznie wstawić niestandardowy kod bez uszkadzania witryny.
Kolejną wspaniałą rzeczą w WPCode jest to, że jeśli zaktualizujesz swój motyw, nie stracisz modyfikacji kodu, w tym favicon.
Na potrzeby tego przewodnika można skorzystać z darmowej wersji WPCode. Subskrypcja Pro zapewnia jednak dostęp do funkcji takich jak inteligentna logika warunkowa i integracje z aplikacjami innych firm, dzięki czemu twój kod może być zarządzany bardziej efektywnie.
Aby rozpocząć, należy zainstalować i włączyć WPCode. Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Następną rzeczą, którą musisz zrobić, jest przygotowanie twoich plików favicon. W tym celu możesz skorzystać z darmowego generatora favicon, takiego jak Favicon.io.
Na stronie internetowej można kliknąć „Obraz”, aby przekonwertować plik graficzny na plik zip i kod HTML. Alternatywnie możesz użyć opcji „Emoji” lub „Tekst”, aby utworzyć faviconę przy użyciu dostępnych emoji i czcionek.
Na następnej stronie możesz przesłać swój obraz. Następnie kliknij „Pobierz”, aby zapisać plik zip favicon, który zawiera pliki favicon.png i favicon.ico.
Pamiętaj, aby pozostawić tę stronę otwartą podczas wykonywania kolejnych kroków.
Teraz należy przesłać plik zip favicon do katalogu głównego witryny. Aby to zrobić, możesz użyć menedżera plików swojego hostingu WordPress.
Alternatywnie można to zrobić za pomocą klienta FTP, takiego jak FileZilla. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących na temat korzystania z FTP do przesyłania plików do WordPress.
Po otwarciu plików twojej witryny internetowej 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”, który zawiera najważniejsze foldery WordPress, takie jak wp-content i wp-admin.
W tym momencie możesz wyodrębnić i przesłać całą zawartość pobranego wcześniej pliku favicon do katalogu głównego.
Jeśli korzystasz z Menedżera plików, możesz kliknąć przycisk „Prześlij” u góry.
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.
Teraz wystarczy poczekać na pomyślne przesłanie plików.
Po zakończeniu możesz wrócić do karty menedżera plików. Powinieneś teraz zobaczyć wszystkie twoje pliki favicon w katalogu głównym, jak na poniższym zrzucie ekranu:
Wróćmy teraz do panelu administracyjnego WordPress.
Na lewym pasku bocznym przejdź do sekcji Fragmenty kodu ” Nagłówek i stopka.
Następnie wróć do karty Favicon.io z wcześniejszego wpisu.
Następnie należy skopiować stamtąd kod HTML. W kodzie powinny znajdować się 4 tagi odnośników .
Następnie należy wrócić do WordPressa i wkleić kod w sekcji „Nagłówek” na stronie WPCode. Spowoduje to dodanie kodu do pliku header.php witryny.
W kodzie wstaw pełny adres URL twojej witryny internetowej w cudzysłowie obok wszystkich atrybutów href, jak w poniższym przykładzie. Pamiętaj, aby dodać http:// lub https://, jeśli twoja witryna korzysta z certyfikatu SSL.
Na koniec możesz kliknąć przycisk „Zapisz zmiany” w prawym górnym rogu.
I to wszystko! Nie zapomnij przejść na swoją witrynę internetową, aby sprawdzić, czy zmiana favicon się powiodła.
Dlaczego moja ikona Ulubionych WordPress nie jest wyświetlana?
Jednym z powodów, dla których twój favicon WordPress może się nie wyświetlać, jest pamięć podręczna przeglądarki. Oznacza to, że twoja przeglądarka nadal wyświetla starą wersję twojej witryny.
Aby rozwiązać ten problem, należy wyczyścić pamięć podręczną przeglądarki. Jeśli potrzebujesz pomocy, możesz skorzystać z naszego przewodnika na temat czyszczenia pamięci podręcznej w przeglądarce.
Możliwe jest również, że korzystasz z usługi CDN, która nadal przechowuje starą wersję twojej witryny. W takim przypadku należy wyczyścić pamięć podręczną CDN, aby zaktualizować treść twojej witryny internetowej.
Aby sprawdzić, czy ikona witryny WordPress została przesłana, możesz otworzyć witrynę w trybie incognito lub w oknie przeglądania prywatnego.
Jeśli instalacja favicon nie powiodła się, możesz spróbować ponownie załadować obrazek z inną nazwą pliku, aby rozwiązać problem.
Twoja funkcja ikonki witryny WordPress może również nie działać z powodu błędu mieszanej treści. Aby rozwiązać ten problem, zapoznaj się z naszym przewodnikiem na temat poprawki błędów mieszanej treści WordPress.
W niektórych przypadkach możesz również odkryć, że Twoja witryna internetowa wyświetla favicon dostawcy hostingu zamiast Twojej własnej. Jeśli tak się stanie, skontaktowanie się z zespołem pomocy technicznej może pomóc w rozwiązaniu problemu.
Zalecamy wybranie renomowanej usługi hostingowej WordPress z doskonałą pomocą techniczną dla klientów, aby skutecznie rozwiązywać takie problemy. Możesz sprawdzić naszą listę najlepszych dostawców hostingu WordPress, aby znaleźć najlepszą opcję dla twojej witryny internetowej.
Na koniec możesz sprawdzić, czy Twój motyw WordPress ma specjalne narzędzie do przesyłania favicon. Może to wyjaśniać, dlaczego powyższe metody nie działają.
Mamy nadzieję, że ten artykuł pomógł Ci dodać ikonę favicon do Twojej witryny WordPress. Zachęcamy również do zapoznania się z naszym wyborem najlepszych darmowych kreatorów logo, które pomogą Ci wyglądać jak profesjonalista, a także z naszym przewodnikiem na temat łatwego dodawania czcionek ikon do motywu WordPress.
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.
Jason
Why does it need to be 512 pixels for an icon? I’m hoping it’s converted somewhere inside Wordpress, once and done, and not on every load. 512×512 is crazy for something that would very rarely be bigger than 32X32, unless I am missing something?
John Krawczyk
Article not useful. Everyone tells you to make a path to your favicon & that’s it.
However do you include http: www http do you specify .ico .png?
Nobody says anything in detail.
WPBeginner Support
Hi John,
Yes you need to include full URL like this:
https://www.wpbeginner.com/favicon.pngAdministrator
Joe
Using WP4.7 and the Site Icon functionality works, but it just seems off to me. The result is 4 links in the section:
But it creates 10 different versions of the site icon image in addition to the original at sizes of 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
Why so many cropped images if only 4 linked to?
Also, I submit an icon image sized 512×512 as recommended, but the 500×310 version is always cropped so the top and bottom of the icon is cut off. Is there any way around this and/or is it a big deal?
What browser support does this WP Site Icon cover (mostly in respect to how far back in IE)?
Thanks!
Marieke
In Whatsapp, the image which appears left to a link address if you send a link: is that the same icon? Because I don’t see it there.
Sunil
Marieke, It’s featured image, you upload to a particular post.
Cos
The ICO Format plugin for Adobe Photoshop does not allow images more than 256 pixels high or wide. So how do you create one that’s 512px???
Marieke
It doesn’t need to be made an .ico. Just a plain .png or .lpg will do when you work in Wordpress.
Salim Ahmed
Informative instruction. Now i following your tips and tricks. Thanks for sharing it.
Taimoor Ahmed
Kindly tell me any website or a software from where I can make an effective favicon for my site in a quick time????
Kirstie
Thank you for another simple to follow tutorial. I’m a true beginner and y’all do a great job explaining things in a way I can understand.
WPBeginner Support
Thanks, glad you find our tutorials helpful.
Administrator
Nelson
thanks good tut easy and works
c
the add logo in some themes isn’t for favicon its for the header logo
ccstacyline
how come my side identity menu doesn’t have the service for site icon? I am so frustrated… can you help ?
John Davis Frain
Are the instructions you give here theme-specific? I’m using the Delicacy theme, and it doesn’t give me that option to alter Site Identity and insert a Favicon.
WPBeginner Support
No it is not theme specific. Make sure you are using the latest version of your theme.
Administrator
Mad Dog Malcs
Hi There, I also don’t see the site identity tab, I am using the sketch theme, how do I update a theme?
Thanks in advance, Malcs
shashi
i may go to theme custimztion..there u see the option of uploading the favicon icon easliy…
Antonios
You might not see the word „favicon” probably site icon. If you see a scrow bar you might have to scrow all the way down to see the select image box.
a
You can add favicon by WordPress’ „Costumize” editor, which can be found in every wordpress site.
Alan
I upload a PNG file that is exactly 512×512 pixels, WordPress saves it, and then I end up with a cropped image in my media library. Super annoying! WordPress 4.4.
Alan
I should add that the new, cropped image is exactly the same dimensions as the original I uploaded, but now I have two in my library (albeit one has been processed twice, and has actually increased two kilobytes in file size!).
Katherine Johnston
I have gone through the directory, exactly as you described, but my Site Identity tab only has „Site Title”, „Tagline”, and a checkbox for displaying header text. How can I fix that? Or do I have to go the FTP route?
Thanks for the help!
Rahul Thakur
thank you so much, very simple way love it.
Liz
Excellent instructions, took me about 32 seconds to do it. Fabulous! Thank you
Erin
Thanks! This was very helpful.
Marie Bock
Wow! That was so easy with the newer version of WordPress.
Matt
Super-easy! Thanks for that – I just need to go away and design a better logo now
Viscoun
Doesn’t work. When I got to Customize > Site Identity, the site icon option doesn’t show up – it only says „Site Title” and „Tagline”.
david
what version of wordpress are you using?
Harshpreet
Hi same is the problem I am facing and I am using the website of wordpress on my laptop for building up my blog!
Gina
I’m having the same problem. I’m using wordpress directly online, I haven’t downloaded anything. No „site icon” option at all.
WPBeginner Support
Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administrator
Lourika
It took me forever to figure it out!!!!
In the top left corner, click on MY SITES
Go to WP Admin
Then click on SETTINGS
and you will be able to change the icon (picture) on the right hand side……
Megan
Yay! It worked perfectly and the instructions were super easy to follow. Thank you so much!
Malcolm Ruthven
I added a 512×512 pixel jog image via Site Identity / Site Icon. The image appears just fine there. But the image does not appear as a favicon in any browser (Firefox, IE, or Chrome).
Shawna Marie
I’ve done all the steps. The image shoes in the customiser but not on the site on any platform…iphone or on my iMac in any of the browsers. Is there a specific file type?
WPBeginner Support
Site icon feature supports PNG, JPEG, and GIF image files.
Administrator
Mike Crutcher
This doesn’t work on my site. I’ve got the icon the correct size, but it’s not showing up. Perhaps it’s because of my custom URL?
Maria
Is this option to alter Site Identity and add the Favicon theme-specific? I don’t have that in my self-hosted site.
Dave
Thanks! Worked great.
Arsh
Thank you !
Nikki
I am so glad to have stumbled upon your article. I had quit trying to figure out how to upload my favicon in the past because it felt impossible. But recently, I felt the need to take another stab at it. You made it so easy! I can’t recall it being this easy to upload before.
Thank you!
Nikki
Ruby Dawnbrooke
Hello!
I have a question, recently, I’ve used the plugin All in One Favicon. I uploaded my picture but it doesn’t show up if I’m not logged into WordPress, it just keeps on showing the HostGator favicon (regular), can anyone help?
bg
Here’s a stupid question: Why do they make it so complicated? This should be something that you can do in a couple clicks, like adding an image to a blog post.
WPBeginner Support
Actually, there is a feature currently in testing which will allow users to add favicon from theme customizer.
Administrator
dzaken
thankyou so much, easer way to make it. love it
Bert Rinkel
I have a logo which I want to use. Is that possible? It is not in a square format at this point, but can be. How do I do that? Can I „create” one in iPhoto (on a Mac)? Where would I do that in iPhoto, and how? I have one on my dashboard now. Can I drag that somewhere? How do I save it as a PNG file? Where do I do that?
This is a nice general site to understand what a favicon is, but not on how to do it.
Mike
Hi Bert, I’m still feeling my way around this process myself but I am ok up to the point you are trying to reach. Creating your own or editing an existing logo to make it fit can be done in a program like Photoshop. Remember to go to New file, and set the size to 16×16 pixels. Import your image to this and reduce it to fit. If you don’t have Photoshop or any other image editing software you can go to where the instructions are easy to follow. I’m sure it doesn’t necessarily have to be a PNG file. But it does have to be an .icon which the Favicon site will convert for you from the original .jpeg you uploaded. Because I have Photoshop when I clicked on the Edit button in iPhoto it automatically opened Photoshop. See what it does when you do it on your system. It may open an alternative editing method. Hope that helps. I know what it’s like as a beginner.
chukwubueze
Thanks man.. your site has been useful to me and also your videos on youtube. am still working on my site.. you can have a look.
vinayak
Can i add Meta description and meta keyword for my site using this plugin.
4ryan
what is this apple touch icon???
4ryan
thanks this is what i am looking for, but how can i add site logo. wordpress.com has option to add site logo but i cannot find it in self hosted wordpress cms
ConnieKirkpatrick
Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page?
Apoorva
I managed to add the favicon without the background image. But when I move to another tab on the browser, the background image shows up. For example- if you look up the favicon is perfect. But, when you are on another tab, you will the white background show up. Any advice would be highly appreciated! Thank you!
mohammad raheem
Simply add this line in your header.php at any where before tag.
and upload favicon.ico to root folder of your website. Root folder where your wp installed, do not upload favicon.ico to sub folders. Refresh your browser one or two times your ico will appear on tab.
Daniel Lobo
This definitley fixed the problem, and changed the favicon on all pages, EXCEPT the home page! Why could that be?? Help please! And thank you!
Manuel Echeverry
great! I will do it
joe
dis noob didnt use the transparency
Emma Lock
Thank you so much for making this so easy to follow!
Monu Saifi
Thanks for give the tops to add favicon icon on my blog.
Thanks again
Richard
Is there a way to install the all in one favicon plugin via my /wp-admin/ page via my browser? I’ve built everything straight through the browser, no ftp at all.
shashi
i may go to theme custimztion..there u see the option of uploading the favicon icon easliy…
Lluisrd
Great¡¡¡, Just editing only one line of (header.php) I have a favicon.
But I prefer 128×128 favicons…. like Google
TNXS
Kayode
Thanks so much… I tried the insert header and footer but it didn’t work but when I tried the „All in one Favicon”, it worked.. Thanks a lot..
Joel Mwakasege
Wow thank you, this one was a life savior. My blog was just on default to WordPress Icon.
Rahul
What,s the difference?
I mean why to mess with FTP,if a simple plugin is available and serving the same purpose?
Editorial Staff
Because the task is so simple, it can be by avoiding a plugin. But again personal preference.
Administrator
Kelvin Hanratty
Is there any reason why is HAS to be 16×16, because high resolution or, dare I say it, „Retina” screens are at a higher pixel density?
The reason I mention it, as I’ve used a site to convert a picture into a favicon and it gave me multiple sizes as options: 16, 32, 64 pixels. Does WordPress not cater for this?
Excuse my ignorance, I’m pretty new to WordPress!
Kelvin.
Kelvin Hanratty
Sorry, misread the post below about bluehost. Oops!
Praveen Prasad
Without uploading Plugins one can simply apply a Favicon to a Site.
Simple Steps :-
1) Hosting CPanel —> File Manager –>
2) Search for the default image in the Theme folder.
Ex- genesis/images/ favicon.ico
Upload your .ico file to the same folder and remember the name of the default file.
(here favicon.ico)
I don’t think that remembering a simple filename is annoying.
Then delete this file and rename the new image file with the previous file name.
It Works
David
Yes, this how I did that in bluehost. I’ve just overwrite the favicon.ico that was there with my image uploaded. The only thing is that the original was set at 16×16 and I had to add a similar 16×16. It didn’t take a 32×32 though but it’s fine, it worked easily.