faviconУрок №44

Данная статья будит посвящена эстетическому виду блога, так сказать имиджу и бренду. В сегодняшнем уроке я расскажу и покажу, как сделать иконку для блога. И делать мы это будим при помощи Favicon.

Что такое Favicon

Favicon (фавикон)— значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. Как это выглядит в живую:

favicon

 

Как вы понимаете, ваша иконка будит вашим логотипом в сети. Так что нужно отнестись к этому очень ответственно. Вы можете использовать уже готовые фавиконки, либо нарисовать сами. Рисовать не сложно, сейчас покажу и расскажу...

Как создать Favicon самому

В создании фавикон нам поможет один очень простой сервис — www.favicon.cc. Перейдя по ссылке на сервис, вам откроется простенький холст 16Х16 квадратиков, и палитра цвета.

рисуем

Выбирая цвет и тыкая по холсту, вы рисуете любой рисунок, который и будит являться вашей иконкой. Причём во время рисования, вы сразу же можете видеть как это будит выглядеть в живую...

рисуем иконку

 

По завершению художественных работ, нажимаем Download Favicon. И к вам на комп скачивается файл с вашим логотипом, он будит иметь вид: favicon.ico.

Как сделать Favicon для сайта

Иконку создали, теперь нужно как то её связать со своим блогом. Это просто. Полученный favicon.ico закидываем в корень блога (т.е. в папку, где находятся папки wp-content, wp-admin и т.п.).

favicon_2

 

Далее открываете файл header.php. И прописываете в этом файле следующий код:

<link rel="shortcut icon" href=«http://адрес_сайта/favicon.ico»; type="image/x-icon" />
<link rel="icon" href=«http://адрес_сайта/favicon.ico»; type="image/x-icon" />

И помните: код должен быть после тега <head> и до </head>. Не забудьте вписать вместо слов — адрес сайта, урл вашего сайта. Сохраняете все ваши дела и всё готово. Иконка может не сразу появиться, нужно почистить кэш и куки вашего браузера. И подождать немного.

В следующем уроке я покажу как защитить блог от спама.

Комментариев: 10

  1. Ayuranyuk

    Спасибо, урок был полезным. Только вот бы ещё рисовать научиться, или фантазировать...

  2. Олег

    Я просто закинул в корень блога. Больше ничего не делал. У меня автоматом иконка поставилась.

  3. Олег

    Посмотрел в папках. У меня несколько таких файлов header.php. В любой можно код прописывать?

    1. Павел

      По идее должен быть один. Два одинаковых названия header.php не могут быть. Дайте скриншот.

    1. Павел

      ну в данном случае всё ясно. Вы показываете один и тот же файл в 2х разных шаблонах, фотобук и макстор. Для каждого шаблона есть стандартный набор файлов, который во всех шаблонах одинаковый. Редактируйте тот, который активирован и нужен вам.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *