How to Add a Favicon in WordPress (The Easy & Reliable Way)

How to Add a Favicon in WordPress (The Easy & Reliable Way)

Compete Themes

4 года назад

13,691 Просмотров

Adding a favicon can now be done in less than five minutes. Follow these steps to easily create and add a favicon to WordPress.

Favicon creator from the video - https://favicon.io/

SUBSCRIBE: http://link.competethemes.com/subscribe-ytd
TWITTER: https://twitter.com/CompeteThemes

--------------------------------------------------------------------------
Get help with your site
--------------------------------------------------------------------------

Want expert email support and site customizations done for you? Check out my new service, WP Site Partner: https://bit.ly/2Un9nMM

--------------------------------------------------------------------------
Who is Ben?
--------------------------------------------------------------------------

In 2010, I made my first WordPress website.

In 2014, I started a WordPress theme business called Compete Themes. I’ve since designed and developed 19 WordPress themes that have been downloaded more than 1.5+ million times. As a WordPress user, developer, and business owner, I can tell you that I know this platform inside-and-out.

Now I'm teaching everything I know.

I'm on a mission to answer all of the web's WordPress questions, and with the lessons in my videos, you'll skip hours of frustration and instead learn how to use WordPress in a way that is both simple and enjoyable.

If you want to keep up with my latest tutorials, make sure to subscribe to my channel, and if you have a topic you want covered, post a video request in the comments below!

Click here to subscribe to my channel: http://link.competethemes.com/subscribe-ytd

--------------------------------------------------------------------------
My Favorite Tools
--------------------------------------------------------------------------

Compete Themes - If you're a passionate content creator - blogger, podcaster, photographer, etc - you should check out my free themes at Compete Themes.

Download a free theme: https://www.competethemes.com

- - - - - - - - - - -

Elementor - If you want complete control of your site's design, you'll love the Elementor plugin.

Download Elementor: http://trusted.wpanswered.com/elementor-ytdd

- - - - - - - - - - -

WPForms - Every website needs forms, and for contact forms, sales forms, and even email marketing forms, WPForms is my go-to choice.

Download WPForms: http://trusted.wpanswered.com/wpforms-ytdd

- - - - - - - - - - -

Bluehost - If you're looking for a very affordable host to get started with, Bluehost has plans as low as $2.95/month (I used them for my first site in 2010).

Signup with Bluehost: http://trusted.wpanswered.com/bluehost-ytdd

- - - - - - - - - - -

Kinsta - If you want the best WordPress hosting money can buy, choose Kinsta. I use them to host all of my websites now.

Signup with Kinsta: http://trusted.wpanswered.com/kinsta-ytdd

--------------------------------------------------------------------------
About this Video
--------------------------------------------------------------------------

Favicons are the little images that display on the left side of browser tabs. I'm sure you're used to seeing these and excited to add your own.

As of version 4.3, you can now add favicons to WordPress without installing any new plugins. The option is available in the Site Identity section in the Live Customizer. WordPress calls it a "Site Icon" instead of a favicon.

When adding a favicon to your WordPress website, make sure you're uploading a transparent PNG image that is 512x512px. The image needs to be so big because it's also shown in bookmarks and mobile apps where it's sometimes displayed much larger.

If your favicon doesn't show up right away, try clearing your site's cache (if you're using a caching plugin), and then clear your browser's cache too. These updates will ensure that your favicon is displaying for you and your visitors correctly.

--------------------------------------------------------------------------
Affiliate Disclosure
--------------------------------------------------------------------------

Some of the links above are "affiliate links." That means if you click one of these links and buy the recommended product, I receive a sales commission at no additional expense to you. If you appreciate the videos and you're learning a lot about WordPress, using one of these links for your next purchase is a cool way to say, "thanks for the video."

--------------------------------------------------------------------------
Video Schedule
--------------------------------------------------------------------------

I publish new WordPress tutorials every Tuesday & Thursday at 12pm EST.

Subscribe now: http://link.competethemes.com/subscribe-ytd
--------------------------------------------------------------------------

Тэги:

#how_to #wordpress #wp #wordpress_tutorial #learn_wordpress #learn_wp #wordpress_tip #wordpress_guide #wordpress_tutorials #wordpress_add_favicon #how_to_add_favicon_in_wordpress #favicon #wordpress_favicon #wordpress_favicon_plugin #add_favicon_wordpress #favicon_generator #wordpress_change_favicon #wordpress_favicon_not_updating #wordpress_update_favicon #change_favicon_wordpress #favicon_code #add_favicon_in_wordpress #favicon_size #icon_in_address_bar #icon_browser_tab
Ссылки и html тэги не поддерживаются


Комментарии:

@viveksharma8611
@viveksharma8611 - 12.09.2022 12:10

Will make video on how to set up WordPress Booking plugin with WordPress site? it will more helpful for community

Ответить
@MerwanG
@MerwanG - 05.10.2021 19:42

Awesome video, thank you very much!

For people wishing to rank their website, I believe it's recommended to name the file according to their website, for search engine optimization purposes.

Have a good one guys 😉

Ответить
@johnc7321
@johnc7321 - 26.09.2021 20:03

Easy Peasy!

Ответить
@SouProds
@SouProds - 01.08.2021 19:00

Thanks Man, this helped!

Ответить
@MeganplusFIVE
@MeganplusFIVE - 28.05.2021 19:04

Thank you for your tutorial! This was the third one I watched/read but the first one that actually had the correct way of uploading the favicon. Thank you <3 !!

Ответить
@jamesm691
@jamesm691 - 08.05.2021 11:23

The Astra theme doesn't have a 'site identity' option? How do I change it without that?

Ответить
@renzyblanquezact-2a92
@renzyblanquezact-2a92 - 06.03.2021 21:08

Can i upload high pixels ?

Ответить
@Mimi-iw1qh
@Mimi-iw1qh - 18.02.2021 07:16

Thank you!

Ответить
@SangNguyen-uz4pb
@SangNguyen-uz4pb - 09.02.2021 12:57

this is awesome !!!

Ответить
@sendcedis2naira349
@sendcedis2naira349 - 25.01.2021 07:34

helpful

Ответить
@pranavgaba8344
@pranavgaba8344 - 28.10.2020 19:11

Best video on the topic!! Keep making videos like this❤❤

Ответить
@topnotchdec
@topnotchdec - 12.05.2020 12:30

Tks a lot. Very easy way.

Ответить
@Simi3800
@Simi3800 - 09.02.2020 23:51

Thank you for this.

Ответить