How to change the site's favicon in different CMS?

Probably, many users noticed that when you open a particular site in the left corner of the tab displays a small icon, typical for each portal. However, very few people know what it is and how to change it on its website.

The history of the appearance of the first favicons

A small icon on the site is called a favicon, which means "icon for favorites" in English. Initially, it was used to quickly search and restore order in bookmarks in IE browsers. Then it became ubiquitous to be displayed practically by all Internet-brodilks for giving special stylistics to the site.

Favicon Features

Favicon is a normal image, usually 16 by 16 pixels in size. For storage, the formats ICO, PNG and GIF can be used. Favicon is supported by many popular browsers. These include Chrome, IE, Opera, Firefox. Some can support animation versions, some do not.

By default, the browser tries to find the icon in the root of the site. However, you can tell him exactly where it is. To do this, use the following line in the code:

.

Creating Your Favicon

To create your own icon, it is enough to use one of the on-line online editors. For example, the most famous is at favicon.ru. It is necessary to mark in pencil the points requiring pouring, and then save the picture.

How to change the favicon

Many web developers try to change the standard CMS icon when creating a site, or not at all on a more suitable topic. Next, there will be a listing of ways to describe how to change the favicon in different content management systems or without them.

Joomla 1.5 and working with Favicon

Joomla 1.5 is one of the first stable versions of the content management system. It is used less and less, but many still support it on some sites. In order to change the favicon in Joomla 1.5, you need to create an icon from the finished drawing or from scratch. Then go to the folder with the Joomla templates that are in the templates directory, and copy the phavicon there.

Joomla 3

The last of the released versions of this content management system. Improved functionality and added new features.

Before changing the favicon in Joomla 3, you must first create it. How to do this was described above. Then you can use one of two methods. The first is borrowed from Joomla 1.5 and assumes a manual replacement of the file in the template folder.

To implement the second method, you need to edit the file index.php, which is in the root folder of the current template. It is interested in the tag. To make everything work as it should, you need to enter from the opening tag to the closing tag:

.

You can get to the index.php file by simply navigating to the required folders or through the admin panel. In the control panel, go to the "Extensions" and go there to the "Template Manager". Among the options that are present, you must select the current one and click "Change the template for the main page". The code editor opens, in which the above code must be inserted between the opening and closing head tag.

Sometimes the Favicon is not displayed immediately in the SERP. This may be due to the fact that the page has not yet been indexed. It is worth a little wait, and in a few days, and maybe a month, a new favicon will be displayed at the top of the site.

How to change the Favicon in Bitrix

Bitrix is a content management system, on the basis of which it is possible to create both simple websites and corporate portals. Developed by the company "1C-Bitrix."

The structure of the site files is somewhat similar to Joomla, and the process of replacing the Favicon with the desired one is exactly the same. That is, you need to go to the template folder and copy the desired picture in the ICO format. If it does not help, try also adding it to the project's root folder.

There is also another way, which can be combined with the two listed above. It is necessary to write in the main file already known lines:

.

WordPress

WordPress is one of the most famous content management systems. Has found its popularity due to the fact that it is free, easy to learn and functional. How to change the favicon on the WordPress site? This process is simpler than the rest in this CMS. You need to go to the control panel and go to the Cherry Options section, then select the Logo & Favicon tab. The existing file must be deleted using the Remove button. Then prepare a new icon and upload it to your computer. Now, using the media library, you need to add the updated icon to the database and save the changes.

After all the manipulations, just reload the page and see how the favicon changed. It's possible that it will not be displayed the first time, so you need to update your browser's cache and try again.

There is another way to change the favicon in WordPress. To do this, there is a special file called header.php, which is responsible for displaying the site header. It has a block with tags head. That's it is between them and you need to insert the following code:

Header.php is located on the path / wp-content / themes / topic name. It is worth paying attention to the fact that the lines of code use the extension ICO. However, if it is of a different type for the current favicon, then you can specify in the code what you need.

Conclusion

The article described in detail how to change the favicon in different content management systems. Why do we need to do this and what practical interest does this procedure have? The main reason is the recognition of the site. It is on the favicon that you can find out your favorite site in search results. In addition, with a large number of open tabs in a modern browser, you can quickly calculate which page a page is located on.

Before you change the Favicon, you need to prepare it. This can be done by converting the finished drawing or logo. Or manually draw a new Favicon from scratch. To do this, there are many online editors, as well as converters on the network.