← Back to Blog

How to Add a Favicon

Although adding a favicon may seem unnecessary for some, it is a process that has many advantages. Without knowing what a favicon is, it would be a little difficult to know what adding a favicon is 🙂 If you wish, let me explain what a favicon means. Favicon; It is the small icon of your […]

10 December 2012 3 dk okuma WordPress Blog

Although adding a favicon may seem unnecessary for some, it is a process that has many advantages. Without knowing what a favicon is, it would be a little difficult to know what adding a favicon is 🙂 If you wish, let me explain what a favicon means. Favicon; It is the small icon of your site that appears before the address sections of browsers. This icon will indicate the location of your site in a browser with many pages opened, and will also ensure that the image you created appears in the same way if your site is added to favorites.

How to make a favicon. That’s why I continue assuming you have a favicon file.

Adding Favicon to Your Site

Adding Favicon Step 1

First of all, what you need to do is to upload your favicon file to the main directory of your site. What we need to do after this process is to include the code that will call the favicon in our theme file. There are two ways to do this; The first is to access and edit the theme files of your site through a program like dreamweaver. This will be easier for advanced designers.

Adding Favicon Step 2

If you do not have much experience with dw, all you need to do is access the theme files of your site through the WordPress admin panel and make the necessary changes. To do this, you click on the “Editor” heading from the “Appearance” menu in your WordPress admin panel. Then, we open the header.php file, which must be present in every theme, and find the line

Adding Favicon Step 3

You give a line space and place the following code right above it. I wrote the address of my own site as an example, you should replace it with your own address.

<link rel="icon" href="https://www.alicinaroglu.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="https://www.alicinaroglu.com/favicon.ico" type="image/x-icon" />

After checking the code you added, you can click update the file and start using your new favicon.

I did everything right, but my favicon file does not appear?

Do not worry, favicon files are located in browser caches and the changes you make will not be visible immediately. To understand whether it is working or not, you can enter your site from a different browser, such as Internet Explorer, with all history files cleared and check your favicon file.

Keep following my Blog for this and similar tips.

Let's Talk About Your Next Project

Drop a brief summary and I'll get back to you shortly.