Favicon на сайте DLE

29 Мая 2022г. в 04:33

Статью рассчитана в первую очередь на новичков, которые никогда не работали с иконкой favicon и слабо представляют, что это такое и для чего нужен favicon. Поэтому, пожалуй, стоит начать статью с определения того, что же такое есть этот самый Favicon. Определение термина, конечно же, можно найти в Википедии. Ознакомившись с определением термина нам понятно, что favicon — ни что иное, как иконка сайта, показывающаяся (если она, конечно, имеется на сайте) во вкладке браузера слева от названия сайта. Если такая иконка не установлена, тогда на вкладке вы увидите только название сайта.



Согласитесь, наличие такой иконки делает сайт более узнаваемым. Особенно это касается брендовых проектов, которые могут знать и регулярно посещать многие пользователи. Наличие favicon на сайте имеет еще один, порой значительный, плюс — эта иконка показывается в результатах отдельных поисковых сервисов. Например, Яндекс Поиск показывает favicon.

Выгода здесь проста: пользователь что-то ищет, набирает поисковый запрос, получает результаты поиска, среди которых, допустим, будет и ваш сайт, но, скажем на пятом месте. При этом пользователь знает ваш сайт, посещает его. Как вы думаете, какова вероятность того, что пользователь, увидев в результатах поиска знакомую иконку, выберет ваш сайт? Думаю, вероятность достаточно высока. Именно поэтому иметь favicon на сайте, особенно брендовом проекте, крайне желательно.

Теперь давайте посмотрим, есть ли favicon на сайте DLE. Да, такой есть в теме Default, которая поставляется в комплекте DLE.



Кстати, удивительное дело — на официальном сайте DLE favicon по какой-то причине отсутствует. Странно, но это так. Но вернемся к нашему сайту и его иконке favicon. Хотя иконка и симпатична, однако она вряд ли будет совпадать с логотипом вашего сайта или соответствовать его тематике. Именно поэтому вы скорее всего захотите поменять стандартный favicon в шаблоне DLE. Сделать это очень просто.

Давайте посмотрим исходный код сайта и найдем там следующую строку:



Именно этой строкой кода подключается favicon. Здесь стоит отметить, что если положить иконку в корень сайта, тогда в коде ничего писать не нужно, бруазер и поисковики по умолчанию ищут favicon именно в корне сайта и показывают его. Если же вы хотите положить favicon в какую-то папку, тогда необходимо указанной строкой кода указать путь к иконке.

Как видим, иконка находится по следующему пути: /templates/Default/images/favicon.ico. Соответственно, для того, чтобы изменить иконку, нам достаточно заменить файл favicon.ico на свой по указанному пути. Давайте попробуем.



Как видим, у нас все получилось. Другой способ, как и говорилось выше, заключается в том, чтобы поместить favicon в корень сайта DLE и в шаблоне main.tpl удалить или закомментировать строку кода, которая указывает путь к иконке сайта.

На этом я с вами прощаюсь. Удачи!