Как создать сайт на joomla

Что такое шаблон Joomla?

Шаблон Joomla — это набор файлов в CMS Joomla, которые управляют представлением данных. Шаблон не является веб сайтом и не рассматривается как завершенный дизайн сайта. Шаблон представляет собой основание дизайна для вывода веб сайта под управлением CMS Joomla. Для достижения эффекта завершенного дизайна шаблон плотно взаимодействует с содержанием сайта, которое хранится в базе данных Joomla.

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

Использование шаблона так, как это организовано в Joomla, имеет ряд преимуществ:

• Joomla выполняет всю работу по размещению содержания на сайте. Вы можете добавить новую информацию просто набрав текст статьи. Шаблон со своими стилями CSS сделает внешний вид соответствующим общему дизайну сайта.
• Содержание и его представление разделены. Особенно четко разделение проявляется при использовании CSS в шаблоне (в противоположность задействованию таблиц в файле index.php). Данный фактор является основным критерием для определения соответствия сайта новейшим стандартам веб разработки. В соответствии со стандартами HTML теги таблиц могут использоваться только для представления табличных данных, но не для разметки структуры страницы в виде колонок.
• Новый шаблон, соответственно, и новый вид веб сайта может быть применен мгновенно. Так могут быть изменены положения модулей и содержания, цвета и графика страниц.

Структура и оформление сайта

Установка шаблона

• шаблон для «Джумлы» можно выбрать из готовых решений — платных и бесплатных, можно создать индивидуальный сайт без использования шаблонных схем;
• шаблон лучше всего выбирать адаптивный, это поможет увеличить аудиторию благодаря пользователям смартфонов и планшетов;
• темы сайта, его оформление должно максимально соответствовать формату сайта, корпоративному сайту вряд ли подойдет форма сайта-визитки.

после выбора подходящего шаблона его нужно активировать, для этого в «Менеджере шаблонов» нужно проставить галочку напротив выбранного варианта. Иначе шаблон не будет активен.

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

Для настройки админки пошагово производятся следующие действия:

1. Прописывание названия ресурса в общих настройках сайта. Уведомление посетителей о временной недоступности сайта.
2. Выбор «Публичного» уровня доступа по умолчанию.
3. Прописывание необходимых мета-данных сайта, оформление графы «Авторские права».
4. Включение ЧПУ во вкладке «Настройки СЕО» и добавление суффикса к URL. Для этого необходимо переименовать файл htaccess.txt из корневой директории ресурса в htacces.
5. Отключение «Отладки системы» и «Отладки языка» проставлением слова «Нет» напротив соответствующих значений.
6. Установка времени течения сессии, по истечении которого система попросит пользователя ввести повторно логин и пароль.
7. Включение gzip-сжатия страниц повысит скорость загрузки сайта у клиентов.

Безопасность сайта

1. Для сохранности информации, выложенной на сайт, используют возможности резервного копирования.

После скачивания дистрибутива одного из нескольких инструментов: Akeeba Backup, Data Safe Pro или Easy Joomla Backup — нужно установить его на сайт, воспользовавшись менеджером расширений. После завершения мастера установки система спросит, нужно ли создать резервную копию. Далее резервные копии можно создавать 1-2 раза в неделю в обычном режиме, перед каждой установкой расширений и шаблонов, перед обновлениями системы.

2. Для защиты системы от несанкционированного доступа нужно установить такие расширения, как KSecure, SecSign, MiniOrange, JoomUltra. Активируем плагин через менеджер расширений. Система устанавливает пароль для входа в административную зону.

3. Защитить систему от спама помогут плагины KeyCAPTCA, iAkismet, CleanTalk. После установки дистрибутива его необходимо скачать на сайт. После проведенных действий сервис будет защищен от роботов.

Наполнение сайта контентом

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

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

• iSEO;
• ZOO Blog Ping;
• Site Map Update Pro;
• Blog Ping Pro.

Чтобы опубликовать материал, необходимо в меню панели администратора нажать «Создать материал». Здесь далее нужно указать название текста и добавить последний в редактор. Здесь же можно редактировать фото и картинки.

Как добавить сайт в Google Analytics и Яндекс.Метрику

1. Для добавления сайта в Google Analytics нужно войти в свой аккаунт, добавить сайт, выложить его название, URL. Здесь администратор сайта получает код отслеживания. Его необходимо проставить на всех страницах сайта. Подойдет такое расширение, как Codels Google Analytics, его необходимо активировать после установки.
2. С помощью плагина Yandex Metrika можно установить на сайт код отслеживания Яндекс. После установки плагина необходимо его включить, перейти на страниц установки, ввести ID идентификатора.

Шаг 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 заботится о всём, что связано с бэкапами.

Менеджер категорий

Переходим в менеджер категорий и жмем кнопку «Создать» в тулбаре.

