How you can Simply Take away WordPress Icon from Browser Tab

  • December 30, 2022
  • elkenz
  • 6 min read

Do you need to take away the WordPress icon from the browser tab of your web site?

Eradicating the WordPress icon can show to be extraordinarily helpful for you as it would permit you to design your personal website icon and improve your model recognition amongst clients.

On this article, we’ll present you learn how to simply take away the WordPress icon from the browser tab.

How to Easily Remove WordPress Icon from Browser Tab

Why Ought to You Take away the WordPress Icon from Browser Tab

The WordPress icon in your browser tab could make your web site look generic and unprofessional. Most customers have many tabs open of their browser which leads to your web site title being hidden.

Together with your web site title hidden, customers don’t have any method to acknowledge your website instantly. With simply the WordPress brand within the tab, your customers will probably be unable to determine your website amongst many others.

By eradicating the WordPress icon from the browser tab and including a favicon (aka your website icon), you should use your personal model and make your website extra user-friendly to your guests.

A favicon is a tiny picture that seems subsequent to your web site’s title within the browser.

Browser tabs

The favicon will assist your customers instantly acknowledge your web site and swap between completely different tabs effectively. Extra frequent guests will even construct instantaneous recognition for that tiny picture in your browser.

How you can Take away the WordPress Icon from Browser Tab

The method of eradicating the WordPress icon and including a favicon instead is extraordinarily simple. There are three strategies that can be utilized to take away the WordPress icon from the browser tab.

At this time, we’ll be looking in any respect three strategies and you’ll select the one which feels best for you.

Technique 1. Eradicating the WordPress Icon With out a Plugin

As of WordPress 6.1, the WordPress default theme comes with a full website editor. It’s also possible to use this methodology for those who’re utilizing a block theme in your WordPress website to take away the WordPress icon.

On the time of penning this tutorial, the default WordPress 6.1 theme Twenty Twenty-Three doesn’t have a website icon block to alter your favicon away from the WordPress brand.

In the event you navigate to Look » Editor out of your WordPress admin dashboard, this can open up the total website editor, however you can’t change your favicon from right here or take away the WordPress icon from the browser tab.

Go to full site editor from WordPress dashboard

So you possibly can copy and paste the URL beneath into your browser to open up the theme customizer.

https://instance.com/wp-admin/customise.php

Bear in mind to switch ‘instance.com’ with your personal website’s area identify.

This URL will take you to the Theme Customizer. As soon as there, merely click on the ‘Website Identification’ tab.

Select the Site Identity tab

Now on the ‘Website Identification’ web page, scroll all the way down to the ‘Website Icon’ part.

Merely click on the ‘Choose Website Icon’ button which can open up the WordPress media library.

Click Site Icon button

Now you can choose any picture that you simply need to use as a favicon to switch the WordPress icon on the browser tab.

For extra particulars on learn how to create a favicon, you possibly can try our article on learn how to add a favicon in WordPress. If the picture that you simply’ve chosen to make use of as a favicon exceeds the really useful measurement, then WordPress will permit you to crop it.

When you’re glad together with your alternative merely click on the ‘Publish’ button on the high.

Congratulations! You’ve efficiently eliminated the WordPress icon from the browser tab and changed it with your personal.

Take away the WordPress Icon in a Theme with out Full-Website Enhancing

In the event you’re utilizing any non-FSE theme, then you possibly can immediately navigate to the Theme Customizer at Look » Customise to take away the WordPress icon from the browser tab.

In websites that don’t assist the full-site editor, the WordPress theme customizer means that you can change particulars about your website such because the favicon, typography, default colours, footer, and extra.

As soon as within the Theme Customizer, click on on the ‘Website Identification’ tab. The method is identical because the one we showcased above. You’ll be able to take away the WordPress icon just by importing a website icon of your alternative.

When you’re comfortable together with your alternative, merely click on on the ‘Publish’ button to avoid wasting modifications.

Technique 2. Eradicating the WordPress Icon Utilizing a Plugin

It’s also possible to use a plugin to take away the WordPress icon and change it with a favicon. For this tutorial, we will probably be utilizing the Heroic Favicon Generator plugin.

It’s a well-known plugin that’s utilized by many so as to add a favicon to their web site.

Heroic Favicon Generator Plugin

First, all you must do is set up and activate the Heroic Favicon Generator plugin.

For extra particulars, please check out our information on learn how to set up a WordPress plugin.

After the plugin has been activated, merely go to Plugins » Put in Plugins and click on on ‘Favicon Settings’ possibility.

After activating the plugin, click on Favicon Settings

This may take you to the ‘Heroic Favicon Generator Settings’ web page. Right here, merely click on on the ‘Choose Favicon’ button beneath the ‘Choose Favicon’ possibility.

This may open up the WordPress media library. Now, you possibly can select and add any picture that you simply need to use as a favicon.

Click on Select Favicon button

After you’ve uploaded your favicon, you possibly can scroll all the way down to the ‘Previews’ part the place it is possible for you to to see how the favicon will look in your web site.

When you’re glad, merely scroll down and click on on the ‘Save Modifications’ button.

Previews of favicon

You’ve gotten efficiently eliminated the WordPress icon and have added a favicon instead.

We hope this text helped you learn to take away the WordPress icon from the browser tab. You may additionally need to see our final WordPress search engine optimisation information to enhance your rankings, and take a look at our article on learn how to simply transfer your weblog from WordPress.com to WordPress.org.

In the event you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.

Leave a Reply

Your email address will not be published. Required fields are marked *