Joomla favicon
От автора: приветствую Вас уважаемые читатели. В данной статье мы с Вами поговорим о маленькой, но в то же время полезной детали любого хорошего сайта, иконке для CMS Joomla – favicon. Вы узнаете как добавить faviconна сайте, а так же изменить уже существующий.
Для тех, кто не знает favicon – это маленький значок (иконка) сайта, который отображается веб-браузером во вкладке непосредственно перед заголовком сайта, или если быть более точным, перед содержимым тега title. То есть по большому счету это изображение определенного формата и размера с расширением ico.
При этом согласитесь, что правильно подобранный favicon, придает сайту уникальности и неповторимости, а так же быстро запоминается пользователями. Поисковые системы, формируя список поисковой выдачи (список с результатами поиска), так же отображают favicon, перед заголовком сайта.
А значит, первое, что бросится в глаза пользователю, это как раз иконка – значок сайта, соответственно, даже не стоит говорить о том, что если пользователь увидит среди них знакомую – это подтолкнёт его на посещение сайта. Поэтому вопрос, как поменять фавикон в joomla 3, достаточно популярен среди новичков и далее я постараюсь привести подробный ответ.
Для обеспечения кроссбраузерности, создавая favicon, как правило, выбирают формат изображения ico, потому как он поддерживается абсолютно всеми браузерами. Хотя сейчас современные браузеры поддерживают такие форматы как PNG и GIF, а Mozilla FireFox еще и JPEG, а также Анимированный GIF. Но, так или иначе, встречаются пользователи, которые используют устаревшие версии веб-браузеров, поэтому на мой взгляд, стоит все же использовать общепринятый формат ico.
Определившись с форматом, давайте выясним размер изображения, которое может использоваться в качестве значка сайта. Здесь все просто, размер favicon довольно “стандартен” и составляет 16х16 пикселей, если необходимо обеспечить максимальную кроссбраузерность. При этом для различных мобильных устройств и их специфических браузеров, можно использовать значки размером 32×32, 96×96 и даже 192×192 пикселей.
Теперь давайте поговорим о том, как установить фавикон на сайт Joomla. Но, так как иконки пока у нас нет, давайте ее создадим. Наиболее удобный способ создания — это использование on-line генераторов, так как тем самым Вы избавляете себя от установки дополнительного программного обеспечения, и как правило, данные сервисы вместе с созданными иконками предлагают скопировать код, который необходим для отображения значка.
Один из популярнейших сервисов по созданию иконок favicon, в данное время – это генератор favicon.ru, который мы с Вами и используем в данной статье. Так же довольно неплохой генератор favicon-generator (favicon-generator.org), который вместо одной иконки, создает целый архив в котором сгенерированы значки различных размеров. Соответственно для каждого размера, так же приводится код подключения.
Для создания favicon, выберем следующее изображение.
Далее переходим на сайт favicon.ru.
Теперь достаточно загрузить выбранное изображение, с помощью специальной формы и по большому счету генерация будет завершена.
После загрузки изображения, выбираем интересующую область, из которой будет сформирована иконка и нажимаем“Далее”.
После генерации, Вы можете увидеть пример отображения нового favicon в браузере и если вид Вас устраивает, кликаете по кнопке “Скачать favicon”, для скачивания файла. Таким образом, иконка готова.
Фавикон в джумле – располагается в корне каталога активного шаблона. К примеру, для шаблона Beez3, это папка — templates\beez3. А значит, скачанный файл достаточно поместить в указанную папку, тем самым заменив стандартный значок, и обновить информацию в браузере. Код, который отображает favicon в браузере, генерируется непосредственно движком Joomla, поэтому в ручную, его прописывать не нужно. Кому интересно уточню, что данный код формируется по адресу \libraries\joomla\document\html, в файле html.php. Для отображения иконки, в ядре Joomla предусмотрен специальный метод, под названием addFavicon(), который и вызывается в выше указанном файле.
Теперь, Вы знаете как поменять favicon в joomla 3, единственное хотел бы, так сказать для общего развития, привести код, для отображения иконки – дляслучая, если Вам нужно будет прописывать его вручную.
Как поменять Favicon в Joomla
В данном уроке мы рассмотрим как поменять Favicon Joomla на свой уникальный Favicon.
Favicon — это маленький значок 16\16 px, который отображается в адресной строке браузера, рядом с URL, во вкладках браузера, в поисковой выдаче и рекламных объявлениях Яндекса и т. д.
Joomla является очень популярной CMS системой с огромным функционалом, на которой построено большое количество сайтов. По умолчанию в данной системе и стандартных шаблонах используется свой значок Favicon. Он имеет несколько разновидностей и встречается очень часто.
Ошибкой многих владельцев сайтов, построенных на базе CMS Joomla является, то что они не используют свой уникальный Favicon. Наверняка вы встречали в поисковой выдаче Яндекса сайты вот с такими значками:
Преимущества использования уникального Favicon.
+ 1. Этот маленький значок позволяет выделиться вашему сайту среди огромного количества других ресурсов.
+ 2. Фавикон является важным инструментом брэндинга, который может помочь посетителю обратить внимание на ваш сайт и будет служить визуальным напоминанием о нем.
+ 3. Favicon отображается на странице поисковой выдачи Яндекса и может увеличивать кликабельность и количетсво переходов на ваш сайт.
+ 4. Если вы покупаете контекстную рекламу в Рекламной сети Яндекса, то возле обьявления ведущего на ваш сайт, так же будет отображаться этот значек и это будет влиять на количество кликов.
Именно поэтому важно иметь уникальный значек фавикон для сайта.
Как создать Favicon.
Создать Favicon можно при помощи любого графического редактора, но окончательный его вариант должен иметь раширение .ico. Поэту вам понадобится программа которая может сохранять графические файлы в данном формате. Так как устанавливать такую программу только для того, чтобы сохранить одно изображение будет излишне. То лучше всего воспользоваться специальным сервисом позволяющим это сделать.
Само изображение можно как создать самостоятельно так и использовать уже готовую заготовку. Но помните, что оно должно вписываться в дизайн вашего сайта, быть заметным и уникальным.
Не буду приводить здесь весь процесс создания фавикон подробно смотрите урок как создать Favicon.
Как установить Favicon в Joomla.
Теперь про то, как установить ваш Favicon вместо стандартного фавикона Joomla.
Если в шаблоне, который вы используете на сайте уже имеется файл favicon.ico, то вам достаточно просто заменить его на свой. Как это проверить? Зайдите в папку с вашим сайтом, далее перейдите в папку templates/название вашего шаблона/. Если в этой папке имеется файл favicon.ico, то просто замените его на свой.
Если у вас другая ситуация, то вначале необходимо подключить фавикон к вашему сайту. В начале поменстите ваш значок в корневую папку с вашим сайтом.
После этого в файле index.php вашего шаблона необходимо прописать путь к данному файлу. Для этого в файде index.php перед тегом необходимо вставить следующие строчки:
В коде выше, указаны относительные пути к файлу favicon.ico, в некоторых случаях нужно указывать обсолютные пути, для этого замените «/favicon.ico» на http://ваш-сайт.ru/favicon.ico
Добавить данный код вы можете двумя способами:
1. В административной панели Joomla пройдите в пункт Расширения >> Менеджер шаблонов. Откроется таблица в которой будут отображаться все шаблоны установленные в вашей системе. В колонке «Шаблон» найдите название вашего шаблона и кликните по нему.
На открывшейся странице кликните по ссылке «Изменить шаблон главной страницы» в результате чего откроется для редактирования файл index.php вашего шаблона. В коде найдите тег и перед ним вставьте предложенный выше код и нажмите на кнопку «Сохранить».
2. Второй способ заключается в том, что вы можете зайти в папку с вашей темой и отредактировать файл index.php при помощи какого либо редактора, например Notepad2.
Разместить файлик favicon.ico можно не только в корневой директории сайта, но и в любой другой. Однако некоторые сервисы и программы ищут его именно в этой директории поэту для своих сайтов я размещаю его именно в корневой директории и вам советую делать так же.
Что делать, если установленный Favicon не отображается.
Как только вы установите новый Favicon на Joomla, вам конечно же захочется посмотреть как он будет выглядеть во вкладках вашего браузера, но после перезагрузки страницы вам все равно будет показан старая пиктограмма.
Для того, чтобы отобразился ваш новый favicon необходимо очистить кеш браузера или зайти на сайт с того браузера с которого ранее вы на его не заходили.
Если ваш favicon не отображается в результатах поиска Яндекса, то значит Яндекс его еще не проиндексировал. Все дело в том, что у Яндекса имеется специальный бот, который занимается индексацией фавиконок.
Он находит вашу иконку, преобразует ее в формат .png и загружает на свой сервер откуда и производит ее показ. Поэтому пока он не проведет все эти операции с новой иконкой в результатах поиска она не покажется.
Если вы завершили создание своего сайта и ищете для его виртуальный хостинг или хотите перенести сайт на более качественный хостинг, то можете воспользоваться услугами хостинг-провайдера HostLand.
Если при заказе хостинга укажете промо-код 4edc1eb4 — получите целый месяц хостинга абсолютно бесплатно.
Вам могут пригодится материалы:
- FileZilla Client — бесплатный FTP-клиент
- Иконки для сайта
- Перенос сайта Joomla на хостинг
- Как вывести модуль в модуле Joomla
Изменение фавикона веб-сайта
Изменение фавикона Вашего веб-сайта — это относительно легкая задача.
- Создайте изображение размером 16×16 пикселей. Вы можете для этого использовать какой-либо графический редактор, например, Photoshop, Gimp, Paint.net или Windows Paint. Альтернативно, Вы также можете использовать инструменты, находящиеся в интернете, такие как http://antifavicon.com.
- Конвертируйте [созданное Вами изображение] в формат ico, используя один из ниже приведенных бесплатных сайтов:
- http://converticon.com/
- http://www.favicongenerator.com/
- http://www.htmlkit.com/services/favicon/
- http://tools.dynamicdrive.com/favicon/
- http://www.favicon.cc/
- Созданный Вами таким образом файл будет иметь расширение .ico. Скопируйте этот файл в директорию /joomla/templates/ и назовите его favicon.ico .
- Откройте какой-либо браузер. Вы видите свою новую иконку? Если да, то поздравляем. Если нет, то это не обязательно значит что Вы сделали что-либо неправильно. Браузеры спроектированы сводить траффик данных до минимума, так что они не обновляют фавикон при каждом показе веб-страницы. Даже обновление веб-страницы (F5) не поможет. Так что Вам нужно освежить [веб-страницу] более тщательно:
- [Для браузеров] Mozilla / Firefox / Safari: нажмите и удерживайте внизу клавишу Shift, щелкая в то же самое время на «Освежить» или нажмите на Ctrl-Shift-R (Cmd-Shift-R для Apple Mac);
- IE: удерживайте [клавишу] Ctrl, одновременно щелкая на «Освежить», или нажмите Ctrl-F5;
- Konqueror: просто щелкните на кнопку «Освежить» или нажмите [на клавишу] F5;
- Opera: пользователям возможно придется [провести] полную очистку кэша в Инструменты→Предпочтения.
- Chrome: Shift-F5
- Если это не сработает, то Вам будет нужно удалить временные файлы интернета и историю, а затем снова открыть свою веб-страницу.
Мой фавикон хранится в другом месте
Если Вы не желаете просто изменить файл favicon.ico в директории соответствующего шаблона, то Вы можете найти упоминание файла favicon.ico в документе html.php. Путь к нему: «. \libraries\joomla\document\html\html.php». Это предотвратит переключение этой иконки [на другую] когда Вы будете использовать
в html коде шаблона и [если] Вы не удалили [старый] файл favicon.ico (зачем вызывать эту иконку дважды?).
// Try to find a favicon by checking the template and root folder $path = $directory . DS; $dirs = array( $path, JPATH_BASE . DS ); foreach ($dirs as $dir ) < $icon = $dir . 'favicon.ico'; if (file_exists( $icon )) < $path = str_replace( JPATH_BASE . DS, '', $dir ); $path = str_replace( '\\', '/', $path ); $this->addFavicon( JURI::base(true).'/'.$path . 'favicon.ico' ); break;''
Иконка Favicon для сайта на Joomla
Favicon представляет из себя маленькую картинку, являющуюся отличительным знаком сайта в Интернете. Из руководства вы узнаете, как создать и поменять фавиконку в 3.x и 4.x.
Что такое Favicon?
(фавикон, сокр. от Favorite Icon, также: фавиконка) — миниатюрное изображение размером 16×16 пикселей с названием файла favicon.ico (современные браузеры могут показывать фавиконки и в других форматах), отображаемое во вкладках и закладках браузера, является отличительным знаком сайта в Интернете.
Как поменять Favicon в Joomla 3?
- перейдите в Расширения → Шаблоны → Шаблоны
- перейдите в Настройки
- в текстовое поле Допустимые форматы изображений допишите ico
- нажмите Сохранить и закрыть
- перейдите в Параметры нужного шаблона
- кликните по названию файла favicon.ico
- нажмите Удалить файл
- нажмите Новый файл
- во всплывающем окне нажмите Выберите файл и выберите свой файл favicon.ico для загрузки
- нажмите Загрузить
Что делать, если Favicon не меняется?
Если после замены файла браузер продолжает отображать прежнюю фавиконку, то это не значит, что замена файл на сайте не обновился: браузеры кэшируют файлы Favicon и даже обновление страницы по клавише F5 не поможет в этом случае. Для обновления иконки осуществите следующие действия в зависимости от браузера:
- Firefox или Safari: Shift + F5 или Ctrl + Shift + R
- Internet Explorer: Ctrl + F5
- Opera: очистите кэш браузера
- Chrome: Shift + F5
Если это не поможет, то попробуйте удалить все временные файлы браузера в настройках и обновить страницу.