Создание сайта Joomla! Шаг за шагом к собственному веб-сайту

Если вы хотите привлечь дополнительное внимание и проинформировать людей о себе, компании, учреждении или, например, ассоциации, лучшим решением будет создание собственного веб-сайта. Будучи своего рода цифровой визитной карточкой, веб-сайты все еще имеют элементарное значение и незаменимы в качестве источника информации для многих пользователей Интернета. Простые веб-сайты можно создать без особых усилий и предварительных знаний программирования благодаря таким наборам конструкторов, как IONOS MyWebsite, Jimdo или Wix. Они являются отличным решением для пользователей, не имеющих продвинутых навыков в области информационных технологий и ограниченного бюджета.

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

Joomla! — это система управления контентом, выпущенная в 2005 году, которая характеризуется, в частности, высоким удобством использования. Это позволяет работать с программой после короткого периода обучения и с базовыми знаниями. После короткого ознакомительного периода вы можете приступить к созданию собственного сайта на Joomla! Система CMS лицензирована под GNU-GPL и написана на языке PHP. Для хранения данных Joomla! по умолчанию использует реляционную систему управления базами данных MySQL. Поскольку это приложение с открытым исходным кодом уже много лет является одним из самых популярных решений для управления сайтами, уже существуют тысячи расширений для передней и задней частей, большинство из которых разработаны очень активным сообществом. Однако Joomla! предоставляет все необходимое для создания и администрирования функционального, оптимизированного для поисковых систем сайта без расширений.

Прежде чем создать веб-сайт с помощью Joomla!, необходимо выполнить соответствующие требования: Прежде всего, необходимо выбрать подходящую среду хостинга, где будет храниться Joomla!, а затем и данные веб-проекта. Прежде чем начать, подумайте, где вы хотите разместить CMS и ваш сайт — на собственном сервере или на сервере хостинг-провайдера. Затем следует продумать адрес вашего сайта и зарегистрировать желаемый домен.

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

Во-первых, вам нужен веб-сервер, поддерживающий PHP (он также должен быть установлен на сервере) и управляемый по FTP. Для этого рекомендуется веб-сервер Apache. Здесь, в Цифровом руководстве, вы узнаете, как настроить веб-сервер Apache.

Вам также понадобится система управления базой данных, в которой Joomla! будет хранить информацию вашего сайта. Поскольку MySQL является отличным решением, лучше всего загрузить установочные файлы приложения Oracle с сайта производителя программного обеспечения. Разница между коммерческим вариантом «MySQL Enterprise Edition» и вариантом с открытым исходным кодом «MySQL Community Edition» заключается в том, что первый является платным, а второй — бесплатным.

Если веб-сервер и база данных запущены, посетите веб-сайт Joomla! и загрузите установочные файлы последней версии системы управления контентом, нажав на кнопку загрузки:

Загруженный файл представляет собой архив, который вы либо распаковываете локально перед перемещением на веб-сервер с помощью FTP-клиента, такого как FileZilla, либо распаковываете после загрузки по FTP. Важно, чтобы содержащиеся в нем программные файлы Joomla! после распаковки находились в публичном корневом каталоге, который обычно называется «public_html» или в некоторых случаях также «htdocs».

