Содержание

Примеры сайтов, созданных на Joomla

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

№1. Сайт медико-оздоровительного центра «Prospera»

Prospera.pro — сайт медико-оздоровительного центра с хорошим адаптивным шаблоном. На первом экране посетители видят слайдер с отдельными услугами и ссылкой на подробности. Ниже идёт рассказ о компании и карточки разных процедур, в которых есть только фотографии (не во всех), названия и кнопка «Читать далее». Меню навигации закрепляется в верхней части экрана при скролле, поэтому у посетителя всегда есть возможность перейти в нужный раздел. В данном случае это очень полезная возможность, потому что на главной странице информация представлена как-то хаотично. На сайте не используются виджеты для общения. Если нужно уточнить детали, придётся звонить или писать на почту, что неудобно. Это странно, потому что для Joomla есть расширения, добавляющие те же онлайн-чаты.

№2. Пример сайта поставщик разливного пива «Розлив Юг»

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

№3. База отдыха и развлечений «Убинка»

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

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

№4. Трэвеллинг Бокс – транспортно-экспедиционная компания

Tb-log.ru — сайт российской компании, которая специализируется на внутренней/международной перевозке грузов морским и автомобильным транспортом. Структура простая и логичная. Главная страница изображением в хедере демонстрирует профиль деятельности и содержит форму расчёта стоимости услуг. Над ними лаконично расположилось название компании и телефон. Под хедером идёт аккуратно оформленный блок с услугами, который дублируется в отдельном разделе визитки и ссылками в футере. В блоге всего одна запись, не помешало бы расширить его объём, хотя бы для увеличения охвата поисковых запросов. Описания услуг написаны грамотным языком с использованием хорошо читаемых шрифтов, но местами грешат штампами, давая много общих, пустых фраз взамен действительно полезной фактической информации.

Для навигации можно использовать ссылки из «хлебных крошек».

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

№5. TAX Чемал – автоэкскурсии по Горному Алтаю

Taxichemal.ru — сайт компании, которая предоставляет услуги такси и организует экскурсии по Горному Алтаю. Визитка состоит, по сути, из двух спаренных лендингов для каждой из услуг. Выглядит классно. Полноэкранный хедер с презентацией оффера и контактами смотрится зрелищно, хотя в нём неактивная кнопка со ссылкой на подробное описание услуг, что есть минус. Короткое описание полезности услуги написано неплохо, хотя и вполне шаблонно.

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

№6. Сайт БТИ города Воскресенск

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

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

№7. Сайт адвоката

Svparamonov.ru — сайт-визитка ростовского адвоката Парамонова С. В. Солидный, с огромным количеством контента. Одинаковые слайды главной страницы бросаются в глаза: либо убрать лишние, либо добавить разнообразные. Перечень услуг со ссылками уместен, хотя из-за разной длины описаний кнопки стоят лесенкой. Всё, что касается текстовой составляющей, сделано толково: читабельность, содержание, форматирование. Хотя шрифт бледноват местами. Также используются одинаковые иконки для обозначения разных услуг и преимуществ – уникальные смотрелись бы интереснее. Оставление заявок организовано через телефонную связь – странно, что нет соответствующей формы в дополнение к стандартным контактам.

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

№8. Вектор АвтоТранс – автомобильные грузоперевозки

Vectorat.ru — сайт-визитка логистической компании. Дизайн элементов макета угловатый, что смотрится немного грубо, но зато серьёзно. Сочетание синего и белого цветов хорошо выглядит, но контрастирует со странным чёрным футером, излишне контрастным и растянутым. Шаблон адаптивный, при сжатии меню сворачивается в гамбургер, открытие которого сопровождается анимацией искажения контентной области. Выглядит неплохо, но не совсем уместно. Слайдер в хедере содержит профильные фото и ссылку на перечень преимуществ сотрудничества, верхнюю часть занимают контакты. Кнопка заказа звонка излишне крупная, растянута по высоте и подсвечена цветом, который выбивается из общей гаммы. Не помешал бы и логотип. Присутствует онлайн-консультант от JivoSite. Главная страница также демонстрирует перечень партнёров, что является правильным ходом.

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

Подведём итоги

Joomla — универсальная система, позволяющая создавать самые разные сайты. Движок предлагает достаточно мощную стандартную функциональность, которая становится заметно шире благодаря большому количеству расширений и интеграциям со сторонними сервисами: онлайн-чатами, платёжными системами и т.д.

