Joomla хороша тем, что имеет довольно простой код шаблонов. Многие вещи можно отредактировать, зная лишь HTML/CSS. Это хорошая платформа для начинающих пользователей CMS. Она не идеальна, панель управления и схема добавления модулей на сайт специфические, но привыкнуть можно быстро. Движок пользуется популярностью у госучреждений — на нём создано множество солидных официальных сайтов госструктур и других серьёзных проектов. Это говорит о многом — гибкости, относительной надёжности и удобстве администрирования больших сайтов.
Движок требует нормального хостинга, особенно после плотного обвеса модулями. Среди прочих отлично подойдёт PQ.hosting – мощный VPS-хостер с глобальным охватом, по которому мы делали детальный обзор. Шаблоны для Joomla недорогие, как и разработка готовых сайтов с обслуживанием — это тоже факторы популярности. Каких-то характерных черт, присущим сайтам на Joomla, не существует. Внешний вид зависит от шаблона, который, как правило, идёт в комплекте с пакетом модулей (они используются для реализации специфических функций).
Но хватит теории, лучше покажем примеры реальных сайтов на Joomla.
Примеры Joomla-сайтов:
Горная промышленность — сайт журнала
Mining-media.ru — мощный сайт нишевого СМИ в формате новостного портала. Дизайн серьёзный, адаптивный. Тёмная шапка контрастирует с чистой, светлой областью для публикаций. Миниатюры новостей отлично выделяются на фоне. Слайдер с анонсами статей, лента партнёров, видеовставки, краткое содержание свежего номера, сайдбар с виджетами и акценты приятного красного оттенка в важных местах — всё выполнено качественно, подано информативно. Страницы открываются быстро, форматирование материалов на хорошем уровне.
Есть раздел с книгами из отрасли и репортажами с выставок. Навигация, несмотря на огромное количество контента, удобная, материалы грамотно структурированы по категориям. Портал имеет 2 локализации — русскую и английскую. Солидно — все публикации качественно переведены, как и положено приличному СМИ. Есть быстрый поиск по сайту и архив, дающий доступ к номерам журнала вплоть до 1994 года. Раздел «О журнале» содержательный, в нём выложена информация для партнёров, подписчиков, об издательстве и прочее. Очень хороший пример реализации новостного портала на Joomla.
Сайт государственной публичной научно-технической библиотеки России
Gpntb.ru — мощный портал государственной библиотеки с очень сложной структурой и навигацией. Дизайн современный, но спорный. Он грубоват. Крупные угловатые элементы, неуместно широкие блоки, не совсем удачные игры со шрифтами, резкая анимация появления подпунктов в меню-гамбургере мобильной версии, слишком броские и не везде уместные цветовые акценты. Редизайн получился не самым удачным, но тут, как говорится – всё на любителя.
Портал имеет англоязычную локализацию. Центральное место на главной странице занимает форма поиска по электронному каталогу. Лента новостей не имеет превью и кривоватые кнопки «Подробнее». Есть виджет онлайн-консультаций (Jivo) и слайдер для показа календаря мероприятий. Форматирование статей вызывает вопросы. Футер чрезмерно широкий, выглядит кривовато, так как есть смещение блока навигационного меню относительно полосы с контактами. Функционально всё в порядке, сайт выполняет своё предназначение на 100%.
Новостной портал еврейских общин
Gorskie.ru — ещё один пример крупного новостного портала, хорошо демонстрирующий функциональный потенциал Joomla. Дизайн обычный, чистый, можно сказать, классический для новостных сайтов. Синий и чёрный акценты контрастируют с чистым белым фоном и серым шрифтом публикаций. Читать удобно, ничего не режет глаз. Дизайн адаптивный. Структура навигации простая — всё подано лаконично. Три колонки публикаций и сайдбар на главной странице выглядят насыщенно, но при этом легко читаются. Портал имеет 3 локализации — русский, иврит и английский. Единственный недочёт — в русской версии шаблона не перевели кнопку «Read More».
Сайт массивный, материалов десятки тысяч, но движок справляется отлично. Использовано множество плагинов. К примеру, есть отдельный раздел для заказа авиабилетов и бронирования отелей (партнёрский виджет). Огромный раздел с видео, отсортированного по источникам, впечатляет размахом. Кнопки социалок размещены только в шапке и футере, примечательно, что в публикациях их нет. В целом, портал реализован явно без привлечения профессиональных дизайнеров, точно на одной из готовых тем, но всё работает как надо (так и должно быть с Joomla).
Comfort_NSK Hotel — сайт отеля с онлайн-бронированием
Comfhotel.com — это сайт отеля из Новосибирска, описывает преимущества и набор доступных услуг, показывает номера лицом, а также обеспечивает онлайн-бронирование и оплату. Бронирование работает на базе внешнего сервиса (TravelLine), но все виджеты органично вписаны в структуру сайта. Это и всплывающие формы, и строки, и даже отдельные страницы. Сайт локализован на русском и английском языке. Что интересно: при переключении версии меняется и язык виджетов бронирования.
Вёрстка адаптивная. В мобильной версии отображается меню-сэндвич, на десктопах – одноуровневое меню. Изначально создаётся впечатление сложной структуры, но по факту страниц немного. Вложенные элементы есть только в разделе с описанием услуг. Блога или новостного раздела нет. Зато есть эффектный раздел с фотогалереей. На всех страницах есть блок с интерактивной онлайн-картой и чат консультаций от Jivo. Свою задачу сайт решает на 100%.
Клининговая компания
Antica52.ru — сайт нижегородской компании, предоставляющей полный спектр клининговых услуг для физических и юридических лиц. Очень мощная визитка для презентации услуг, разработанная веб-студией. Сразу отметим – с нуля без опыта такую практически невозможно сделать, это работа опытных специалистов. Основной упор сделан на многостраничность, чтобы охватить как можно больше ключевых запросов (под каждую услугу создана своя страница с ценами и формой для заявки). Дизайн простой и приятный, адаптивный, с отличной эргономикой.
Главная страница иллюстрирует преимущества компании фактами и показывает основные услуги. Меню объёмное и многоуровневое. Сайт читается отлично, фотографии чёткие, имеют одинаковый формат. Везде указаны цены, плюс есть отдельный общий прайс. Портфолио с работами объёмное, но имеет структурные пробелы – пустые, несимметричные области между блоками фото. В контактах нет схемы проезда, хотя таковой заголовок присутствует. Внимание привлекает отдельный раздел с акциями. Сайт хорош структурно и по части качества подачи материалов, но сделан на шаблоне, пусть и качественном. Он имеет заметные пробелы, увы – видно, что ребята из студии дело своё знают, но, похоже, спешили.
Магазин ворот и дверей
Bezvorot.ru — отличный адаптивный магазин дистрибьютора продукции компании Hormann, которая производит разного рода входные механизмы: двери и ворота разнообразного назначения, обычные и автоматизированные, а также аксессуары и запчасти к ним. Дизайн довольно простой и по-своему правильный – бело-синяя гамма, которая передаёт чувство надёжности и спокойствия. На сайте присутствует виджет онлайн-консультанта, работает с переадресацией на Whatsapp. Главная страница изобилует преимуществами сотрудничества, даёт ссылки на популярные товары каталога и демонстрирует категории продукции. На сайте есть блог с несколькими полезными статьями технического характера, новостной раздел и все стандартные магазинные страницы: оплата, доставка, возвраты и т.д.
Магазин довольно объёмный, меню насыщенное, все страницы с фотографиями, но, тем не менее, загружается всё это почти мгновенно – налицо правильная оптимизация Joomla на качественном хостинге. Честно говоря, движок не является лучшим вариантом для запуска магазина, но в данном случае реализация неплохая. Витрина выглядит сносно, есть заказ в 1 клик, корзина более-менее удобная, описания дверей и прочего очень детальные, со схемами, подбором расцветок и материалов. Есть фильтрация для упрощения выбора продукции. Раздел с акциями в главном меню важен для продаж. Контактных данных много. Это, на редкость, удачный магазин на Джумле, обычно сайты этого типа выглядят похуже и работают медленнее.
Сайт открыток и поздравлений
Fresh-cards.ru — развлекательный проект с коллекцией поздравительных открыток и картинок с пожеланиями. Понравившуюся картинку можно бесплатно скачать себе на устройство или поделиться ею в соцсетях. Шапка сайта содержит меню с разделами и строку поиска. В сайдбаре находится слайдер с актуальными праздниками, перечень ближайших праздничных дат и рекламный слайдер. Центральную часть главной страницы занимают блоки с последними коллекциями и новыми открытками. Внизу страницы – небольшая презентация сайта и служебное меню.
Найти нужную открытку или поздравление достаточно просто благодаря грамотной структуре сайта. В каталоге имеется перечень тематик, а также выборка по тегам. С помощью календаря событий можно посмотреть праздники на любой день в течение года. На сайте присутствует небольшое количество рекламных материалов, необходимых для развития проекта. Контакты администрации и ссылки на социальные сети вынесены на отдельную страницу. Сайт очень позитивный, интересный, производит приятное впечатление.
Современные технологии и развлечения
Cadelta.ru — еще один информационно-развлекательный портал, посвященный различным сферам жизни от игр и аниме до новостей науки и бизнеса. В шапке традиционно размещено меню и строка поиска. Первый экран занимает большой рекламный баннер, поскольку ресурс существует за счет рекламы. Главная страница состоит из блоков с анонсами публикаций, сгруппированных по тематикам, а также подборки партнерских материалов. В подвале находится перечень тематик, ссылки на аккаунты в соцсетях и служебные страницы сайта.
Внутри разделов публикации отображаются в хронологическом порядке, вверху страницы отдельным блоком выделены популярные материалы данной тематики. На страницах с постами имеется сайдбар, в который выведены виджеты популярных и последних публикаций сайта. Контент сайта содержит фото и видеоматерилы, а также тесты от сети нативной рекламы Relap. Несмотря на достаточное количество рекламы, она гармонично вписывается в контент и не выглядит навязчиво. Интересный сайт с неплохой технической реализацией идеи.
Телеагентство «Хабар»
Khabar.kz — сайт национального казахского телевизионного информационного агентства «Хабар» с русской и казахской локализациями. Строка вверху сайта отображает содержимое эфира, а также содержит ссылки на соцсети и активацию режима для слабовидящих. В шапке размещен слайдер с рекламой передач канала, меню и строка поиска. Кроме этого, меню продублировано под кнопкой-бургером. Главная страница состоит из блоков с тематическими разделами сайта. Один из разделов имеет сайдбар с новостной лентой и ссылками на аккаунты в соцсетях. В подвале кроме служебного меню имеются ссылки на мобильные приложения Khabar-TV.
На сайте можно не только почитать новости, но и ознакомиться с программой телепередач, посмотреть канал в прямом эфире, пересмотреть архивы с сериалами и материалами телепроектов. На главной странице присутствует много рекламных блоков, но на других страницах сайта их нет. Несмотря на большой объем контента, логично выстроенная структура и грамотная навигация позволяют пользователям быстро сориентироваться на сайте. Компоновка элементов типична для сайтов СМИ.
Путеводитель по правительству США
Bensguide.gpo.gov — сайт-путеводитель принадлежит службе государственного издательства США, предназначен для ознакомления учащихся, родителей и преподавателей с темами, связанными с работой правительства. Поскольку сайт в большей степени ориентирован на детей, его дизайн, структура и навигация имеют игровой формат. Главная страница представляет собой один экран с элементами навигации и шапку с меню и строкой поиска.
На сайте можно скачать инфографику в .pdf формате, присутствуют разделы с ссылками на тематические веб-ресурсы, глоссарий, а также интерактивные игры и викторины, позволяющие детям проверить свои знания. Оригинальный образовательный проект с интересным оформлением и подачей информации. Отличный пример использования CMS Joomla для создания сайтов государственными структурами.
Первый Санкт-Петербургский государственный медицинский университет
1spbgmu.ru — масштабный информационно-образовательный портал медицинского университета им. акад. И.П. Павлова. Помимо обучения университет занимается научной и общественной деятельностью, а также оказывает медицинские услуги. Все виды деятельности отображены в меню сайта и на главной странице в виде вертикальных блоков. Блоки представляют собой перечень ссылок на страницы сайта, в связи с чем главная страница выглядит не очень презентабельно. В шапке размещено многоуровневое меню, строка поиска и слайдер с актуальными новостями и событиями, в подвале – ссылки на аккаунты в социальных сетях.
Учитывая большой объем информации, следует отметить грамотную организацию навигации путем размещения списка подразделов на внутренних страницах сайта и перелинковки страниц. Для структурирования контента использованы фото и видеоматериалы, слайдеры, таблицы, списки, загружены материалы для скачивания пользователями. Несмотря на некоторые замечания к оформлению, сайт выглядит достойно. Видно, что за ним стоит огромная работа вебмастеров.
Итоги
Joomla позволяет создавать разнообразные типы сайтов, но особенности движка таковы, что выгоднее всего делать блоги, порталы и прочие типы сайтов с большим количеством контента (пользовательских публикаций, новостей, страниц с описаниями и т.п.). Магазины и лендинги встречаются реже. Тем не менее, шаблоны есть под всё — вопрос лишь в удачной адаптации отображения контента в модулях.
Неудивительно, что движок пользуется особой популярностью у госорганизаций – вы видели примеры мощнейших порталов солидных образовательных учреждений. Некоторые сайты из подборки работают медленно, но при этом отлично сделаны. Почему так? Проблема в основном в хостинге. Этот движок любит мощные сервера и оптимизацию, иначе крупные сайты на нём ведут себя неповоротливо. Поэтому экономить на хостинге не стоит.
Не менее важный нюанс – отсутствие шаблонов в официальном каталоге. Их можно найти только на сторонних площадках. А это всегда повышенные риски.
