Как сменить стандартную иконку сайта на Dle и WP

На удивление этот вопрос очень популярен в сети. Откровенно говоря Я не вижу тут ничего сложного, но все же, что бы быть в тренде решил написать статью в которой пошагово поясню как сменить иконку(favicon) на любом сайте включая DLE или WordPress.

Речь пойдет об иконки которая отображается во вкладке браузера.

d0caf64bb1

1. Как сменить иконку на сайте DLE

Если на сайте нету иконки:

Шаг 1. Откройте в редакторе шаблона код главной страницы вашего сайта (http://site.ru/admin.php?mod=templates) main.tpl

Шаг 2. После {headers} вставьте код  и сохраните изменения

<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />

Шаг 3. Теперь создадим саму иконку. Для этого открываем один из рисовалок иконок http://favicon.ru Думаю нет смысла объяснять что к чему.

Шаг 4. Загрузите вашу favicon.ico в папку images которая находится templates/имя активного шаблона/images. С делать это можно с помощью подключения по FTP

Если на сайте уже есть иконка:

Просто создаете иконку и заменяете ее в папке images. У иконки обязательно должен быть формат *.ico

 

2. Как сменить иконку на сайте WP

Если на сайте нету иконки:

Шаг 1. Откройте шаблон заголовка (header.php) Консоль — Внешний вид — Заголовок (выбрать в правой колонке)

Шаг 2. После <head> вставьте код и сохраните изменения

<link rel="icon" type="image/png" href="<?php bloginfo("template_url"); ?>/images/favicon.ico" />

Шаг 3. Теперь создадим саму иконку. Для этого открываем один из рисовалок иконок http://favicon.ru Думаю нет смысла объяснять что к чему.

Шаг 4. Загрузите вашу favicon.ico в папку images которая находится wp-content/themes/имя активного шаблона/images. С делать это можно с помощью подключения по FTP

Если на сайте уже есть иконка:

Просто создаете иконку и заменяете ее в папке images. У иконки обязательно должен быть формат *.ico

 

3. Как сменить иконку на любом статическом сайте

Шаг 1. Откройте код вашего сайта в котором есть тег <head>

Шаг 2. После тега <head> вставьте код

<link rel="icon" href="images/favicon.ico" type="image/x-icon" />

Измените адрес к иконке относительно расположения главной страницы и сохраните изменения.

P.S: Абсолютные и относительные ссылки можно изучить тут

Шаг 3. Теперь создадим саму иконку. Для этого открываем один из рисовалок иконок http://favicon.ru Думаю нет смысла объяснять что к чему.

Шаг 4. Загрузите вашу favicon.ico в папку images которая находится wp-content/themes/имя активного шаблона/images. С делать это можно с помощью подключения по FTP

 

Понравилась статья? Ставь лайк.

Обсуждения

Оставьте свой Email И мы обсудим Вашу идею
*P.S.:Не работаю с бюджетами менее чем 600$