Большинство настроек идентичны уже рассмотренным выше. Появилась только опция «Родитель», которая позволяет задать родительскую категорию. Если оставить «Нет родителя», то категория будет высшего уровня. Описание категории следует заполнять в том случае, когда собираетесь выводить его на страницы сайта.

Параметры отображения

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

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

Преимущества Джумла

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

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

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

Естественно, не имея никакого представления о том, как же устроена Джумла, вам будет сложно что-то сделать самостоятельно, поэтому про создание сайта на платформе Joomla я постараюсь рассказать подробно и пошагово.

Главное меню админ. панели Joomla

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

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

Пункт “Меню”. Если нужно добавить или изменить пункты меню на front-end сайте, то этот компонент поможет. Можно создавать отдельные группы меню сайта и выводить их при помощи модуля. В пунктах меню формируются ссылки на страницы сайта. Т.е. создавая пункт можно выбрать, на страницы какого компонента он будет вести. А компонент в свою очередь наполняется нужной информацией, которою можно вывести при помощи пункта меню. Кроме того можно сделать индивидуальные настройки отображения страницы на которую он ведет. Например указать “Показывать заголовок страницы или нет”, “Какой шаблон отображать для этой страницы”, “Настроить отображение мета информации страницы”, “Порядок пунктов меню”, “Какой из пунктов меню будет главной страницей”, “Опубликовать пункт меню или скрыть” и др.

Пункт меню “Материалы”. С помощью этого компонента Joomla можно создавать страницы сайта с текстовым и медиа-, контентом. Страницы можно сортировать по группам при помощи категорий с неограниченной вложенностью. Материалы и категории можно выводить списком, в виде блога или по отдельности. Настройка отображения материалов производится через сам компонент, либо через общие настройки.

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

Пункт меню “Расширения” – в подменю этого пункта вы найдете менеджеры модулей, плагинов, языков и шаблонов. А так же менеджер установки новых расширений, в том числе и компонентов.

Этап №4 — Инсталляция и настройка расширений для Joomla!

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

• расширение доступных функций и упрощение работы с меню;
• обеспечение дополнительного уровня безопасности;
• оптимизация работы вебсайта (SEO);
• добавление новых функций для пользователей и так далее.

Резервное копирование

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

• Akeeba;
• Easy Joomla.

И другие. Чтобы активировать расширение, необходимо скачать загрузочный файл и установить при помощи менеджера расширений.

Возьмем для примера Akeeba Backup. После инсталляции вы сразу можете создать резервную копию или настроить модуль.

Для создания бэкапа нажмите кнопку «Backup Now». 

Кнопка View Log откроет вам доступ к журналу обновлений, из которого можно узнать, когда создавались резервные копии. Нажав Mange backups, вы перейдете в меню, из которого сможете управлять бэкапами: сортировать, удалять и пр.

Что касается автоматической работы, то в бесплатной версии расширения такой функции не предусмотрено. Поэтому расписание создания копий нужно создавать самому. Сделать это можно из панели администратора, используя пункт меню «Backup is up-to-date». В новом меню вы можете выбрать частоту создания копий, учитывая активность на сайте.

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

Безопасность

Взлом вебсайта — ситуация крайне распространенная. Думая над тем, как создать сайт на Joomla, нужно сразу же позаботиться и о безопасности. В этом вам помогут такие расширения: Brute Force Stop; JU BlockIP; SecSign.

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

Защита от спама

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

• CAPTCHA;

• CleanTalk;

• iAkismet;

• R Antispam.

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

Publii

Технически Publii — это генератор статических страниц для блога, но также это полноценный движок для работы с контентом. Работает всё так:

1. Скачиваете и устанавливаете бесплатную программу на компьютер (поддерживается WIndows, Mac OS и Linux).
2. В настройках прописываете адрес своего сайта и способ подключения к нему.
3. В админке на компьютере создаёте новую запись и оформляете её, как вам нужно.
4. Нажимаете «Синхронизировать с сервером», и сформированная статическая страница появляется на сайте.

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

В Publii доступны все стандартные возможности движков:

• темы;
• плагины;
• доработка своего кода страницы;
• SEO и техническая оптимизация страниц;
• авторы, теги, даты и категории записей.

Если вам нужен не просто свой движок на сервере, но и полная копия у себя на компьютере на всякий случай — возможно, это то, что вам нужно.

Страница в админке со всеми записямиНастройки соединения с серверомИнтерфейс редактора статейНастройка кода в отдельных блоках, из которых движок будет собирать страницы

Текст:

Михаил Полянин

Редактор:

Максим Ильяхов

Художник:

Алексей Сухов

Корректор:

Ирина Михеева

Вёрстка:

Кирилл Климентьев

Соцсети:

Виталий Вебер

Ghost