Создать сайт на Joomla можно без навыков программирования, но для полноценного управления и глубокой кастомизации желательно знать основы HTML и CSS — с ними появляются дополнительные возможности, которые позволяют сделать проект уникальным.

Общие настройки сайта на Joomla 3. Вкладка Сайт

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

 

Все настройки распределены на пяти вкладках: «Сайт», «Система», «Сервер», «Права», «Фильтры текста». В этой статье мы рассмотрим настройки, которые расположены на вкладке «Сайт».

 

На вкладках, настройки разбиты на группы. На рассматриваемой нами вкладке четыре группы: «Настройки сайта», «Настройки метаданных», «Настройки SEO» и «Настройки Cookie».

Настройки сайта

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

Сайт выключен (offline). Эта настройка – переключатель, позволяющий включать и выключать лицевую часть сайта. При этом администраторы сайта могут входить на сайт, используя свои учётные данные. Административная часть сайта так же будет доступна. Переведите переключатель в положение «Да» и нажмите кнопку «Сохранить» в верхней части окна настроек. Обновите лицевую часть сайта (F5). С настройками по умолчанию это будет выглядеть так.

 

Показывать offline-сообщение. Определяет показывать или не показывать сообщение о том, что сайт выключен. И если показывать сообщение, то какое. Если выбрать значение «По умолчанию (из языкового файла)», то будет отображаться стандартное сообщение о том, что сайт закрыт на техническое обслуживание. Если выбрать «Пользовательское сообщение», то будет показан текст, введённый в следующей настройке.

Сообщение при выключенном сайте. По умолчанию текст пользовательского сообщения совпадает с текстом стандартного сообщения из языкового файла. Если нужно, поменяйте текст пользовательского сообщения. Кстати, в тексте можно использовать html-тэги для оформления. Но сильно увлекаться не надо.

Изображение при выключенном сайте. В этой настройке при желании, можно установить изображение, которое будет отображаться в верхней части при выключенном сайте. После клика на кнопке «Выбрать» откроется всплывающее окно «Медиа менеджера», в котором можно указать нужное изображение.

 

Если в каталоге изображений нет подходящего, то можно указать URL изображения, размещённого на другом сайте. А лучше всего предварительно загрузить изображение с компьютера. Ширина изображения не должна превышать 400 px.

В конечном итоге может получиться так. А может, естественно, и ещё лучше!

 

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

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

CAPTCHA (по умолчанию).CAPTCHA – используется для борьбы со спамом. Например, при регистрации пользователей на сайте или при отправке сообщения через форму обратной связи и т. д. Хотя это и обязательная настройка, но сайт может работать и без неё, т. к. не все сайты используют вышеописанные возможности. О том, как настроить CAPTCHA в Joomla читайте в статье «Настройка CAPTCHA в Joomla 3».

Уровень доступа по умолчанию. Определяет уровень доступа групп пользователей к созданию новых материалов, пунктов меню и прочих элементов с лицевой части сайта. Уровень доступа «Public» является оптимальным в большинстве случаев. Подробнее об уровнях доступа, пользователях, их правах мы поговорим в одной из следующих статей.

Длина списка по умолчанию. Эта настройка для каждого нового пользователя определяет количество строк в списках. Например, сколько статей будет показано в списке на одной странице или сколько модулей будет отображаться в списке «Менеджера модулей».

Ограничение ленты новостей. Здесь определяется количество новостей в новостной ленте сайта.

E-mail ленты новостей. Определяет показывать или нет адрес электронной почты автора в ленте новостей. И если показывать, то показывать ли адрес электронной почты автора или сайта. Это актуально, когда автор контента (статьи, видео и т. д.) является пользователем сайта.

 Настройки метаданных

 

Мета-тег Description для сайта. В этом необязательном поле указывается общее мета описание для всего сайта. Мета описание считывается поисковыми системами. Оно будет отображаться в исходном коде всех страниц сайта кроме тех, для которых описание переопределено в другом месте. Есть одна тонкость. Поисковики считают мета описание одним из важных параметров, учитываемых при ранжировании страниц в поисковой выдаче. Но при этом мета описание страниц на сайте не должно повторяться. Поисковики этого не любят и учтут это в выдаче. Поэтому, независимо от того, заполните вы это поле или нет, надо следить за тем, чтобы мета описание не повторялось в пределах сайта. 

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

