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