Как сделать иконку для сайта на WordPress?
Привет всем друзьям и читателям — Sozdaiblog.ru!
Если Вы поднимите свой взгляд вверх и посмотрите на окно ввода вашего поисковика, то слева от URL – названия блога, каждый сможет увидеть маленькую картинку.
Эта картинка называется – «Favicon.iso»(Фавикон), а по простому – «Иконка».
И сегодня, я Вам расскажу, как сделать иконку для сайта на WordPress.
Многие говорят, что фавикон не особо нужен, но я не могу с этим согласиться.
Возьмите, к примеру, любой сайт с фавиконом и добавьте в закладки браузера. После этого, сделайте то-же самое для сайта без него.
А теперь, посмотрите на закладки и скажите, какой сайт первым привлёк Ваше внимание?
Вот, то-то и оно. Да и вообще, мне лично нравиться, как он смотрится в уголке моего браузера.
Как сделать Иконку для сайта на WordPress.
Сделать фавикон не сложно, для этого подойдёт любой графический редактор. Не знаю, как Вы, но я пользуюсь Adobe Photoshop.
Редактируете в редакторе, любую понравившуюся Вам картинку и сохраняете её в формате PNG или GIF, с размером 16х16px или 32х32px.
Теперь, её нужно загрузить на хостинг в папку с темой сайта.
Сделать это быстро, можно с помощью ftp-клиента.
Научиться обращаться с ftp-клиентом Вы сможете, прочитав статьи:
Вот такой путь должен получиться у вашей картинки:
- domains/Ваш сайт /wp-content/themes/картинка.png
Далее нам нужно внести изменения в файле — «header.php».
Для этого заходим в админку WordPress, раздел – Внешний вид => Редактор:
И в правой колонке выбираем файл – «header.php»:
Тут, Вам нужно найти теги — <head> </head> (обычно они в начале) и перед закрывающим тегом </head> вставить следующий код:
<link rel="shortcut icon" type="image/png" href="http://Имя вашего сайта /wp-content/themes/Картинка.png"/>
Затем обновляем файл, заходим на свой блог и радуемся появившейся иконке.
Вообще в Интернете очень много сайтов, с помощью которых можно сделать фавикон.
Вот один из них:
Заходите и загружаете любую картинку с компьютера или интернета, нажимаете – «Создать Favicon.iso»:
Сайт автоматически обработает и сгенерирует Вашу иконку, после чего предложит её скачать:
Как создать анимированный favicon.iso.
Для того чтобы создать анимированный favicon, Вам нужно найти, или сделать в графическом редакторе, анимированную картинку, но исключительно в формате – GIF.
Затем, по той же схеме прописать следующий код:
<link rel="shortcut icon" type="image/gif" href="http://Имя вашего сайта /wp-content/themes/Картинка.gif "/>
Делайте всё точно, как я описал и будет Вам счастье.
На этом всё!
Думаю я смог донести до всех, как сделать иконку для сайта.
Если по каким-либо причинам у Вас не получилось сделать фавикон, обязательно напишите в комментариях, и мы вместе разберёмся с этой бедой.
Расскажите, а Вы используете иконку для сайта?
На сегодня всё. Удачи.
С уважением, Денис Черников!