Примеры сайтов на Joomla (Джумла) - uGuide.ru

Примеры сайтов на Joomla (Джумла)

  • Обновлено:
    20.06.2019
  • Просмотры:
    203
  • Отзывы:
    0
Joomla – вторая по популярности CMS в мире, идёт сразу за WordPress. Она бесплатная, имеет обширное сообщество разработчиков и пользователей, располагает огромным количеством модулей и готовых шаблонов, за счёт чего может похвастаться достойной функциональностью. Гибкая платформа для создания визиток, портфолио, блогов, магазинов, лендингов, а также досок объявлений, форумов и даже социальных сетей. Для всего есть расширения.

Мы отобрали десяток сайтов, способных продемонстрировать возможности движка в разных сценариях использования.

Joomla хороша тем, что имеет довольно простой код шаблонов. Многие вещи можно отредактировать, зная лишь HTML/CSS. Хорошая платформа для начинающих пользователей CMS. Она не идеальна, панель управления и схема добавления модулей на сайт специфические, но привыкнуть можно быстро. Движок пользуется популярностью у госучреждений – на нём создано множество солидных официальных сайтов госструктур и других серьёзных проектов. Это говорит о многом – гибкости, относительной надёжности и удобстве администрирования больших сайтов.

Относительным недостатком можно считать тяжеловесность – движок неповоротлив, требует нормального хостинга, особенно после плотного обвеса модулями. Шаблоны для Joomla недорогие, как и разработка готовых сайтов с обслуживанием – это тоже факторы популярности. Каких-то характерных черт, присущим сайтам на Joomla, не существует. Внешний вид зависит от шаблона, который, как правило, идёт в комплекте с пакетом модулей, оптимизированных под отображение в ячейках дизайна. Теперь давайте переходить к примерам готовых сайтов на Joomla.

 

Примеры Joomla-сайтов:

  1. Afalina-spb.ru – сайт компании.
  2. Mining-media.ru – сайт журнала.
  3. Gpntb.ru – сайт государственной библиотеки РФ.
  4. Gorskie.ru – новостной портал.
  5. Spbu.ru – сайт университета.
  6. Gymnasium.tversu.ru – сайт гимназии.
  7. Dineviresort.ru – сайт агентства недвижимости.
  8. Prjaga.ru – портал о вязании.
  9. Turkistan.ru – сайт-обозреватель.
  10. Kinoart.ru – сайт киножурнала.

 

Afalina – сайт компании по производству санитарно-гигиенической продукции

Afalina-spb.ru – сайт-визитка компании, которая производит полотенца, салфетки, губки и прочее в таком духе. Дизайн уместный для тематики – спокойные оттенки фиолетового и розового цветов придают лёгкость всей конструкции. Увы, шаблон не адаптивный. Структура классическая – слайдер с продукцией в шапке, под ним общие сведения, далее идут категории продукции, ротатор брендов клиентов и футер самого обычного оформления. Логотип удачный, под его цвет и шрифт выстроен остальной дизайн сайта.

Шрифты используются самые простые, есть некоторые претензии к форматированию текста в материалах – сплошная простыня, картинки разного размера, прайс в виде таблицы отображается кривовато. Кроме того, сайт ощутимо лагает – явно проблемы на хостинге. Есть страницы с контактами, вакансиями, FAQ. Раздел с отзывами пустует. Сайт разработала сторонняя компании (в футере видно эту информацию) и, видимо, не довела дело до ума. Оптимизация хромает, хостинг дешёвый, оформление материалов посредственное. В плане информативности сайт нормальный, но недоработки видны невооружённым глазом.

 

Горная промышленность – сайт журнала

Mining-media.ru – мощный сайт нишевого СМИ в формате новостного портала. Дизайн серьёзный, адаптивный. Тёмная шапка контрастирует с чистой, светлой областью для публикаций. Миниатюры новостей отлично выделяются на фоне. Слайдер с анонсами статей, лента партнёров, видеовставки, краткое содержание свежего номера, сайдбар с виджетами и акценты приятного красного оттенка в важных местах – всё выполнено качественно, подано информативно. Страницы открываются быстро, форматирование материалов на хорошем уровне. Есть личный кабинет подписчика.