Мета-тег Robots. Эта настройка устанавливает инструкции для роботов поисковых систем для страниц сайта по умолчанию. Инструкции могут быть следующими:

  • index – разрешает индексирование содержимого страницы
  • follow – разрешает переходы по ссылкам страницы
  • noindex – запрещает индексирование содержимого страницы
  • nofollow – запрещает переходы по ссылкам страницы

Авторские права. Здесь описываются авторские права на сайт, на его содержимое.

Показывать мета-тег Author. Эта настройка включает или выключает отображение мета-тега Author в исходном коде страниц сайта. Значение этого тега устанавливается в самом материале (статье).

Показывать версию Joomla! В исходном коде страниц сайта на Joomla 3 присутствует мета-тег «generator». Если эта настройка выключена, то он содержит следующее значение: «Joomla! — Open Source Content Management». Если настройку включить, то к значению мета-тега будет добавлена версия Joomla. Например, это может выглядеть так: «Joomla! — Open Source Content Management — Version 3.4.0». Не рекомендую включать эту настройку с точки зрения безопасности сайта.

Настройки SEO

В этой группе находятся настройки, относящиеся к SEO. SEO – это поисковая оптимизация или по-другому продвижение сайтов в поисковых системах. Предыдущая группа настроек тоже относится к SEO, но их выделили в отдельный блок. И так, какие же настройки есть в этой группе? 

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

Перенаправление URL. Включает или выключает перенаправление адресов, соответствующих определенным условиям и перенаправляет их так, как необходимо. Включение этой настройки влияет на работу стандартного компонента Joomla «Перенаправление». Чтобы перенаправление заработало на веб-сервере Apache, перед тем как сохранять изменения общих настроек Joomla, нужно в корень сайта поместить файл .htaccess. О том, как это сделать читайте в статье «Joomla 3 Структура каталогов». Пока не включаем эту настройку.

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

Алиасы в Unicode. Эта настройка включает или выключает возможность создания алиасов (псевдонимов) заголовков страниц в символах национального алфавита. Когда она выключена, псевдонимы заголовков записываются в транслите, в символах латинского алфавита. Эта настройка влияет на создание ссылок сайта. Включать её не надо.

Включать название сайта в заголовок страницы. Включать или не включать название сайта в заголовки страниц дело индивидуальное. Решение о включении этой настройки надо принимать с точки зрения SEO. Например, если название сайта короткое, и оно является, продвигаемым вами брендом, то можно и включить. В зависимости от выбранного значения, название сайта будет добавляться к заголовку окна (html-тег title), до или после него.

Настройки Cookie

В этой группе настроек всего два поля.

Cookie домена. В этом поле указывается домен, когда используется cookie сессия. Например, есть сайт http://kopytairoga.aitishnik.ru/, на котором зарегистрированные пользователи могут авторизоваться. И есть форум этого сайта, но он организован в поддомене http://forum.kopytairoga.aitishnik.ru/. Так вот для того, чтобы пользователям не нужно было дважды вводить пароль, и требуются эти настройки. Если cookie должны быть действительны для всех поддоменов, необходимо ввести точку перед названием домена.

Путь для Cookie. Путь, для которого должны быть действительны cookie.


Вот и всё! В следующей статье поговорим о настройке CAPTCHA в Joomla 3.

Об авторе:

Меня зовут Андрей Золкин. Из более, чем пятнадцати лет работы в сфере информационных технологий, десять лет работаю с системами, базирующимися на открытом исходном коде. На страницах сайта Aitishnik.Ru веду блоги по CMC Joomla и Debian GNU/Linux.

 

Ещё статьи о Joomla 3

    • Установка memcached на XAMPP в Windows 7

      Из статьи «Joomla 3. (часть 2)» вы узнали, что в новой версии Joomla появилась поддержка memcached, а в процессе рассмотрения статьи «Файл configuration.php» вкратце познакомились с настройками этого сервиса. В этой статье описывается установка и настройка memcached на локальном…

    • Joomla 3.
      Мультиязычность. Многоязычный сайт ч.1…

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

    • Joomla 3 Структура каталогов

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

    • Joomla 3. (часть 2)

      В первой части мы говорили о том, что такое Joomla и как работает эта CMS. Во второй части поговорим о том, какие сайты можно сделать на Joomla, каковы её возможности, чем отличается Joomla 3 от предыдущих версий и как в этих версиях не запутаться.Если говорить о возможностях, то на Joomla можно сделать…

    • Joomla 3 (часть 1)

      Этой статьей я начинаю новый цикл для новичков, посвящённый CMS Joomla 3. Предыдущий цикл был о CMS Joomla 2.5. И хотя с начала его написания прошло много времени, но он «живой», пополняется статьями. С тех пор многое изменилось: вышел последний релиз Joomla 2.5, изменилась стратегия развития этой CMS, произошли…

    • Joomla 3. Первый вход. Админка и сайт

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