Ghost написан на JavaScript и Node.js и создавался как альтернатива сложному Вордпрессу с его php-файлами. 

Сейчас разработчики Ghost предлагают использовать его по подписке и работать на серверах компании, но есть бесплатный способ — скачать докер-файл и запустить его у себя

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

После запуска мы получаем все возможности современного сайта:

• удобный редактор статей;
• поддержку тегов, авторов, рубрик и дат;
• отдельные настройки мобильной версии;
• инструменты для SEO;
• темы оформления;
• плагины для расширения функционала сайта;
• доступ к материалам только для некоторых пользователей;
• рассылки и формы подписки;
• интеграции с внешними сервисами автоматизации.

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

В панели администратора можно работать с любого устройства

Настройка внешнего вида сайта:

Создание и редактирование страниц в Ghost:

Семантически правильный код

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

Следует также использовать семантические имена для различных областей шаблона. Например, при создании двух или трех колоночного шаблона лучше использовать не названия «left» (левый) и «right» (правый), а  «sidebar» или «side». При задании соответствия кода HTML и классов CSS назначение областей будет понятно из названия.

Иерархия пользователей

Для создания обратной связи на сайте необходимо создать «Контакт». Для этого заходим в «Компоненты» – «Контакты».

Заполняем форму в зависимости от того, какую информацию о себе/сайте/организации вы хотите показать посетителям сайта. Можно назвать себя admin. Сохраняем.

Контакты или обратную связь сделаем в верхнем меню. Создаём меню, добавляем пункт «Контакты».

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

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

Этап №2 — Инсталляция шаблона Joomla!

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

Выбирая шаблон для сайта на Joomla, обратите внимание на следующие пункты:

очень важно иметь версии дизайна отдельно для десктопа (компьютера) и отдельно для мобильных устройств (планшет и смартфон). Если такое недоступно, то выбирайте адаптивные шаблоны — они обеспечат удобство пользования сайтом независимо от устройства;

учитывайте направленность проекта

Дизайн для бизнес-сайта кардинально отличается от личного блога или онлайн-магазина не только цветовой палитрой или графикой, но и расположением блоков с контентом;

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

Выбрав подходящий шаблон, загрузите установочный файл на свой компьютер. Затем перейдите в административную панель Джумла, выберите пункт в меню «Установка расширений».

 

Загрузите закачанный файл (учитывайте максимальный размер). После он появится в графе «Менеджер шаблонов». Переходите в этот пункт меню, выбирайте дизайн и ставьте напротив него галочку. Обновите страницу сайта, чтобы убедиться, что шаблон был активирован.

Все готово. Первый шаг, раскрывающий, как создать сайт на Джумле, мы сделали.

Этап №1 — Подготовка к установке Joomla!

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

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

После всех организационных моментов и установки CMS вы получаете полноценный сайт и доступ к панели администратора.

Отсюда вы и будете проводить большую часть всех операций: настройку вебсайта, загрузку контента (статьи, картинки, видео), редактирование материалов, настройку дизайна и многое другое.

CSS

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

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

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

Drupal может улучшиться в будущем

Говорят, что новый Drupal 8, который будет выпущен в ближайшее время (пока нет официальной даты релиза) массивно усовершенствован и много проблем и ошибок исправлено. Ядро Drupal была полностью переработано и перестроено и, как предполагается, много позаимствовано из фреймворка Symfony 2.

Тем не менее, до тех пор, пока Drupal 8 не будет выпущен, даже не стоит рассматривать использование Drupal в реальных проектах.

После того, как Drupal 8 будет выпушен я готов вновь посетить мир Drupal и сделать проект на нем, но я почти уверен, что к этому времени Joomla улучшится еще больше. Мы, возможно, даже получим полную поддержку TDD на Joomla (TDD или Test Driven Development является лучшей методологией разработки в мире).

Заключение

В заключение, если вы все еще сомневаетесь по этому поводу, поверьте разработчику, который имеет опыт работы как с Joomla, так и с Drupal. Joomla лучше чем Drupal. И это верно независимо от размера и требований к сайту.

Если у вас нет не-технических причин (например, мои пользователи уже знают, как использовать Drupal) я всегда рекомендую создавать сайт на Joomla.

Если вы где-то читали в Интернете, что Drupal лучше, чем Joomla для сложных крупномасштабных проектов, просто проверьте их показания. В тестах были рассмотрены технические детали и работы фреймворков и пришли к выводу, основанному на технических деталях? Или просто заявлено, что они считают, без всяких доказательств или ссылок в исходный код CMS?

Заключение

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

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

К счастью, и по сей день активно развивается русское сообщество Joomla!, участники которого смогут ответить на любые ваши вопросы.

Надеемся, что это статья помогла вам узнать больше о создании сайта на CMS Joomla!