Есть раздел с книгами из отрасли и репортажами с выставок. Навигация, несмотря на огромное количество контента, удобная, материалы грамотно структурированы по категориям. Портал имеет 2 локализации – русскую и английскую. Солидно – все публикации качественно переведены, как и положено приличному СМИ. Есть быстрый поиск по сайту и архив, дающий доступ к номерам журнала вплоть до 1994 года. Раздел «О журнале» содержательный, в нём выложена информация для партнёров, подписчиков, об издательстве и прочее. Очень хороший пример реализации новостного портала на Joomla.

 

Сайт государственной публичной научно-технической библиотеки России

Gpntb.ru – мощный портал государственной библиотеки с очень сложной структурой и навигацией. Дизайн современный, но спорный. Он грубоват. Крупные угловатые элементы, неуместно широкие блоки, не совсем удачные игры со шрифтами, резкая анимация появления подпунктов в меню-гамбургере мобильной версии, слишком броские и не везде уместные цветовые акценты. Редизайн получился не очень удачным – в шапке есть ссылка на предыдущую версию сайта, которая хоть и выглядит устаревшей, но ощущается более гармоничной, созвучной тематике портала. Сложная структура и огромное количество ссылок там смотрятся органично, в отличие от новой версии.

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

 

Новостной портал еврейских общин

Gorskie.ru – ещё один пример крупного новостного портала, хорошо демонстрирующий функциональный потенциал Joomla. Дизайн обычный, чистый, можно сказать, классический для новостных сайтов. Синий и чёрный акценты контрастируют чистым белым фоном и серым шрифтом публикаций. Читать удобно, ничего не режет глаз. Дизайн адаптивный. Структура навигации простая – всё очевидно подано. Две колонки публикаций и сайдбар на главной странице выглядят насыщенно, но при этом легко читаются. Портал имеет 3 локализации – русский, иврит и английский. Единственный недочёт – в русской версии шаблона не перевели кнопку «Read More».

Портал работает вальяжно – видно, что мощности хостинга не хватает для плавной обработки запросов посетителей. Сайт массивный, тяжёлый, материалов десятки тысяч. Использовано множество плагинов. К примеру, есть отдельный раздел для заказа авиабилетов и бронирования отелей. Реализация хорошая. Огромный раздел с видео, отсортированного по источникам, впечатляет размахом. Кнопки социалок размещены только в шапке и футере, примечательно, что в публикациях их нет. У сайта есть телеграмм-канал, о чём кричит баннер под шапкой. В целом, портал реализован на высоком уровне, но ему не хватает скорости работы.

 

Сайт Санкт-Петербургского государственного университета

Spbu.ru – ещё один пример сайта солидного госучреждения. Корпоративный сайт, по сути. Смесь визитки и новостного портала. Дизайн адаптивный, вполне приличный, хотя слайдер крупноват, а белый шрифт меню на фоне выбранных изображений не очень хорошо читается. Зато в мобильной версии всё отлично – выпадающее чёрное меню удачно контрастирует с белым, чётким шрифтом. Красные акценты элементов добавляют живости дизайну. Структура сайта сложная, но понятная – найти информацию легко.

Разделов множество – для студентов, пресс-центр, абитуриентам, вакансии, анонсы событий, новости и прочее полезное. Локализация по английскому и китайскому языкам придаёт веса университетскому сайту. Публикации отлично форматированы, легко читаются, есть кнопки социалок – всё хорошо подогнано, свежо смотрится. Футер немного перенасыщен ссылками разной длины, что выглядит немного сумбурно. Есть версия для слабовидящих. Хороший образец сайта на Joomla.

 

Сайт академической гимназии

Gymnasium.tversu.ru – образовательный сайт гимназии, созданной на базе Тверского государственного университета. Создан на базе современного адаптивного шаблона со множеством эффектов вроде затухания, анимации появления элементов и прочих. Дизайн чистый, свежий. Красные, синие и зелёные акценты придают живости, не перегружая при этом глаза. Шрифты читаются неплохо, но им не хватает чёткости, их верхушки в некоторых местах съедаются форматированием (особенности стилей шаблона либо неудачная регулировка межстрочных интервалов), они слегка теряются среди цветных элементов.

Материалов множество – сайт явно полезен для аудитории. Выложена фотогалерея за все годы существования гимназии. Расписания, информация для поступления, новости, методички, документы, отклики в СМИ и многое другое присутствует. Качество публикаций ожидаемо высокое. Контакты в шапке, контрастные ссылки социалок и подписка на ленту RSS позволяют быстро подключиться к экосистеме учебного заведения. Приятно, что сайт работает быстро. В целом, проект оставляет приятное впечатление, мелкие недочёты теряются на фоне общего высокого качества реализации.

 

Denivi Resort – сайт агентства недвижимости

Dineviresort.ru – визитка риэлтора в современном адаптивном дизайне. Главная страница выполнена в удобном формате лендинга. Шапка слишком крупная, изображение с эффектом пикселизации смотрится неплохо, но видео в маленьком окошке на фоне неуместно. Лучше бы его поставили в хедер на весь экран. Цветовая схема подходящая – оттенок синего а-ля морская волна созвучен тематике. Логотип посредственный – буквы плохо читаются, они не чёткие. В целом, структура и размещение элементов в шапке неудачное. Зато всё остальное в порядке – сочные фото, красочные описания, красивый слайдер-гармошка, видеоролики и ссылки на аренду апартаментов.

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

 

Наша пряжа – портал о вязании

Prjaga.ru – серьёзный портал на тему вязания. Дизайн хорошо подогнан под чёткое отображение элементов. Стилизован под пряжу и строчку нитками – отлично подходит. Он адаптивный, причём, мобильная версия корректно отображает элементы. Качественная работа. Есть личный кабинет, пользователи могут оставлять свои публикации. Блоговая лента с «рецептами» одежды смотрится нормально, несмотря на разные размеры миниатюр изображений – здесь это не режет глаз.

Записи отформатированы нормально, содержательные, с хорошими иллюстрациями. Структура портала состоит из большого количества категорий новостной ленты – платья, штаны, перчатки и т. д. Перемещаться между ними удобно. Ссылки на социалки и YouTube-канал на виду в сайдбаре и внутри публикаций. Есть быстрый поиск по сайту. В целом, проект выполнен просто, информативно и со вкусом. Наверняка, пользуется популярностью у целевой аудитории.

 

Казахстан – страна тюрков

Turkistan.ru – сайт обо всём, что связано с Казахстаном. Традиции, культура, обзор достопримечательностей, новости, блог, легенды, мифы – тут собрано всё о стране. Дизайн простой, имеет фиксированную ширину – не адаптивный. Визуально ничего особенного из себя не представляет – не раздражает, но и не привлекает. Главное – удобно читать, ничего в обрамлении не отвлекает внимание, хотя шрифты мелковаты. Много проблем с отображением миниатюр новостей, картинок либо нет (битая ссылка), либо они растянуты, склеены с текстом и т. д.

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

 

Искусство кино – сайт журнала

Kinoart.ru – сайт журнала, посвящённого кинематографу. Выполнен качественно. Дизайн контрастный, хорошо сделан, но на любителя. Адаптивный, мобильная версия подогнана хорошо. Чёрно-белое классическое кино, напоминает о временах Чарли Чаплина и Мерилин Монро. Есть подписка, анонсы выпусков, мероприятий, множество качественно оформленный публикаций, возможность заказа билетов на сеансы кино в популярных кинотеатрах Петербурга и Москвы. Используется небольшое количество ненавязчивых эффектов.

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

 

Итоги

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

Очевидно, движок пользуется популярностью у госорганизаций – вы видели примеры мощнейших порталов солидных образовательных учреждений. Нюанс лишь в качественном хостинге и обеспечении безопасности. Joomla имеет среднюю устойчивость к атакам, но проблемы решаются настройками и плагинами. Стоит ли использовать эту систему? Да, как и WordPress, она хорошо подходит роль первой CMS новичкам.

  • Автор:

no avatar