Joomla! Ukraine — официальный сайт Joomla в Украине.

Каждая компания, которая беспокоится о своем имидже и репутации в интернете, стремится популяризировать и распространять собственные продукты / услуги. CMS-системы служат технической платформой для создания сайтов различных направленностей. Одной из самых распространенных среди подобных продуктов является CMS Joomla — вторая по популярности, на базе которой создано более 2 млн сайтов в мире. Компания Выкуп Авто

Joomla – это открытая универсальная платформа, которая подходит для создания малых и больших Продвижение сайтов любой тематики. раскрутка-сайтов.com С гарантией в ТОП. корпоративных сайтов, интернет-порталов, онлайн-магазинов, сайтов сообществ и персональных страниц. услуги бюро переводов Joomla CMS подходит для разработки любого типа сайтов, оснащена удобным и простым интерфейсом административной панели, требующая от пользователя минимальных профессиональных требований. http://text.ua

Для ведения бизнеса, необходима учетная программа. Одна из самых простых и доступных программ – это 1С Бухгалтерия. Купить программу Вы можете обратившись в компанию «Центр Бизнес-Технологий». Программа легко интегрируется с CMS Joomla. С этой программой сможет вести учет даже начинающий бухгалтер, а консультанты компании Центр Бизнес-Технологий помогут настроить данный программный продукт, под специфику вашего бизнеса.

Первая платформа Joomla появилась в 2005 году и до сегодняшнего дня постоянно обновляется и расширяется. https://billerbeck.com.ua Это уникальная система, которая позволяет каждому пользователю создавать как простой Joomla site так и мощное онлайн-приложение.

Официальный сайт Joomla: почему именно мы?

Сегодня в Украине активно развивается официальный сайт Joomla, который создан с целью объединения разработчиков, дизайнеров, seo-специалистов, хостеров в одном месте, а также всех неравнодушных к этому ресурсу для популяризации Joomla portal, собрания самых интересных новостей, полезных alt-center.com ресурсов и приложений.

В Украине распространены форумы Joomla, где пользователи получают оперативный eparts.kiev.ua ответ на любой заданный ими вопрос. Это продуктивное и мощное средство коммуникации профессионалов и любителей CMS. Форумы для Joomla служат площадкой распространения уникальными идеями. Интернет магазин js-tyuning.com.ua с большим количеством автоаксессуаров

Официальный сайт Джумла состоит из нескольких разделов, включающих в себя рубрику «Новости», где мы делимся с вами информативными статьями из мира Joomla, приглашаем посетить различные мероприятия, посвященные развитию платформы. В разделах «Расширения» и «Шаблоны» вы сможете найти полезные для своего проекта плагины, модули, компоненты, а также расширения для интернет-магазинов. Мы постоянно обновляем коллекцию http://xn——8kcnbhb8becvrncnq9c6fxc.com.ua шаблонов для разработки сайтов-визиток, блогов и др. https://stop-zavisimost.com/lechenie-narkomanii/

Джумла официальный сайт накапливает обучающую информацию практического характера об использовании платформы, https://pereklad.ua/ где вы можете найти https://www.czm.kiev.ua/lechenie-narkomanii советы по разработке, а также по 12steps.com.ua общим вопросам. Интересным разделом украинской версии сайта Джумла является Awwwords Joomla!, где все желающие alliancetechnika.com разработчики смогут показать свою работу, приняв участие в конкурсе на лучший сайт недели, месяца, года, а также проголосовать за текущих номинантов. Популяризируйте свой проект и получайте конструктивную критику! Стоматология sa-nata.com.ua предлагает качественное лечение зубов

Если вы хотите, чтобы мы доработали ваш сайт http://notarius-averina.kiev.ua или создали новый сайт по вашему заказу, то прямо на официальном сайте Joomla вы можете оставить заявку, заполнив форму, и мы займемся вашим проектом. Мы занимаемся продвижением сайтов в Joomla. https://www.раскрутка-сайтов.com/ У нас большой опыт работы в админ панели joomla. http://agrotechnika.com.ua/mototractory