Чтобы начать установку Joomla! сейчас, зайдите в веб-инсталлятор через браузер по вашему выбору, выбрав ваш домен (т.е.: «http://www.name-of-website.com») или локальное хранилище Joomla («http://localhost/path-to-joomla-folder»). Сначала Joomla! попросит вас сделать некоторые основные настройки — начиная с выбора языка. Однако CMS уже должна была выбрать подходящую языковую версию автоматически — на основе языка, выбранного для браузера. Следующие поля также должны быть заполнены:

• Название сайта: Здесь вы указываете имя вашего сайта Joomla! (вы можете изменить имя в любое время в глобальной конфигурации).
• Описание: В пункте «Описание» вы вводите мета-описание всего вашего сайта, которое описывает ваш сайт для поисковых систем и содержит главное ключевое слово. Оптимальной длиной является 20-25 слов.
• E-mail: Joomla! запрашивает действительный адрес электронной почты, связанный с учетной записью администратора. Это необходимо, например, если вы хотите изменить пароль.
• Имя пользователя: CMS по умолчанию использует имя «admin» для суперпользователя, но вы можете изменить его здесь.
• Пароль: Задайте надежный пароль для доступа администратора и имейте в виду, что эта учетная запись пользователя имеет максимальный доступ к фронт-энду и бэк-энду.
• Сайт в автономном режиме: С помощью опции «Сайт в автономном режиме» вы определяете, должен ли созданный вами сайт Joomla! быть доступен сразу по его URL («Нет») или сначала он должен быть в автономном режиме («Да»).

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

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

Вы можете работать в бэк-энде (а также в фронт-энде) удобно через браузер по вашему выбору. После того, как вы подключили нужный вам домен к Joomla!, достаточно набрать в браузере URL «http://www.name-of-website.com/administrator», чтобы открыть окно входа в бэк-энд. Не забудьте заменить адрес примера «name-of-website.com» на адрес домена вашего будущего сайта. На появившейся странице входа введите данные администратора, которые вы указали во время установки, прежде чем нажать на кнопку «Войти»:

После входа в систему вы попадете в панель управления Joomla!, которая предоставляет вам обзор наиболее важных данных о вашем сайте и его деятельности в системе управления контентом. Таким образом, вы можете увидеть, какие версии операционной системы, PHP и базы данных вы используете, сколько посетителей сейчас на вашем сайте, какие пользователи вошли в бэкэнд или фронтэнд, и какие изменения были внесены в веб-проект в последний раз. Через панель управления вы также можете получить доступ к меню опций CMS, где вы можете настроить основные параметры вашего сайта Joomla! Для доступа к нему используйте вкладку «Global» в левой строке меню:

На вкладке «Сайт» вы найдете настройки, определенные во время установки — такие как имя сайта, глобальные мета-данные или переключатель для автономного режима вашего веб-проекта. Вы также можете указать, какой редактор вы хотите использовать для работы в Joomla! Предварительно выбран WYSIWYG-редактор TinyMCE — но в качестве альтернативы доступен простой редактор кода CodeMirror. Однако, благодаря соответствующим расширениям, можно интегрировать и такие популярные редакторы, как ARK Editor или JCE.

Также возможны настройки для индексации и оптимизации под поисковые системы: В поле «Robots» можно указать, должны ли поисковые машины индексировать HTML-страницы (index) или нет (noindex) и должны ли эти ссылки следовать (follow) или не следовать (nofollow). Другие вкладки глобального меню позволяют выполнить следующие настройки:

• Система: В разделе «Система» можно указать путь к каталогу журналов и выполнить настройки кэширования, отладки и управления сеансами.
• Сервер: В этом меню вы найдете все важные опции для управления веб-сервером, например, активировать или деактивировать FTP, HTTPS или прокси-сервер.
• Текстовый фильтр: С помощью настроек текстового фильтра вы определяете отдельные группы пользователей и типы HTML-элементов, которые им разрешено использовать при работе с редактором.
• Разрешения: Права различных пользователей могут быть определены индивидуально в меню «Разрешения». Определяемые действия включают доступ администратора, вход на сайт, создание, удаление и редактирование.

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

Если вы хотите внести изменения в схему групп пользователей, установите флажок напротив нужной группы и нажмите кнопку «Изменить». Кроме того, вы можете полностью удалить группы, используя «Удалить». Чтобы определить параметры доступа для различных профилей пользователей, переключитесь на вкладку «Разрешения», упомянутую в предыдущем разделе в меню «Глобальное». Там нажмите на группу или подгруппу, которую нужно отредактировать, а затем выберите одну из следующих трех настроек для соответствующего действия доступа:

• Унаследовано: Разрешение передается от родительской группы
• Разрешено: Группа пользователей может выполнять действие независимо от настроек родительской группы
• Запрещено: Группа пользователей не может выполнять действие независимо от настроек родительской группы.

Если группы и назначенные права доступа соответствуют вашим требованиям, вы можете создать новых пользователей и назначить их в нужные группы. Для этого откройте меню «Пользователи» и нажмите на кнопку «Новый». Теперь необходимо ввести имена и фамилии пользователей, а также действующий адрес электронной почты нового пользователя и отметить на вкладке «Назначенные группы», к какой группе или группам должна быть назначена эта новая учетная запись пользователя. Затем нажмите «Сохранить и закрыть», чтобы создать учетную запись. Теперь она должна быть видна рядом с учетной записью администратора (Super User) в списке пользователей.

Если вы создаете сайты на такой CMS, как Joomla!, у вас есть большое преимущество: вам доступны все шаблоны оформления (чаще всего их называют темами или шаблонами). В базовой версии Joomla! предлагает отзывчивые шаблоны, Protostar и Beez3 (первый выбран по умолчанию). Однако если для вашего веб-проекта вы выбрали другой шаблон Joomla!, вы можете интегрировать его в любое время через бэк-энд. Для этого сначала скачайте шаблон, а затем внедрите его, нажав на «Установить расширения» в панели управления, а затем на «Загрузить файл пакета». Если вы перетащите загруженный файл(ы) шаблона в указанную область, Joomla! автоматически начнет установку.

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

Страницы веб-проекта называются вкладами в Joomla! Если вы выбрали эту опцию во время установки, то уже существует вкладка «Начало работы», содержимое которой вы уже можете увидеть, посетив свой сайт в текущий момент времени. Чтобы окончательно создать первую страницу собственного сайта Joomla!, нажмите на «Статьи: Редактировать» в панели управления. Выберите заголовок для страницы, а затем используйте редактор для добавления необходимого содержимого. Вы можете использовать кнопку «Формат» для форматирования заголовков, жирного текста, курсива или абзацев. Наконец, нажмите кнопку «Сохранить и закрыть», чтобы создать страницу.

Теперь вы можете редактировать или удалить созданную страницу Joomla! в любое время в разделе «Статьи». Чтобы сделать ее стартовой страницей вашего веб-проекта, вам нужно зайти в «Меню». Сначала нажмите на «Главное меню», а затем на «Главная». На этом этапе вы можете определить статью, которая должна быть связана с главным меню, а также с главной страницей вашего сайта. На опции «Выбрать статью» нажмите «Выбрать», а затем щелкните по созданной странице:

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

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

Для внутренних ссылок нажмите на «Статья», а затем выберите нужный пост вашего проекта Joomla!

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

Joomla! предлагает вам доступ к некоторым баннерам, заголовкам и образцам изображений, которые вы можете свободно использовать в своем веб-проекте. Если вы хотите использовать свои собственные изображения, прокрутите меню до самого низа, нажмите на кнопку «Обзор…» и укажите местоположение соответствующих файлов изображений. Затем выберите все изображения, которые вы хотите импортировать, и нажмите кнопку «Открыть». Joomla! показывает, сколько файлов было выбрано — начните загрузку в веб-пространство с помощью кнопки «Начать загрузку»:

Теперь нажмите на изображение, которое вы хотите вставить в статью, и заполните информацию об ориентации (слева, по центру, справа), название изображения или описание. Наконец, нажмите на кнопку «Вставить», и изображение появится в нужном месте в текущем посте: