Сайты на Joomla: лучшие примеры идеального веб-дизайна

Транспортная компания

Сайт компании, предоставляющей услуги железнодорожной перевозки. Главная страница встречает пользователей блоком с формой заказа обратного звонка. Ниже идёт описание того, какие конкретно услуги можно получить: перевозку полувагонами, платформами, крытыми вагонами, хоппер дозаторами. Каждая карточка — ссылка на подробное описание типа. На главной странице также размещены блоки с преимуществами и новостями компании.

На отдельных страницах размещена информация о компании, список услуг с подробной формой заявки на перевозку, сведения о сотрудниках компании с фотографиями и указанием должностей, документы в формате PDF и DOCX, контактные данные. Есть раздел с новостями. Кроме текстов на сайте ничего нет: ни онлайн-чата, ни калькулятора для расчёта примерной стоимости перевозки, ни других виджетов.

На десктопе сайт выглядит неплохо, хотя дизайн устаревший. Но главная проблема шаблона — отсутствие адаптивности. На мобильном устройстве пользоваться сайтом неудобно. В браузере на смартфоне открывается полная версия с мелкими элементами интерфейса и нечитаемым шрифтом. Единственный способ использовать сайт — приближать страницы вручную.

Общее впечатление: сайт компании с типичным набором контента и распространёнными проблемами. При разработке использован старый шаблон для Joomla без адаптивного дизайна. Если на десктопе это не сильно влияет на впечатление (всё-таки сфера специфическая, не нужно много красоты и анимаций), то на смартфоне пользоваться сайтом некомфортно.

Создаем сайт агентства недвижимости на Joomla

В этом мини-курсе, автор познакомит нас с очень полезным расширением для создания агентства по недвижимости на сайте, Joomla Estate Agency.

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

Содержание видеокурса:

• Изучение компонента Joomla Estate Agency; знакомство с реальным сайтом, созданным на его основе.
• Добавление различных характеристик для создания собственного шаблона объявления.
• Создание и позиционирование навигационного меню.
• Установка и настройка модуля избранных объявлений.
• Установка и настройка модуля поиска.
• Решение всевозможных проблем с кодировками и многое другое.

Основные преимущества компонента JEA таковы:

• Возможность добавления объявлений о продаже и аренде недвижимости агентами с главной страницы.
• Неограниченное количество агентов.
• Продвинутый поиск на основе AJAX по характеристикам недвижимости.
• Заполнение объявлений по заранее сформированному шаблону.
• Возможность создания “избранных” объявлений, отображающихся в специальном модуле.
• Возможность размещения галереи фотографий для каждого объявления.
• Возможность создания контактной формы с встроенной капчей для каждого объявления.

Урок 1. Знакомство с компонентом

Знакомство с компонентом и с демо-сайтом на его основе. Устанавливаем cms joomla на локальный сервер, сам компонент, и необходимые для его работы модули и плагины.

https://vk.com/video_ext.php

Урок 2. Добавляем характеристики недвижимости.

Добавляем характеристики недвижимости для создания шаблона объявления. Изменяем опции шаблона недвижимости под наши нужды. Добавляем объявления по аренде и по продаже недвижимости.

https://vk.com/video_ext.php

Урок 3. Создаем необходимые пункты меню

Создаем необходимые пункты меню. Так же в этом уроке выводим модуль избранных объявлений, модуль поиска по объявлениям. Удаляем ненужные характеристики объектов. Подключаем капчу к форме обратной связи.

https://vk.com/video_ext.php

Урок 4. Решаем проблемы с кодировками

Решаем проблемы с кодировками. Регистрация агентов и создание специальных групп для них. Выводим модуль для добавления объявлений с фронтенда.

https://vk.com/video_ext.php

Cкачать дополнительные материалы

Мне нравитсяНе нравится

Ателье-студия

Сайт представляет собой каталог работ, созданных в ателье с 2010 года. Фактически это одна очень большая галерея, для удобства разделённая по годам и типам одежды. Например, пользователь может переключиться на 2014 год и посмотреть платья для выпускниц или в списке последних работ выбрать только жилеты.

Текстовых описаний к фотографиям нет. При желании их можно добавить — галереи на Joomla это позволяют. Видимо, разработчики сайта не увидели в этом необходимости. На странице кроме фотографий есть только ссылки на соцсети и контактные данные. В принципе, для электронного каталога этого достаточно — если человеку понравится работа, то он сможет связаться с мастером.

Дизайн сайта адаптивный. В браузере на мобильном устройстве сетка перестраивается: навигация становится вертикальной, фотографии располагаются на всю ширину экрана. Благодаря этому взаимодействовать с сайтом на смартфоне достаточно удобно — по крайней мере, не возникает необходимости увеличивать масштаб страницы вручную.

Общее впечатление: при разработке этого сайта возможности Joomla были использованы по минимуму. Как электронной каталог он выполняет свою задачу — например, если клиент просит скинуть ему примеры работ. Как возможность для привлечения новых пользователей сайт работает слабо — нет даже минимального текстового описания услуг. При желании можно было добавить и другие возможности — например, калькулятор для расчёта стоимости пошива. На Joomla для этого не требуются навыки разработки — можно воспользоваться готовыми бесплатными решениями.

Лучшие развлекательные шоу, проекты, казахстанские сериалы

Сайт принадлежит казахстанскому Агентству «Хабар», объединяющем информационный телеканал «Хабар 24» и киноканал Elarna. На сайте можно ознакомиться с новостями, телепроектами, транслируемыми сериалами и пр.

Под галереей с рекламой популярных программ, расположенной на первом экране главной страницы, находятся отдельные блоки: новости, актуальные проекты, кино и сериалы. Между ними ненавязчиво вставлены небольшие рекламные баннеры.

В непропорционально большом футере продублированы ссылки соцсетей и меню, а также опубликованы подробные контактные данные канала.

Реализована рассылка push-уведомлений через сервис Gravitec.

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

Joomla портал шаблоны

Шаблоны для порталов

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

Основа структуры портальных шаблонов

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

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

Свобода выбора

 В отличии от всех остальных шаблонов, портал Joomla 3 может похвастаться универсальностью, хотя не во всех случаях. Основные темы, которые все-таки предлагаются разработчиками, это новости, продажи, туризм и многое другое. Но благодаря тончайшей системе настроек, даже из бизнес – портала вы можете выжать любое другое направление. Изменение цветов, упор на изображения, вставка видео и тематического материала – проект готов и тематику его определяете только вы. На нашем сайте вы сможете найти достаточное количество таких решений

В любом случае, Joomla портал шаблон сможет предоставить для вас массу вариантов, и самое важное, вам даже не придется заниматься вопросами с дополнениями, ведь эти продукты очень хорошо оснащаются разработчиками. Но варианты есть всегда и Joomla 3 умеет радовать своими расширениями, которые даже портал смогут оснастить чем-то кардинально новым

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

Создание портала на joomla – Joomla.ru

Как уже неоднократно было сказано, на joomla можно создать практически любой сайт, в том числе и порталы различных тематик

Если раньше с подобными задачами вы никогда не сталкивались, я вкратце расскажу, на что стоит обратить внимание при разработке портала. Допустим, цель – создание многофункционального проекта, посвященного футболу

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

Важно определиться, будет ли это сайт о какой то определенной команде, фанатом которой вы являетесь, или же это будет информационно-новостной портал с новостями футбола в стране или в мире. В таком случае вам нужно будет поставить новостную ленту на сайт

Возможно, вы захотите разместить на сайте блоги (есть готовые компоненты) и конференции известных людей, связанных с футболом, или опубликовать раздел с экспертными мнениями.

Итак, что может пригодиться вам на сайте из “нестандартного” пакета расширений:

Каталог, файловый архив – рекомендую использовать уже готовые и проверенные компоненты, тем более, что их довольно много. Самыми популярными являются Virtuemart, jDownloads, DOCman, ZOO, sCatalog и др.

Фотогалерея – это JoomGallery, RokSlideShow, Phoca Gallery, Simple Image Gallery; выбор зависит от внешнего вида галереи и ее возможностей;

Видеогалерея – возможна публикация видео непосредственно с сервера либо с других сайтов, например, с youtube. Для этих целей подойдет AllVideos и аналогичные расширения.

Общение – поскольку у футбола очень большое сообщество фанатов, наверняка понадобится форум, социальная сеть или чат для обсуждения последних новостей. Из форумов наиболее популярными являются Kunena, Ninjaboard, Joo!BB. Для организации социальных сетей и личных сообщений подойдут JomSocial, Community Builder, uddeIM, а для чатов можно использовать AJAX Shoutbox.

Скорее всего, на сайте вы захотите разместить турнирную таблицу и/или принимать ставки. Вот несколько популярных игровых расширений, которые, возможно, покажутся вам интересными: JoomLeague, Soccer Scores II, JoomSport Pro, Livescores и др.

Региональный центр содействия трудоустройству выпускников ВУЗов

Сайт Центра, находящегося в г.Саратов, создан с целью содействия трудоустройству и социальной адаптации выпускников высших учебных заведений, в частности Саратовской области.

Дизайн сайта максимально простой с белым фоном и стильной шапкой (не адаптивный). Ниже расположена строка поиска и ссылки на региональные ВУЗы и молодежные организации. Основное меню сайта находится в левом сайдбаре.

На главной странице расположены тематические блоки, но визуально они не отделены друг от друга, поэтому сливаются в единое полотно. Читабельность текста также снижается из-за мелкого размера используемых шрифтов.

В футере сайта указано лишь название организации.

Общее впечатление: несмотря на то, что сайт существует с 2013 года, он имеет не презентабельный внешний вид. Возможно, это связано с неудачным выбором шаблона или отсутствием навыков веб-дизайна у разработчика. Навигация удобная, на сайте легко найти нужную информацию. К сожалению, ведение сайта приостановлено, последняя новость и вакансия датированы мартом 2021 года.