search 2013 adfgs

Как поставить фавикон (favikon) на сайт на Joomla или WordPress

Лишь недавно дошли у меня руки оснастить свои сайты “фавиконами”. Кстати, добавлю-ка я это понятие в свой “Словарь вебмастера“, а то как-то сразу пропустила. Ну и все равно продублирую в этом материале – что же такое favicon и нафига он нам вообще на сайте нужен.

Favicon – это такая небольшая иконка, которая будет выводиться вверху на вкладке браузера, когда человек зайдет на ваш сайт. У меня, как видно из скриншота, это блокнотик с карандашиком.

Как поставить фавикон (favikon) на сайт на Joomla или WordPress

И такая же фигнюшка будет видна и в результатах поиска в Яндексе (а в Гугле почему-то нет). Тут я пока вам картинку показать не могу, потому что поставила фавикон недавно, и Яндекс пока еще не успел обновить свои базы иконок (да-да, они тоже обновляются), поэтому пока что в результатах поиска слева девственная чистота (но как только Яндекс очухается – я сюда скриншот добавлю).

У многих сайтов есть favicon, у некоторых его нет, и, в принципе, жить им это никак не мешает. Но наличие такой иконки сможет выделить ваш сайт из общей массы других, так что мой вам совет – все же поставьте ее. В принципе, ничего сложного тут нет.

Должна заметить, что у фавиконки всегда должно быть одно название и одно расширение – favicon.ico. Вы можете создать ее при помощи некоторых графических программ, но далеко не все они бесплатны, да и вообще, там еще какие-то установки делать надо, сложно все это, а мы здесь умные, мы ищем максимально легкие пути решения наших задач :)

Итак, если у вас уже есть определенная картинка, из которой вы хотите создать favicon, то вам нужно просто пойти сюда, внимательно прочитать все, что там написано, загрузить свою картинку, скачать получившийся вариант к себе на компьютер и ни в коем случае не терять :) Ну а если вам и с этим лень заморачиваться, то в сети есть множество сайтов с готовыми фавиконками. Просто забиваете в поиск “фавикон для сайта”, подбираете нужное – и все готово. Только учтите, что на некоторых сайтах эти иконки скачиваются не в формате ICO, а, к примеру, PNG. В этом случае загоняете их на тот же самый сайт favicon.ru, который все вам отлично переведет в нужный формат.

Ну а дальше самое интересное. Нам нужно эту картинку закинуть на сайт так, чтобы все отображалось именно там, где надо.

Joomla

Кидаем через FTP favicon.ico в корневой каталог сайта. То есть туда, где мы видим также файлики configuration.php, index.php и прочие. Если у вас на хостинге несколько сайтов, то вы наверняка знаете, что для каждого там заводится отдельная папка. Вот ее открываете и в нее кидаете. Как правило, если до этого шаблон, который показывается по умолчанию на вашем сайте, не ставил свой собственный favicon, то просто перезагрузив главную страницу, вы получите желаемый результат – в верхней части браузера увидите свой фавикон. Если же шаблон уже влепил что-то свое, то идем в папку templates, заходим в папку того шаблона, что стоит у вас по умолчанию, и удаляем оттуда нафиг favicon.ico. Перезагружаем главную страницу. Все равно та же история? Тогда кидаем ваш собственный favicon.ico в папку с шаблоном, именно в то место, где лежал тот, который вы удалили. Вот теперь все должно получиться наверняка.

WordPress

Здесь та же история. Кидаем фавикон в корневой каталог – там тоже есть index.php, а еще – wp-config.php. Нажимаем F5 в браузере. Если не помогло, то будем пытать шаблон. Идем по FTP в папку /wp-content/themes/имя_вашего_шаблона, кидаем туда иконку. Потом нам нужно чуток поколдовать над файлами шаблона. Идем в админку, заходим в раздел “Внешний вид” / “Дизайн” – “Редактор”, ищем “Заголовок” (header.php). Там перед закрывающимся тегом

</head>

вставляем вот это:

<link rel="shortcut icon" href="<?php bloginfo(‘template_url’);
?>/favicon.ico"/>
<link href="/favicon.ico" rel="icon" type="image/x-icon" />

Вместо template_url вам нужно будет указать путь к вашему шаблону. Например, такой: /wp-content/themes/super-puper-template (последнее, естественно, нужно заменить на название вашего шаблона :) ).

Ну как, получилось, работает? Если работает, то это хорошо, а если нет – тут уже придется вам дальше гуглить и искать нужные решения :) Лично у меня все получилось. Успехов!

Ваша вебмастерица

Понравился материал? Добавьте на него ссылку в социальных сервисах или нажмите "Мне нравится":


Один отзыв

  1. Словарь вебмастера | Будни Вебмастера пишет:

    [...] Favicon – это такая небольшая иконка, которая будет выводиться вверху на вкладке браузера, когда человек зайдет на ваш сайт. У меня это блокнотик с карандашиком. И она же будет видна и в результатах поиска в Яндексе. Как поставить Favicon на сайт [...]

Ваш отзыв

Пожалуйста, пишите только по делу. Комментарии, содержащие бред, не относящийся к записи, одобрены не будут! И помните, что все ваши ссылки все равно будут закрыты от индексирования, так что любителям повышать таким образом ТИЦ лучше не беспокоиться.





 

Внимание: Комментарии модерируются, и это может вызвать задержку их публикации. Отправлять комментарий заново не требуется.