На этом развитие Джумлы не заканчивается. https://pereklad.ua/ Мы стремительно растем и хотим делиться нашими успехами с вами!

AlterSystem(IFSUkraine) erp система для предприятий Украины

Уроки Joomla для начинающих

Joomla

access_time

8 декабря, 2020

hourglass_empty

8мин. чтения

Когда мы говорим о системе управления контентом, Joomla! — это решение, которое одно из первых приходит на ум. Полностью бесплатная ( с открытым кодом — open-source), Joomla! может быть использована кем угодно, кто хочет создать мощный сайт.

Joomla! используют много известных брендов и организаций включая Гарвадский Университет, Linux.com, Guggenheim, MTV и UNRIC (United Nations Regional Information Centre for Western Europe — Региональный информационный центр Организации Объединенных Наций для Западной Европы).

Создавать сайт в Joomla! очень просто и интересно, потому что вам доступно множество шаблонов и расширений. Будь то социальная сеть или новостной сайт, управление сайтом или внесение изменений в ядро, вы сможете найти готовое расширение на официальном сайте Joomla.

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

Говоря о лидирующих CMS, в конечном счете, сравнение с WordPress неизбежно. Даже не смотря на то, что у WordPress на 120% больше скачиваний, больше бесплатных тем и плагинов, чем у Joomla, говорить о том, что Joomla! уступает WordPress в вопросах конкуренции не совсем верно. Вот более полное сравнение отличий между двумя самыми известными в мире системами управления контентом.

В данном руководстве Уроки Joomla основное внимание уделяется демонстрации использования Joomla! для создания сайта. Рассмотрим всё от установки до настройки сайта.

Учитесь создавать сайты и вам нужен недорогой хостинг? В Hostinger есть подходящие решения. К тому же сейчас у нас праздничная распродажа! На все тарифы хостинга действуют скидки до 90% + есть возможность получить бесплатный домен на 1 год!

К предложению

Шаг 1 – Установка Joomla

Для установки Joomla на вашем виртуальном хостинге Hostinger, всё что нужно будет сделать — это несколько кликов и заполнить данные о вашем сайте. Автоустановщик позволяет вам сохранить время и установить Joomla за несколько минут. Следуйте шагам для установки Joomla:

  1. Зайдите в панель инструментов.
  2. Нажмите на  Автоустановщик.
  3. В поле для поиска напишите Joomla и нажмите на появившуюся иконку.
  4. В мастере установок введите данные о своём сайте и нажмите Установить.
  5. Подождите пару минут для установки CMS.

Готово! Это всё, что надо было сделать. Теперь Joomla! установлена, создана и соответственно настроена база данных.

Чтобы зайти в панель управления Joomla, добавьте /administrator в конец URL (т.е. www.mydomainname.com/administrator) в вставьте в адресную строку браузера. После введения имени пользователя и пароля, которые вы создали, когда устанавливали Joomla, вы будете адресованы на страницы администратора.


Шаг 2 – Создание сайта с Joomla

С Joomla! вы получаете множество настроек для упорядочивания вашего сайта и управления его контентом. В этой части руководства Уроки Joomla проведём вас через весь процесс создания удобного и эффективного управления контентом.

Шаг 2.1 – Создание Материала

Начнём с основ. На админ странице нажмите кнопку Материалы, наведите мышь на пункт менеджер материалов и нажмите на Создать материал. Визуальный редактор (WYSIWYG) появится на вашем экране. Им можно пользоваться для добавления и редактирования текста ваших материалов. Вы также можете добавлять изображения и ссылки к вашему тексту здесь.

По завершению нажмите Сохранить и ваш материал будет опубликован.

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

  1. Нажмите на вкладку Меню.
  2. Наведите на пункт Main Menu и нажмите на Создать пункт меню.
  3. Заполните заголовок меню, например Lorem ipsum.
  4. Теперь вам нужно выбрать тип пункта меню; в данном случае выберите пункт Материалы.
  5. Для того, чтобы созданный пункт меню открывал недавно созданный материал, выберите опцию Материал.
  6. Выберите то, на что хотите ссылаться. Нажмите Выбрать и укажите путь к недавно созданному материалу.
  7. Нажмите кнопку Сохранить.

Теперь должно быть всё готово. Ваш недавно созданный материал будет доступен из главного меню на вашем сайт на Joomla.

Шаг 2.2 – Добавление Компонентов Joomla

С Joomla! вы имеете возможность добавлять специальные функции дополнительно к стандартным материалам, которые содержат текст, ссылки и картинки. Создание сложного контента осуществляется с использованием компонентов.

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

Например, чтобы сделать страницу с новостной лентой с внешнего сайта, вам нужно перейти в Компоненты, затем выбрать Ленты новостей -> Ленты, затем нажать кнопку Создать.

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

Другие компоненты (можно найти в этом же меню Компоненты) могут быть использованы таким же образом. Их настройка потребует всего нескольких кликов.

Шаг 2.3 – Добавление Категорий Joomla

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

  1. В админ панели нажмите на пункт меню Материалы.
  2. Теперь в меню Категории, нажмите Создать категорию.
  3. Добавьте заголовок, алиас, описание. (Примечание: Алиас и описание не обязательные для заполнения поля).
  4. Нажмите кнопку Сохранить для создания новой категории.


Как и материалы, компоненты Joomla можно распределить по категориям. Есть одно отличие между категориями материалов и компонентов; то есть, когда вы выбираете меню категории для какого либо компонента, вы попадаете в специальный менеджер для компонентов. Для добавления категории нужно нажать кнопку Создать

Шаг 2.4 – Создание Избранных материалов

С помощью Joomla вы можете создавать страницы, которые объединяют контент в зависимости от сходства свойств.

Первый шаг это пометить материал как избранный. Это легко сделать, как и многое другое в Joomla. Просто перейдите в Материалы и выберите Менеджер материалов. Отобразится список материалов вашего сайта. Вы можете заметить, что возле каждого материала в списке стоит звёздочка. Всё, что нужно сделать для того, чтобы сделать материал избранным, это нажать на звёздочку, соответствующую ему. Звёздочка должна стать жёлтой, и ваш материал избранный.

Чтобы показать избранные статьи на странице, связанной в меню, выполните следующие действия:

  1. Вначале создайте пункт меню. Перейдите в Меню, потом Main Menu.
  2. Теперь нажмите на Создать пункт меню. (Это можно проделать с любым другим уже существующим меню).
  3. Выберите тип меню. Для этого нажмите кнопку Выбрать.
  4. Из типов меню вначале выберите Материалы затем Избранные материалы
  5. Заполните Заголовок для своего меню, например, Избранные материалы.
  6. Нажмите кнопку Сохранить.

Шаг 2.5 – Создания страницы Контактов

Получение отзывов от ваших посетителей/клиентов/потенциальных клиентов часто актуально для владельцев сайтов. Для этого важно наличие страницы контактов. В несколько кликов Joomla может помочь вам её создать:

  1. Прежде всего, вам нужно создать компонент страницы контактов. Для этого перейдите в Компоненты и нажмите Контакты. Нажмите кнопку Создать.
  2. Добавьте имя страницы и контактную информацию для вашей формы. Если вы хотите добавить описание используйте вкладку Miscellaneous Information.
  3. По завершению нажмите кнопку Сохранить.

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

Шаг 2.6 – Использование Баннеров

Компонент Баннеры может быть использован для управления изображением или HTML баннерами. Вот как мы это сделаем:

  1. Прежде, нужно создать баннер. Для этого перейдите во вкладку баннеров из Компоненты -> Баннеры -> Баннеры.
  2. Теперь нажмите на кнопку Создать в левом верхнем углу.
  3. Выберите название для своего баннера. Рекомендуется использования осмысленное, конкретное называние, которое будет легко понимать позже.
  4. Загрузите своё изображение и заполните необязательные настройки, такие как ширина и высота.
  5. Как только вы закончите нажмите кнопку Сохранить.
  6. Теперь, чтобы ваш новый баннер отобразить, нужно опубликовать новый модуль. Перейдите в Менеджер модулей в меню Расширения.
  7. Нажмите кнопку Создать.
  8. Перед вами появится список модулей. Выберите Баннеры.
  9. Выберите Заголовок и место для модуля. Затем сохраните и всё готово.

В качестве примера, мы добавили изображение с котятами в футер нашего сайта на Joomla!.

Шаг 3 – Устанавливаем Расширения для Joomla

Официальная библиотека расширений Joomla предлагает все расширения, которые вы можете использовать. От безопасности и карт до электронной коммерции — всё это можно найти прямо там.

Расширения устанавливаются и управляются в меню Расширения -> Менеджер расширений. Joomla! спросит, хотите ли вы включить вкладку Install from Web. Мы рекомендуем включить её, так как это поможет вам искать и устанавливать расширения не покидая админ панели Joomla!.

Другой вариант установки расширений Joomla! вручную:

  1. Скачайте .zip архив с каталога расширений Joomla.
  2. Нажмите на вкладку Upload Package File в разделе Расширения.
  3. Загрузите архив.

Вот и всё.

Вот несколько обязательных расширений для вашего сайта на Joomla!:

  1. ProFiles: это файловый менеджер, намного удобнее встроенного FTP.
  2. Google Maps от Reumer: используйте этот плагин для отображения карт на вашем сайте.
  3. AllVideos: с AllVideos вы можете встраивать видео (расположенного локально или любое внешнее видео из сайтов подобный YouTube) в контент сайта.
  4. Akeeba backup: широко известное как самое часто используемое расширение Joomla, Akeeba backup заботится о всём, что связано с бэкапами.

Шаг 4 – Установка шаблонов Joomla

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

У Joomla тоже есть много бесплатных или платных шаблонов доступных онлайн, но в сравнении с WordPress или Drupal их количество значительно меньше.

Установка шаблонов Joomla тоже весьма проста. Процесс практически такой же как и при установке расширений:

  1. Нажмите Расширения -> Менеджер расширений.
  2. Теперь перейдите на вкладку Upload Package File.
  3. Нажмите browse for file и выберите .zip архив для закачивания.
  4. По завершения загрузки, перейдите в раздел Расширения -> Менеджер шаблонов.
  5. Нажмите на иконку, соответствующую шаблону, который вы хотите включить.

Шаг 5 – Создание Бэкапов в Joomla

В вашем аккаунте на Hostinger бэкапы создаются автоматически для файлов и баз данных. Вы можете их найти и скачать в разделе Панели Управления Hostinger -> Бэкапы.

Хотя, есть ещё несколько путей для создания бэкапов Joomla.

Шаг 5.1 – Создание бэкапа Joomla вручную

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

Другим способом скачать файлы может быть использование FTP клиента. Процесс очень простой — всё что потребуется это перейти в каталог Joomla, выбрать файлы и нажать кнопку Download.

Чтобы создать бэкап базы данных MySQL, мы рекомендуем использовать phpMyAdmin. В Hostinger вы можете перейти в phpMyAdmin из Панели управления нажатием по иконке и далее нажимая кнопку Войти в phpMyAdmin возле базы данных, соответствующей Joomla!.

Вы можете определить, какая база данных Joomla используется, посмотрев в файле configuration.php. Этот файл должен находиться в том же каталоге, где установлена Joomla. Обычно, это каталог public_html.

Если вы уже зашли в phpMyAdmin, нажмите вкладку Export и кнопку Go для скачивания файла .sql.

Шаг 5.2 – Использование Akeeba для создания бэкапа Joomla

Akeeba backup, наверно самый популярный плагин для Joomla. В этом разделе руководства Joomla вы узнаете, как использовать Akeeba для создания бэкапов в Joomla.

Вы не найдёте Akeeba Backup в официальном каталоге Joomla, поэтому вам нужно будет скачать плагин с сайта Akeeba. После завершения загрузки установите плагин через вкладку Upload Package File.

Теперь переходите в Компоненты -> Akeeba Backup.

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

  1. Нажмите Backup Now , чтобы сделать бэкап сайта Joomla.
  2. Если вы хотите изменить настройки, которые установил мастер автоматического тестирования, вы можете нажать Configuration.
  3. Чтобы автоматизировать создание бэкапов нажмите Schedule Automatic Backups.

Как только бэкап был создан, нажмите Manage Backups. Советуем хранить копию бэкапа локально у себя на компьютере. Для скачивания нажмите кнопку Download.

Шаг 6 – Обновление Joomla

Примечание: Рекомендуем вам создать резервную копию (бэкап) перед обновлением сайта.


Поддерживать Joomla в обновлённом состоянии очень важно. Когда вы вошли в систему по этой ссылке http://mydomain.com/administrator, Joomla автоматически запускает проверку наличия в доступе новой версии. Если в официальном репозитории есть новая версия, вы увидите новое уведомление. В уведомлении будет указано название обновления и кнопку Update Now. Нажмите на кнопку для начала процесса установки.

Далее вы перейдёте на страниц обновления Joomla. Здесь будет отображена информация о вашей текущей и новой версиях. Нажмите на кнопку установки для продолжения. Установка займёт несколько мгновений и после этого вы перейдёте на страницу, которая подтвердит вам успешную установку обновления.

Шаг 7 – Ускорение работы Joomla

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

Шаг 7.1 – Включение сжатие Gzip

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

В админ Панели управления Joomla выберите Система -> Общие настройки.

Вы перейдёте на страницу Общих Настроек. Теперь следуйте шагам ниже для включение сжатия Gzip в Joomla:

  1. Нажмите Сервер.
  2. Выберите Да в разделе Gzip-сжатие страниц.
  3. Сохраните свои изменения.

Если все изменения были успешно сохранены, вы получите подтверждающее уведомление:

Всё готово, Gzip сжатие теперь включено для вашего сайта на Joomla.

Шаг 7.2 – Включение Кэша в Joomla

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

Возвращайтесь в Общие настройки в раздел Система и следуйте этим шагам для включения кэша:

  1. Вы можете выбрать какой Обработчик кэширования вы хотите использовать. На большинстве провайдеров виртуального хостинга должен использоваться в качестве обработчика кэширования Файл.
  2. Оставьте Path to Cache Folder пустым, если не хотите сохранять файлы кэша в свою директорию.
  3. Время кэширования определяет как долго хранится и как часто обновляется содержимое кэша. Значение по умолчанию 15 минут. Если вы обновляете свой сайт очень часто, тогда уменьшите значение времени. Если вы редко обновляете сайт, тогда увеличьте это значение.
  4. Оставьте Platform specific caching в положении Нет, если вы не собираетесь предоставлять другой HTML контент для мобильных устройств.
  5. Включите Кэш, выбрав одну из настроек:
    • Стандартное кэширование — выбирайте эту настройку, если у вас очень большой сайт.
    • Прогрессивное кэширование — это значение кэша по умолчанию и подходит наилучшим образом практически для всех сайтов на Joomla.
  6. Сохраните свои изменения.

Если все изменения были успешно сохранены, вы получите подтверждающее уведомление:

Другой способ включить кэширования страниц вашего сайта на Joomla — включение плагина Кэша. Перейдите в  Расширения -> Плагины в панели управления Joomla.

Теперь всё, что вам нужно сделать это найти плагин Page Cache и включить его.

Чтобы облегчить поиск плагина, введите cache в поле для поиска. Как только вы найдёте нужный плагин нажимайте на кнопку в колонке статуса, чтобы его включить. Если плагин включился, вы увидите сообщение и зелёную кнопку с отмеченной галочкой.

Теперь кэширование включено и скорость загрузки вашего сайта должна улучшиться. Для дальнейшей оптимизации рекомендуем также работать с масштабированием изображений. Руководство по этой теме здесь (англ.).

Заключение

В этом руководстве Уроки Joomla основное внимание было уделено знакомству начинающих с Joomla, а также даётся полный обзор того, как можно управлять готовым сайтом с использованием современной CMS. Более подробную информацию, которая выходит за рамки этой статьи, можно получить из официальной документации Joomla.

Какие сайты можно делать на Joomla?

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

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

 

Блоги (сетевые дневники)

Блог — это информирующий или дискуссионный сайт, состоящий из статей (т. н. постов, записей). Статьи располагаются в обратном хронологическом порядке, т. е. новые материалы выводятся первыми. Пример:

Сайты для создания и продвижения бренда

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

Сайты-визитки

Сайты-визитки предоставляют информацию о компаниях, их продуктах или услугах в виде текстов, фотографий, анимации, аудио, видео, а также интерактивных меню и средств навигации. Пример:

Сайты знаменитостей

Речь идет о сайтах, на которых вся информация — о знаменитости. Такие сайты могут быть как официальными, так и сайтами поклонников. Пример:

Сайты сообществ

Сайты, на которых общаются люди с похожими интересами. Пример:

Сайты электронной торговли

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

Веб-форумы

Веб-форумы — это сайты, на которых люди обсуждают различные темы. Пример:

Онлайн-галереи

Особые сайты, разработанные для размещения на них галерей — картинных галерей, галерей фотографий — как коммерческих, так и некоммерческих. Пример:

Правительственные сайты

Более 3000 правительственных сайтов по всему миру построены на Joomla. Пример:

Новостные сайты

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

Личные веб-сайты

Это сайты об отдельных личностях или небольших группах людей, например, семьях. Информационное наполнение таких сайтов определяется тем человеком или той группой людей, которым сайт посвящен. Пример:

достоинства и недостатки бесплатного движка