Сайт на joomla 3 с нуля пошаговая инструкция для новичков

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

По данным W3Techs на март 2022 года, CMS Joomla! занимает пятое место в мире по популярности после WordPress. Из этой статьи вы узнаете, почему стоит обратить внимание на «Джумлу». Также вы найдете пошаговое руководство по созданию и настройке сайта на Joomla!, подключению ресурса к системам веб-аналитики и публикации контента.

Почему стоит обратить внимание на CMS Joomla!

«Джумла» – это бесплатный движок, на котором можно делать любые сайты. CMS Joomla! функциональна и относительно проста в управлении. Владельцы сайтов выбирают эту систему управления контентом, потому что:

  • она простая – с этой CMS можно работать без знаний в области программирования и дизайна сайтов, хотя она и немного уступает WordPress;
  • она функциональная – системы достаточно для создания сайтов от визитки и блога до большого интернет-магазина и информационного портала;
  • она адаптивная – готовый ресурс можно адаптировать к нуждам аудитории с помощью платных и бесплатных шаблонов и расширений;
  • она идеальна для интернет-магазинов – управление меню и навигацией интуитивно понятное, можно быстро создавать сайты со сложной архитектурой: большим числом категорий и подкатегорий, а также организовывать иерархии страниц;
  • она учитывает требования поисковиков – движок Joomla! считается SEO-дружественным по умолчанию, а с помощью SEO-расширений решаются все технические аспекты оптимизации.

Продвинем ваш бизнес

В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров

Подробнее

Продвинем ваш бизнес

Шаг № 1: Начинаем работать с Joomla!

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

  • хостинг для Joomla! от «Джино»;
  • готовые решения от Reg.ru;
  • предложение от «Макхост».

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

После регистрации домена и покупки хостинга с установленной CMS или самостоятельной установки «Джумлы» вы получите доступ к административной панели сайта.

Административная панель Joomla не перегружена лишними кнопками

Интерфейс Joomla. Административная панель Joomla не перегружена лишними кнопками

Шаг № 2: Как установить шаблон Joomla!

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

  • если у вас нет мобильной версии, выбирайте шаблон с адаптивной версткой – так вашим сайтом смогут пользоваться владельцы смартфонов и планшетов;
  • обращайте внимание на внешний вид и функциональность шаблона: если вы создаете интернет-магазин или корпоративный сайт, не подойдут темы для блогов или сайтов-визиток;
  • если выбираете готовый шаблон, воспользуйтесь иностранными сайтами. Для этого введите в Google запрос joomla templates. Так будет больше шансов найти хорошую тему, которую не используют коллеги и конкуренты из России.

По запросу joomla templates вы найдете множество красивых и функциональных шаблонов

Поисковая выдача по запросу joomla templates

Если некогда пользоваться поисковиками, ищите шаблоны здесь:

  • 600+ платных шаблонов;
  • платные и бесплатные шаблоны для «Джумлы»;
  • много тем для Joomla!;
  • красивые шаблоны.

После выбора шаблона скачайте дистрибутив на жесткий диск компьютера. В административной панели выберите раздел «Система» и кликните «Расширения»:

Открываем меню установки расширений

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

Загрузите и установите шаблон.

Загружаем и устанавливаем шаблон

Перетащите в это окно файл расширения или выберите файл на жестком диске

После установки перейдите в управление шаблонами. Для этого откройте раздел «Система» и в разделе «Шаблоны» выберите пункт «Стили сайта»:

Нажмите «Стили сайта»

Теперь в «Джумле» нет менеджера шаблонов

Отметьте чекбокс напротив установленного шаблона и нажмите «По умолчанию» в левом углу:

Назначьте шаблон по умолчанию

Нажмите кнопку «По умолчанию»

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

Тема (шаблон) применена успешно

Должно появиться такое сообщение

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

Теперь переходите к настройке CMS.

Шаг № 3: Как настроить CMS Joomla!

Указываем общие настройки сайта

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

Общие настройки находятся в разделе «Система»

После обновления общие настройки переехали в раздел «Система»

Указываем название сайта. Обязательно прописываем метаданные сайта: описание и ключевые слова. Выберите значение для тега robots. Если не нужно ограничивать индексирование ресурса поисковыми системами, подойдет вариант Index, Follow. В поле «Авторские права» внесите данные о копирайте.

Указываем глобальные метаданные для сайта

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

В разделе «Настройки SEO» включите ЧПУ и добавление суффикса к URL. Чтобы включить перенаправление URL, необходимо переименовать файл htaccess.txt, который находится в корневой директории ресурса. Чтобы получить к нему доступ, воспользуйтесь любым FTP-клиентом, например, Filezilla. Найдите указанный файл и переименуйте его в .htaccess.

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

Отключите этот тумблер

Админка «Джумлы» позволяет настраивать алиасы, SEF, добавлять суффикс к ссылкам

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

В параметрах страницы можно активировать режим отладки, менять параметры кэша, работать с параметрами сессиями

Вкладка «Параметры» в «Общих настройках»

Во вкладке «Сервер» включите gzip-сжатие страниц. Это ускорит загрузку сайта в браузерах посетителей. Если хотите обеспечить пользователям безопасную связь с сайтом, приобретите SSL-сертификат и включите соответствующую опцию в панели управления «Джумлы». Выберите часовой пояс, подходящий аудитории вашего ресурса. Оставьте выключенными встроенный доступ к FTP и прокси-сервер. В разделе «Настройка почты» укажите адрес электронной почты и отправителя письма.

Включите Gzip-сжатие и HTTPS для всего сайта

Кастомизируем параметры сервера

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

В Joomla настройка прав доступа сделана удобно и понятно

Настраиваем права доступа

Если вы работаете с сайтом самостоятельно, не изменяйте настройки во вкладке «Фильтры текста». Если другие пользователи могут добавлять публикации, отфильтруйте нежелательные теги HTML. Например, с помощью фильтров можете запретить группе пользователей встраивать в публикации видео с YouTube. Для этого напротив соответствующей группы укажите тип фильтра «Черный список», в который по умолчанию включаются теги <iframe>.

При необходимости указываем настройки фильтрации текста

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

Как создать меню сайта на CMS Joomla!

Чтобы создать меню, воспользуйтесь менеджером меню в панели управления «Джумлы».

Создаем новое меню сайта в Joomla

Нажмите кнопку «Создать» в разделе «Пункты меню»

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

Настройки меню в новом интерфейсе Joomla простые

Создали новое меню

Чтобы создать пункты меню, необходимо сначала опубликовать соответствующие им страницы сайта. Чтобы добавить пункты, перейдите в подраздел «Пункты меню». Воспользуйтесь кнопкой «Создать».

В новом интерфейсе Joomla создание пунктов меню выведено в отдельный подраздел

Нажмите кнопку «Создать», чтобы сформировать новые пункты меню

Выберите тип пункта меню. Например, чтобы вывести в главное меню ссылку на публикацию, воспользуйтесь опцией «Выбрать – Материалы – Материал».

Настройка пунктов меню стала гораздо более интуитивной

Настраиваем пункты меню в Joomla

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

Таким же способом создайте остальные пункты меню. Например, чтобы добавить в меню ссылку на блог, выберите тип меню «Блог категории».

Теперь нужно создать модуль отображения меню на сайте. Для этого перейдите в менеджер модулей.

«Модули сайта» находятся в разделе «Система»

Нажмите «Модули сайта»

Нажмите кнопку «Создать» в левом верхнем углу экрана:

Создаем новый модуль в Joomla 2022

Кликните по зеленой кнопке

На открывшейся странице выберите вариант модуля «Меню».

Выбираем меню в списке модулей

Этот модуль нужен для отображения меню сайта

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

Создаем модуль меню

Кастомизируем меню сайта

Как создать категории и меню категорий

Если создаете информационный ресурс или интернет-магазин, организуйте навигацию по сайту с помощью категорий. Для этого воспользуйтесь разделом «Контент». Откройте пункт «Категории» :

Менеджер категорий исчез из Joomla

Теперь управление категориям происходит в одноименном меню

Если вам нужно создать категорию с подразделами, воспользуйтесь кнопкой «Создать» в менеджере категорий. В меню редактирования укажите название раздела, добавьте описание.

Прописываем заголовок, указываем описание категории и остальные параметры

Удобный визуальный редактор WYSWYG (What You See Is What You Get, «что видишь, то и получишь»)

Во вкладке «Публикация» укажите метаданные категории, при необходимости укажите автора.

Прописываем метаданные для категории

Настраиваем параметры публикации

Не меняйте дефолтные настройки во вкладке «Права доступа». Во вкладке «Параметры» выберите макет страницы и добавьте изображение. Например, для информационного ресурса подойдет макет «Блог». Сохраните изменения.

Теперь создайте подкатегории. Для этого во время создания категории укажите родительский раздел.

Создаем дочерний раздел или подкатегорию

Выберите родительскую категорию

Теперь создайте модуль отображения категорий. Для этого перейдите в менеджер модулей. Воспользуйтесь опцией «Создать» и выберите тип модуля «Категории».

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

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

Меню категорий, созданное в Joomla

Мы создали меню категорий

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

Кликните по модулю «Навигатор сайта»

Выберите этот раздел

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

Настраиваем модуль

Настраиваем хлебные крошки на своем сайте

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

Хлебные крошки над контентом добавлены

Навигационная цепочка улучшает юзабилити сайта

Вы настроили CMS и создали меню сайта. Теперь необходимо решить практические задачи с помощью расширений.

Шаг № 4: Устанавливаем и настраиваем базовый набор расширений для Joomla!

C помощью базового набора расширений для Joomla! можно решить следующие задачи:

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

Как настроить резервное копирование сайта на Joomla!

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

  • Akeeba Backup;
  • Easy Joomla Backup.

Скачайте дистрибутив выбранного инструмента и установите его на сайт с помощью менеджера расширений. Если выбрали бесплатный компонент Akeeba Backup Core, после установки перейдите на страницу настройки. Примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы Akeeba Backup предложит создать резервную копию или вручную изменить настройки.

Менеджер конфигурации Akeeba завершил работу и предлагает следующие шаги

Бенчмарк выполнен успешно

Создайте резервную копию сайта.

Мы успешно сформировали резервную копию

Бэкап выполнен менее чем за минуту

С помощью кнопки View Log можно посмотреть журнал обновлений. Кнопка Manage backups позволяет войти в меню управления бэкапами. Здесь можете фильтровать, помечать и удалять устаревшие резервные копии.

Здесь происходит управление бэкапами

Меню управления резервными копиями позволяет загрузить любой бэкап или просмотреть его логи

Бесплатная версия Akeeba Backup не поддерживает автоматическое резервное копирование по расписанию, поэтому придется делать копии вручную. Для этого в панели управления Joomla! необходимо воспользоваться меню «Обслуживание – Backup is up-to-date».

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

Как уменьшить вероятность несанкционированного доступа к сайту на Joomla!

Уменьшить вероятность взлома сайта на «Джумле» можно с помощью расширений:

  • JU BlockIP;
  • SecSign;
  • Brute Force Stop.

Установите расширение Brute Force Stop. Включите его в меню «Менеджер расширений – Плагины».

Не забудьте включить плагин

Не забудьте включить плагин

На странице настроек плагина укажите порог блокировки. По умолчанию стоит 10. Рекомендую уменьшить его.

Настраиваем плагин Brute Force Stop

Мы уменьшили порог блокировки до трех попыток входа

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

Раздел «Уведомления» плагина Brute Force Stop

Настройте уведомления, чтобы получать оповещения обо всех атаках, совершаемых на ваш сайт

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

Как защитить сайт на Joomla! от спама

Вы можете защитить ресурс на CMS «Джумла» от автоматических регистраций и спам-комментариев с помощью следующих расширений:

  • iAkismet – платный плагин, обеспечивающий защиту сайта с помощью сервиса Akismet;
  • R Antispam – защищает от спам-ботов форумы сайтов, работающих на Joomla!;
  • CAPTCHA – reCAPTCHA;
  • CleanTalk (платный сервис).

В менеджере плагинов включите плагин CAPTCHA – reCAPTCHA.

Нужно указать публичный и секретный ключ

Настраиваем плагин CAPTCHA – reCAPTCHA.

Войдите в меню «Пользователи – Менеджер пользователей – Настройки». В поле CAPTCHA с помощью выпадающего меню укажите значение CAPTCHA – reCAPTCHA. Сохраните изменения.

Активируйте Включить CAPTCHA

Измените значение на «Активировано»

После этого reCAPTCHA будет защищать формы регистрации, восстановления пароля, комментирования от спам-ботов.

reCAPTCHA установлена успешно

Теперь бот не сможет оставить спамный комментарий

Как создать карту сайта

С помощью следующих инструментов:

  • PWT Sitemap;
  • OSMap.

После установки OSMap перейдите в менеджер карты сайты. Его можно найти в меню «Компоненты – OSMap».

Чтобы создать новую карту, нажмите зеленую кнопку New

Чтобы создать новую карту, нажмите зеленую кнопку New. После создания карты сайта ее нужно опубликовать

Дождитесь сообщения об успешном создании карты сайта. Затем опубликуйте ее (Publish).

Как обеспечить удобное управление метаданными

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

  • iSEO – платный SEO-плагин;
  • EFSEO.

Установите плагин EFSEO и включите его в менеджере плагинов. Перейдите на страницу настройки плагина. Во вкладке «Дополнительные параметры» активируйте функцию Collect URL’s.

Нужно включить Collect URL’s

Активируйте выделенную красной рамкой функцию

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

Блок контроля метаданных страницы

Обратите внимание на блок в правой части экрана

Кликните по блоку и отредактируйте метаданные страницы.

Окно редактирования метаданных страницы

Укажите название и описание страницы

Повторите действие на каждой странице сайта.

Плагин EFSEO поддерживает автоматический режим. При его активации надстройка генерирует метаданные для страниц. Функцию можно включить во вкладке Automatic Mode в настройках плагина. Используйте автоматический режим в крайнем случае, так как метаданные лучше создавать вручную.

Меню параметров автоматической генерации метаданных

Интерфейс плагина EFSEO

Как добавить кнопки шеринга социальных сетей

Добавить кнопки социальных сетей можно с помощью расширений:

  • Fast Social Share;
  • Social Sharing;
  • AddToAny Share Buttons.

Установите и активируйте модуль AddToAny Share Buttons. По умолчанию кнопки шеринга появятся на страницах публикаций под контентом.

В настройках плагина во вкладке AddToAny Placement можно изменить расположение кнопок. Доступны позиции над контентом, под контентом, над и под контентом одновременно.

Положение кнопок настраивается в строке Display in Content at

Выбираем положение кнопок шаринга

Как добавить форму обратной связи

Форму обратной связи можно сделать с помощью расширения Form Maker Lite.

После установки расширения Form Maker Lite войдите в меню «Компоненты – Form Maker Lite – Forms». С помощью кнопки «Создать» откройте редактор новых форм.

Создаем контактную форму

Благодаря плагину можно создать красивую и функциональную форму

С помощью кнопки Form Options перейдите на страницу настройки формы. Во вкладке Email Options введите адрес электронной почты, на который будут приходить сообщения, созданные с помощью формы.

Настраиваем созданную форму

Нажмите синюю кнопку Form Options

Добавляйте новые поля с помощью кнопки Add New Field.

Добавляем новые поля, нажав Add a new field

Чтобы задать поля, кликните по этой кнопке

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

Редактируем поля формы обратной связи

Большой выбор готовых вариантов полей

Чтобы добавить форму на страницы сайта, в меню «Компоненты – Form Maker Lite – Forms» скопируйте код созданной формы. В режиме редактирования вставьте его на выбранные страницы сайта.

Нужно скопировать код созданной формы

Скопируйте этот код

Если вы все сделали верно, на страницах сайта появится созданная форма.

Форма обратной связи опубликована корректно

Форма позволит оставлять пользователям комментарии

Как добавить микроразметку на сайт под управлением Joomla!

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

Установите и активируйте расширение Google Structured Data Markup. После активации бесплатная версия добавляет микроразметку Schema.org, позволяя работать с типами данных Breadcrumblist, Organization, Website и другими.

С помощью бесплатной версии плагина к публикациям можно добавлять структурированные данные Schema.org Article. Для этого в меню настроек Google Structured Data выберите раздел Items и нажмите кнопку «Создать».

В раздел Items нажмите «Создать»

Нажмите кнопку «Создать»

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

Добавляем данные для создания микроразметки

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

Проверьте корректность микроразметки с помощью инструмента Google.

Корректность микроразметки нужно подтверждать, чтобы обнаружить ошибки валидации

Пример страниц с добавленной микроразметкой

Платная версия плагина поддерживает другие типы разметки, включая Review, Products, Recipes, Events.

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

Так выглядит сниппет в Facebook без протокола Open Graph

Неразмеченный сниппет визуально непривлекателен. Так выглядит сниппет в Facebook без протокола Open Graph

Установите и активируйте расширение Phoca Open Graph. В настройках плагина во вкладке Main Options включите опцию Find Image in content. Укажите название сайта и сохраните изменения.

Настраиваем плагин

Активируйте автоматическое нахождение изображения в контенте и пропишите название сайта

Если все сделано верно, при публикации материала в социальных сетях будет формироваться привлекательный сниппет.

Сниппет стал визуально привлекательным

Заголовок

Как подключить ускоренные мобильные страницы на сайт под управлением Joomla!

Это можно сделать с помощью платных расширений:

  • JAmp;
  • wbAMP.

Протестировать работу ускоренных страниц на «Джумле» можно с помощью бесплатной версии расширения wbAMP для сообщества. Инструкцию по работе с расширением читайте в нашем руководстве по работе с ускоренными мобильными страницами.

Шаг № 5: Как добавить код аналитических сервисов на сайт под управлением Joomla!

Чтобы отслеживать эффективность ресурса, добавьте сайт под управлением CMS Joomla! в сервисы аналитики «Метрика» и Google Analytics, а также в Search Console Google и «Яндекс.Вебмастер».

Как добавить сайт на «Джумле» в Google Analytics

Войдите в аккаунт Google Analytics. Добавьте новый сайт в систему: укажите название, URL. Воспользуйтесь опцией «Получить идентификатор отслеживания». Теперь доступен код отслеживания.

Код Google Analytics (глобальный тег) нужно вставить на все страницы сайта.

Нас интересует глобальный тег GA

Задачу можно решить с помощью следующих расширений:

  • Advanced Google Analytics;
  • Google Analytics Dashboard.

После установки Advanced Google Analytics включите его и перейдите на страницу настроек. Укажите ID идентификатора отслеживания, название домена, выберите подходящие настройки и сохраните изменения. Вы добавили код отслеживания на сайт.

Настройки плагина

Параметры плагина Advanced Google Analytics

Возвращаемся в Google Analytics и проверяем статус:

Отслеживание установлено

Все работает корректно

Как добавить сайт на Joomla! в «Яндекс.Метрику»

Добавить на сайт код отслеживания «Яндекс.Метрики» можно с помощью плагина IWS.BY Yandex Metrika. После установки плагина включите его и перейдите на страницу настройки. Укажите лицензионный ключ и код счетчика «Яндекс.Метрики»:

У плагина нет настроек, нужно добавить только код счетчика

Настроили плагин IWS.BY Yandex Metrika

В «Яндекс.Метрике» проверьте, поступают ли данные с сайта.

Данные поступают корректно

Счетчик привязан успешно

Как верифицировать сайт на Joomla! в Google Search Console и «Яндекс.Вебмастер»

Чтобы добавить сайт в кабинеты для вебмастеров Google и «Яндекс», необходимо подтвердить права на управление ресурсом. Для этого необязательно вторгаться в файлы index.php или редактировать теги head (ведь это не код счетчиков, а просто однократная проверка присутствия файла на сайте). Удобнее всего подтвердить право на сайт в Google Search Console и «Яндекс.Вебмастер» файлом в корне сайта. О том, как это сделать, читайте в «Яндекс.Справке» и Cправке Search Console.

Шаг № 6: Как публиковать контент

Чтобы опубликовать заметку на сайте под управлением CMS Joomla, воспользуйтесь меню «Контент» в административной панели.

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

Создаем первую страницу

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

К любому материалу можно добавить изображение

Визуальный редактор Joomla. Чтобы добавить изображение, кликните по выделенной иконке

В открывшемся окне можно добавить атрибут alt, выбрать способ выравнивания и разрешение фото.

Укажите метаданные изображения, при необходимости отредактируйте размеры картинки

Настройки изображения в новом интерфейсе Joomla

Во вкладке «Публикация» добавьте описание и по желанию – ключевые слова страницы (в 2022 году добавлять их не имеет смысла).

Укажите обязательные параметры публикации

Создание материала, настройки публикации

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

В разделе «Менеджер материалов» можно управлять публикациями: редактировать, удалять, снимать с публикации, оценивать количество просмотров.

Менеджер материалов в последней версии Joomla был объединен с разделом «Материалы»

Вы подразделе «Материалы» (Раздел «Контент») происходит управление всеми публикациями

В разделе «Категории» можно создавать и редактировать категории публикаций.

Управление категориями в Joomla осуществляется в подразделе «Категории»

Новый интерфейс менеджера категорий

Что лучше – Joomla! или WordPress

Зависит от стоящих перед вами задач, личных предпочтений и привычек.

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

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

К преимуществам Joomla! перед WordPress можно отнести:

  • доступные без установки плагинов инструменты SEO: оптимизацию URL-адресов, переадресацию ссылок, управление метатегами robots;
  • автоматическое кэширование – ускоряет загрузку страниц в браузерах;
  • наличие встроенного доступа к FTP;
  • управление сжатием страниц;
  • возможность редактирования контента во фронтенде.

В CMS WordPress перечисленные задачи можно решить только с помощью дополнительных плагинов.

К недостаткам Joomla! можно отнести:

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

Стоит ли выбирать CMS Joomla!, если вы не занимаетесь разработкой сайтов профессионально? Почему бы и нет. С помощью этого движка можно быстро создать блог или небольшой контент-проект.

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

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Эта статья посвящена новичкам в сайтостроении. Когда ты сам уже давно прошел этот этап (имеющий место быть в становлении абсолютно любого вебмастера), то кажется, что все и так понятно.

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

Joomla 3

Говорить мы будем про работу с замечательным движком Joomla 3, который в своей нынешней инкарнации представляет из себя довольно-таки добротный продукт, отвечающий современным стандартам верстки (поддерживается, например, отзывчивый дизайн с помощью Bootstrap), безопасности и функциональности (с помощью расширений на этом движке можно бесплатно создавать интернет-магазины, каталоги, блоги, фотогалереи и многое другое).

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

Как связаны сайт на Joomla и админка этой CMS

Итак, Joomla 3 (или 2.5) мы установили, а затем и русифицировали. Самое время начать с ней знакомиться. Возможно, что вы уже знаете, что при создании сайтов при помощи CMS и онлайн-конструкторов вы получаете как бы две совершенно разные версии этого самого сайта (две стороны медали):

  1. Общедоступная версия, на которую могут попасть абсолютно все пользователи интернета (путем перехода по ссылке с другого сайта, перехода из поисковой системы, социальной сети, либо из закладок своего браузера). Доступ к ней можно будет получить, введя Урл адрес вашего сайта, т.е. купленное вами доменное имя c приставкой http:// впереди (например, https://ktonanovenkogo.ru). Если используете локальный сервер, то доступ к этой стороне вашего творения вы сможете получить только по временному адресу (читайте про ОпенСервер и локальный сервер Денвер).

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

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

    Зачем нужна админка? Для того, чтобы вам не нужно было лазить по файлам вашего сайта и вносить в них тексты ваших статей. Админ-панель позволяет работать с сайтом так же просто, как вы работаете с Вордом (во всяком случае в тех аспектах, которые касаются добавления статей). Ну, еще и тысячи других возможностей предоставляет админка, о которых мы обязательно поговорим. Однако, суть работы с ней (логику) нужно постичь, ибо в этом кроется ключ к ее освоению и успешному использованию.

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

Вход в админ-панель Джумлы и вопросы безопасности

Как попасть в админку Joomla 3? Довольно просто. Достаточно добавить к Урл адресу главной страницы вашего сайта через слеш «administrator». Если бы мой блог работал под управлением этого движка (на самом деле, у меня WordPress), то для доступа к административной панели достаточно было бы в адресной строке набрать:

https://ktonanovenkogo.ru/administrator/

Если вы подключитесь к своему сайту по Фтп (или зайдете в папку локального сервера), то в корне (это то место, куда вы попадаете сразу после подключения) действительно найдете папку «administrator», а внутри нее файл index.php, который и запускает админку. Все по-честному.

Но почему тогда мы не пишем «https://ktonanovenkogo.ru/administrator/index.php»? Можно и так, но вовсе не обязательно. Дело в том, что веб-сервер (это программа, работающая на реальном или локальном хостинге) при обращении к папке будет пытаться найти в ней файлик index (с расширением php или html), чтобы его и открыть. С этим, кстати, связан неприятный момент появления зеркал и дублей страниц (читайте по ссылке, как с этим можно и нужно бороться).

Собственно, и при вводе в адресную строку браузера Урл адреса главной страницы своего сайта также идет обращение к реальному файлу. И он опять же называется index.php, но живет уже в самом корне сайта (на том же уровне, что и папка administrator). Это как раз и есть классический пример появления зеркал (например, по двум Урлам https://ktonanovenkogo.ru и https://ktonanovenkogo.ru/index.php будет открываться одна и та же страница — почему это плохо, читайте по приведенной в предыдущем абзаце ссылке).

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

Для пущей безопасности работы с сайтом можно использовать различные плагины, позволяющие, например, спрятать вашу админку. Т.е при переходе по адресу «http://vashdomen.ru/administrator/» предложения ввести пароль не последует. Для входа в админку нужно будет использовать путь, который вам укажет плагин. В данном случае я описал работу плагина jsecure, но существует и масса других вариантов, например, создание еще одной пары логина и пароля, которые потребуется вводить после официального входа от Joomla. Но не суть.

Оборотная сторона сайта на основе Joomla (зазеркалье)

Итак, мы очутились в святая-святых Джумлы — в админке. Доступ сюда имеете только вы и те, кому вы эту привилегию предоставили (можно назначить разные уровни доступа, при которых будут доступны разные наборы возможностей админки). Если вы работали ранее с Joomla 1.5, то никаких особых вопросов у вас не возникнет, ибо в «тройке» и «двойке с половиной» общая суть и принципы работы данной CMS с тех пор не поменялись. Добавилось удобства, красивостей и безопасности. Разница заключается в нюансах, о которых я не премину упомянуть.

Как устроена админка Джумлы 3?

Если же вы вообще никогда с Джумлой дела не имели, то придется немного поднапрячься, чтобы понять суть ее устройства. В общем-то, это не сложно, но для человека, никогда с ЦМС дела не имевшего, логика ее работы может оказаться не очевидной. Сужу я, конечно же, по себе, но вы можете оказаться куда более сообразительными. Тем не менее продолжу в расчете на то, что вы новичок. Остальных прощу меня простить за излишние подробности. Спасибо.

Главная страница админки Джумла 3 похожа на то, что мы видели в версии 2.5 и даже 1.5 (ее сейчас уже официально не поддерживают, что может сказываться на безопасности). Собственно, про чехарду версий Joomla вы можете почитать по ссылке. Если говорить кратко, то пока не выйдет 3.5, самой стабильной будет считаться 2.5. Все версии 3.х являются предварительными и далеко не все расширения вы сможете на них установить (например, любимый в рунете компонент для интернет-магазина VirtueMart 2 пока с трешкой не дружит, а вот JoomShopping дружит).

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

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

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

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

Ан нет. Еще на скриншоте отображено замечательное изменение, которого лично мне не хватало в версии 1.5 — возможность автоматического обновления Joomla до последней актуальной версии простым нажатием кнопки в админ-панели. Раньше это делать приходилось вручную (подключаясь к сайту по ФТП), сейчас же даже Джумлу 2.5 до 3.х можно обновить прямо из админки (с небольшими нюансиками). Красота. Вот я как раз и обновлюсь до новой версии 3.3.3.

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

Что интересного есть в админке Joomla 3? За что хвататься в первую очередь? Что важно, а что второстепенно? Почему так много всего и что с этим всем делать? Как, наконец, создать страницу, меню, добавить картинку или видеоролик? Ну, совершенно не понятно, глядя на всю этому путницу пунктов меню в админке. По крайней мере таково было мое личное впечатление от первого «боестолкновения» с административной панелью Джумлы.

Давайте начнем с ориентации в смысле того, чтобы понять, как вернуться к начальной точке, а именно на главную страницу админки, если вы глубоко закопались в настройках чего-либо (хотя я и упоминал, что куда угодно можно попасть из верхнего меню, которое для всех страниц админки остается неизменным). Для этого служит эмблемка Джумлы, расположенная в левом верхнем углу, а также пункт верхнего меню «Система» — «Панель управления».

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

Изначально, правда, ваш сайт будет представлять из себя жалкое зрелище, но уже после его наполнения и структурирования все станет «голубым и зеленым» (в смысле, прекрасным) и ваша душа станет «петь и ликовать». Но для достижения этого придется потрудиться.

Что можно cразу поменять в общих настройках Joomla 3?

Имеет смысл сразу же перед началом работы изменить некоторые общие настройки Джумла. Давайте попробуем это сделать. Попасть в них можно из верхнего меню: «Система» — «Общие настройки». Вот прям на этом месте становится очень страшно, ибо их тут жуть как много (и это только на одной из пяти возможных вкладок — «Сайт», а что будет на других даже представлять не хочется):

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

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

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

Поначалу эта зараза все нервы истрепала, ибо стоило мне перестать проявлять активность в админке на срок более чем 15 минут (отвлекся на почту, пошел чайку попить и т.п.), то меня за раз выбрасывало из админки и приходилось вновь залогиниваться и искать место моего последнего пребывания в недрах админки. Нить проводимых действий обрывалась, а с учетом того, что я на тот момент и так вел себя как «слепой котенок» (не всегда мог вспомнить, как на эту страницу настроек я попал) — позитива данное обстоятельство в работу не вносило.

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

Категории и материалы — что это и как ими пользоваться

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

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

Статьи в Джумле добавляются на вкладке «Материалы» — «Менеджер материалов». Но не торопитесь туда идти, ибо сначала нужно будет подготовиться. Что я имею в виду? Если говорить языком обывателя, то нам нужно заготовить папочки, где мы эти самые статьи будет хранить. И не только хранить. Joomla имеет замечательные инструменты для показа всего содержимого этих папочек (в виде списка или в виде небольших анонсов) пользователям, зашедшим на ваш сайт. Это очень удобно и мы об этом будет подробно говорить.

Для создания этих самых папочек нам нужно выбрать вкладку «Материалы» — «Менеджер категорий». Раньше в Джумле 1.5 можно было создавать папочки только двух уровней вложенности — здоровые папки под названием Разделы, в которых могли располагаться папки поменьше — Категории.

Многим пользователям этого не хватало и в последующих версиях данного движка от разделов отказались, но зато теперь можно вкладывать одни категории (папочки) внутрь других на любую глубину (уровень). Допустим, в категорию А, вы вложили категорию В, а уже в нее вложили категорию С — получили в итоге три уровня вложенности. Чума (хотя, пока на практике не столкнетесь с необходимостью использования такой структуры, оценить важность данного нововведения по достоинству не получится).

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

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

Например, для сайта по туризму можно сделать категории верхнего уровня с названиями регионов мира, а уже вложенные в них — категории с названиями конкретных стран. Можно сделать еще и третий уровень вложенности — регионы или города уже внутри самих этих стран.

Создание категорий и подкатегорий в Джумле

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

Поле «Алиас» (псевдоним) не изменило своего назначения со времен Джумлы 1.5 и позволяет подкорректировать Урл адрес того пункта меню, который будет ссылаться на данную категорию (при этом можно использовать символы [0-9],[a-z],[A-Z],[_],[-]). На примере моего Урла это выглядело бы так «https://ktonanovenkogo.ru/news». Если это поле не заполнить, то система сама произведет транслитерацию названия категории и использует это в Урл адресе (получится примерно так — «https://ktonanovenkogo.ru/novsti»).

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

Сохранять произведенные изменения теперь можно с помощью аж целых трех кнопок (в Joomla 1.5 было только два варианта):

  1. Сохранить — вы сохраните внесенные изменения и при этом так и останетесь на этой же странице
  2. Сохранить и закрыть — изменения сохранятся, а вас перебросит на уровень выше (в нашем случае в Менеджер категорий)
  3. Сохранить и создать — после сохранения откроется окно создания новой категории. Удобно при создании всей структуры категорий на вашем сайте.

Естественно, что при создании дочерних категорий (подкатегорий) нужно будет еще выбирать родительскую категорию (в нашем примере «Новости»), внутри которой она будет в дальнейшем жить.

Если вы внимательно присмотритесь к выпадающему списка, то заметите там категорию с названием «Uncategorised». Вы ее не создавали — так откуда же она взялась? Все очень просто. Эту виртуальную категорию создала сама Joomla 3 и в ней будут храниться статьи, которые вы не решитесь отнести к какой-либо категории. Это может быть, например, страница с контактами, схемой проезда и тому подобное. Все они будут жить в Uncategorised.

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

Там же вы найдете и Uncategorised (без категорий). Если захотите в уже созданных что-то отредактировать, то просто кликните по их названию. Для удаления лишних категорий достаточно будет поставить галочку (слева от их названия) и нажать на кнопку «В корзину», расположенную сверху. А как попасть в эту самую корзину? Например, чтобы удалить оттуда все окончательно или восстановить случайно удаленное.

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

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

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

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

Лучше один раз увидеть, чем сто раз услышать — не правда ли? Мне вот тоже так кажется, посему предлагаю вам посмотреть 15 уроков по быстрому старту на Joomla 3. Они будут воспроизводиться один за другим автоматом, а если хотите, то можете переключаться на следующий урок с помощью соответствующей кнопки на панели плеера или выбрать нужный урок из выпадающего меню в верхнем левом углу окна плеера:

Приятного просмотра!

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

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

Выбор хостинга и регистрация домена

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

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

Достоинства хостинга Bluehost делают его отличным выбором для любого движка:

  • Удобная тарифная сетка, которая позволяет начать с виртуального хостинга и расшириться до выделенного сервера.
  • Доменное имя и SSL в подарок на большинстве тарифов.
  • Поддержка быстрой установки большого количества приложений — в том числе CMS Joomla.
  • Круглосуточная поддержка, доступная в онлайн-чате, по телефону, через тикеты.
  • Высокие показатели производительности.

Стоимость виртуального хостинга на Bluehost — от $2.95 до $9.05 в месяц. Это решения для небольших сайтов. Сайты среднего размера, которым может потребоваться индивидуальная конфигурация, размещают на VPS. Стоимость тарифов — от $18.99 до $59.99 в месяц. Для крупных проектов можно арендовать выделенный сервер. Стоимость — от $79.99 до $119.99 в месяц.

Bluehost использует дата-центры по всему миру, поэтому ваш сайт будет быстро загружаться на устройствах пользователей из разных регионов. Для ускорения доставки контента хостер также предлагает подключение к CDN. Всё это приводит к тому, что в независимых тестах показатели скорости серверов Bluehost всегда держатся на уровне «очень быстро» и «быстро».

Проблем с доступностью хостинга Bluehost тоже нет. Показатели аптайма (времени бесперебойной работы) стабильно держатся около 100%. За 2019 год было зафиксировано несколько сбоев, однако их продолжительность не превышала 5 минут. С таким аптаймом бизнес не будет страдать из-за того, что клиенты не могут попасть на сайт — страницы всегда отвечают на запросы посетителей.

С безопасностью на Bluehost тоже всё в порядке. На тарифах виртуального хостинга работает защита от DDoS-атак, а также сканер SiteLock, который обнаруживает вредоносный код и предупреждает вебмастера об опасности. Резервные копии проекта создаются в автоматическом режиме каждый день. Это гарантия того, что информация с сайта никуда не пропадёт даже в случае серьёзного сбоя. Бэкапы на хостинге — страховка на тот случай, если вы не сделаете копию внутри самой CMS. Все перечисленные выше инструменты также доступны для установки на VPS и выделенные серверы.

Доменное имя тоже можно зарегистрировать на Bluehost. На большинстве тарифов вы получаете его на год в подарок — нужно только выбрать незанятое имя и прикрепить его к проекту в личном кабинете. Если в пакете услуг нет домена, то необходимо оплатить его на 12 месяцев. Стоимость зависит от зоны. Например, домен .COM стоит $11.99. Дополнительная защита доменного имени обойдётся примерно в такую же сумму.

Установка Joomla на хостинг

Автоматическая установка

На Bluehost и других качественных хостингах Joomla доступна для автоматической установки. Вся процедура выполняется в несколько кликов. Посмотрим её на примере административной панели Bluehost:

  1. Перейдите в раздел Marketplace.
  2. Выберите установку CMS Joomla.
  3. Укажите доменное имя, на котором будет доступен сайт.
  4. Выберите тему оформления.
  5. Приступайте к настройке сайта.

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

Ручная установка

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

Дистрибутив заливается в корневую папку сайта, обычно доступную по адресу public_html/www. После успешного добавления распакованных файлов создайте базу данных. Для этого используйте приложение PhpmyAdmin, доступное в панели управления хостинга. После создания базы данных начинается самый интересный этап — установка Joomla.

  1. В адресной строке браузера введите доменное имя сайта.
  2. На вкладке «Конфигурация сайта» пропишите название, описание, укажите почту, логин и пароль главного администратора сайта.
  3. На вкладке «Конфигурация базы данных» введите имя пользователя и пароль, а также название БД, которую вы только что создали.
  4. Нажмите на кнопку «Удалить директорию installation», чтобы скрипт не переустанавливался самовольно.

На этом создание сайта завершено. Дальше начинается самый большой этап работы над ним — настройка движка для получения индивидуального проекта.

Первоначальная настройка 

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

Общие настройки

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

Во вкладке «Настройки SEO» активируйте ЧПУ и прибавление суффиксов к адресам. Чтобы заработало перенаправление URL, нужно убрать расширение у файла htaccess.txt. Он находится в папке сайта. Для получения доступа к нему используйте FTP или встроенный файловый менеджер на хостинге. При переименовании оставляем имя .htaccess, без расширения TXT. Алиасы в Unicode отключите. Если хотите, чтобы рядом с заголовком страницы в браузере показывалось название сайта, то активируйте соответствующую опцию.

Пролистните страницу с настройками дальше, чтобы добавить описание и ключевые фразы, по которым поисковики будут индексировать страницы. Выберите статус файла robots.txt. Если запрещать или ставить ограничения на индексацию не нужно, то поставьте Index, Follow. В строку «Авторские права» впишите информацию о копирайте — по умолчанию она отображается в футере.

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

Откройте вкладку «Сервер». Для начала включите сжатие страниц — это увеличит скорость загрузки контента у пользователей. Для обеспечения безопасного соединения подключите SSL-сертификат — его нужно приобретать отдельно. На некоторых хостингах SSL входит в пакет услуг — например, Bluehost сразу даёт сертификат для защиты трафика. Выберите часовой пояс, оставьте деактивированными внутренний FTP и прокси-сервер. В «Настройках почты» укажите e-mail сайта, имя отправителя письма.

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

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

Создание меню сайта

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

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

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

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

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

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

Создание категорий публикаций

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

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

Часто кроме категорий нужны ещё и подкатегории. Например, категория «Брюки», подкатегории «Мужские брюки» и «Женские брюки». Они создаются по такому же принципу, единственное отличие — в строке «Родитель» указывается категория, к которой они относятся. Вложенность соблюдается и при отображении разделов сайта в навигационном меню.

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

Добавление хлебных крошек

В некоторых шаблонах по умолчанию реализовано отображение хлебных крошек — цепочек навигации, которые показывают путь до конкретной страницы: например, «Главная» — «Брюки» — «Мужские брюки». Это очень удобно для пользователей, которые понимают, где они находятся, и могут моментально возвращаться к предыдущим разделам. Если выбранный вами шаблон не предоставляет такую возможность, добавьте модуль с хлебными крошками самостоятельно.

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

Выбор и настройка шаблона

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

  1. Следите за версией Joomla, с которой совместим шаблон. Использование старых тем приводит к появлению ошибок.
  2. Если у сайта не будет отдельной мобильной версии, выбирайте адаптивные шаблоны, которые меняют отображение контента в зависимости от размера экрана.
  3. Изучайте описание, внешний вид и функциональность шаблона. Темы для интернет-магазина слабо подходят для блога и наоборот. Их можно кастомизировать до нужного состояния через правку файлов шаблона, но это дополнительная работа. Гораздо проще сразу выбрать тему, которая подходит для решения вашей задачи.
  4. Ищите темы на иностранных сайтах. Так больше шансов найти шаблон, который не используют другие проекты в рунете. Проблемы с локализацией решаются с помощью расширений или ручной правки файлов.

Понравившийся шаблон скачайте на жёсткий диск. Затем откройте панель администратора Joomla и перейдите в раздел «Установка расширений». Перетащите или выберите файл скачанного шаблона.

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

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

  • выбрать цвет фона и текста;
  • загрузить логотип сайта;
  • прописать заголовок и описание проекта;
  • включить использование шрифта Google и указать его название;
  • выбрать тип контейнер — фиксированный или резиновый.

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

Добавление расширений

Расширения используются для добавления инструментов, которых нет в стандартной комплектации CMS. На Joomla обойтись без них не получится. Есть базовый набор задач, который решается с помощью расширений. Среди них:

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

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

Защита сайта 

Для начала побеспокоимся о безопасности сайта. Начнём с защиты проекта от взлома. Снизить вероятность несанкционированного доступа поможет расширение Brute Force Stop. Скачайте его и установите через «Менеджер расширений». Затем включите плагин и на странице настроек задайте порог для блокировки. По умолчанию стоит 10, рекомендуем установить значение ниже — например, 3 или 5.

Перейдите на вкладку «Уведомление» и добавьте адрес почты, на которую будет приходить сообщение о заблокированном IP-адресе. После сохранения конфигурации плагин будет отслеживать попытки взлома сайта с помощью простого перебора — брутфорса. При достижении порогового значения скомпрометированный IP-адрес блокируется, а на почту отправляется уведомление о попытке несанкционированного доступа в панель администратора. Для защиты от взлома можно также использовать расширения JU BlockIP и SecSign.

Следующий важный шаг — спасение сайта от спама. Чтобы избавиться от ботов и рекламных комментариев, установите расширение CAPTCHA – reCAPTCHA. Для активации плагина требуются публичный и секретный ключи. Чтобы их получить, зарегистрируйтесь на сайте сервиса CAPTCHA – reCAPTCHA. Для включения проверки откройте «Менеджер пользователей», перейдите в «Настройки» и в поле CAPTCHA укажите значение CAPTCHA – reCAPTCHA. Сохраните изменения.

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

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

Скачайте дистрибутив Akeeba Backup и добавьте его в панель администратора Joomla через «Менеджер расширений». На странице настройки плагина примите лицензионное соглашение и запустите мастер конфигурации. После завершения его работы расширение предложит изменить настройки или создать первую копию.

Для просмотра журнала обновлений доступна кнопка View Log. Если вы хотите перейти на страницу управления бэкапами, нажмите на кнопку Manage backups. Здесь можно фильтровать, выделять и удалять резервные копии.

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

Оптимизация сайта

Чтобы у сайта не было проблем с индексацией поисковыми роботами, используйте несколько расширений для оптимизации. В наборе обязательных плагинов — дополнение для создания карты сайты и SEO-модуль.

Для формирования карты сайты используйте расширение Sitemap Generator. После его установки раскройте в панели администратора раздел «Компоненты» и выберите пункт Sitemap Generator. Нажмите Generate your sitemap и дождитесь появления сообщения об успешном создании карты сайта. Чтобы посмотреть, как она выглядит, кликните по кнопке Show the sitemap.

Плагин Sitemap Generator доступен для бесплатного использования на сайтах, количество страниц которых не превышает 500. Если адресов в структуре проекта становится больше, придётся покупать премиальную версию расширения. Стоимость — 40 евро в год. Можно также попробовать другие дополнения для создания карты сайта — например, PWT Sitemap или OSMap.

Для управления метатегами на Joomla доступны встроенные инструменты, однако добавление плагинов делает их использование более удобным. Для начала установите бесплатное дополнение EFSEO. Включите его через «Менеджер расширений» и перейдите на страницу с настройками. Откройте вкладку «Дополнительные параметры» и включите опцию Collect URL’s.

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

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

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

Улучшение юзабилити 

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

Установите расширение AddToAny Share Buttons. Сразу после его включения кнопки соцсетей появятся на всех опубликованных страницах под контентом. Изменить их расположение можно в настройках плагина. Доступно несколько позиций: под контентом, надо контентом и одновременно над и под контентом. Можно также попробовать другие плагины для добавления кнопок соцсетей — Fast Social Share или Social Sharing. Выбор зависит от ваших предпочтений, функциональность у всех расширений примерно одинаковая.

Ещё одна функция, которая будет полезной на сайтах любого типа, — формирование ускоренных мобильных страниц. Технология называется AMP и позволяет посетителям сайта с медленным интернетом не страдать в ожидании загрузки контента, а сразу получать важную информацию. Для использования такой возможности требуется установка одного из платных плагинов: JAmp, wbAMP, Accelerated Mobile Pages.

AMP — технология Google. В рунете аналогичную функциональность предлагают турбо-страницы Яндекса, которые отрезают лишние мегабайты информации,показывая только значимый контент. Подключение этой технологии на Joomla тоже будет платным. Стоимость — 990 рублей.

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

Подключение аналитических сервисов

Для отслеживания поведения пользователей необходимо подключить на страницах сайта инструменты Google Analytics и Яндекс.Метрики. Кроме того, полезным будет добавить новый веб-проект в Search Console Google и Яндекс.Вебмастер.

Добавление Google Analytics и Яндекс.Метрики

Получите код отслеживания, который добавляется на сайт. Для этого авторизуйтесь в Google Analytics и добавьте в систему новый проект. Укажите его название и URL, после чего нажмите «Получить идентификатор».

Вернитесь к панель администратора Joomla, чтобы добавить код. Установите плагин Advanced Google Analytics, включите его и перейдите в настройки расширения. В строке Google Analytics ID вставьте номер идентификатора. Добавьте доменное имя сайта, а также установите параметры, которые нужно отслеживать. То же самое можно сделать с помощью других расширений — например, Asynchronous Google Analytics или Google Analytics Dashboard.

Код Яндекс.Метрики добавляется аналогичным образом. Вы регистрируетесь в личном кабинете сервиса, получаете идентификатор и вставляете его на сайт с помощью бесплатного расширения do Yandex Metrika. Параметры отслеживания задаются в настройках плагина.

Верификация сайта в Яндекс.Вебмастере и Google Search Console

Чтобы контролировать, как сайт отображается в поисковых системах, и лучше его оптимизировать, используйте сервисы Google Search Console и Яндекс.Вебмастер. Чтобы добавить в них сайт, необходимо пройти процедуру верификации. Проще всего сделать это с помощью расширения Webmaster site verification.

Включите плагин и откройте его настройки. Добавьте идентификаторы, полученные после авторизации в Google Search Console и Яндекс.Вебмастере. Сохраните изменения. Зайдите в личные кабинеты на Google Search Console и Яндекс.Вебмастере, чтобы убедиться, что верификация прошла успешно.

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

Публикация контента

Чтобы добавить новую запись, в разделе «Материалы» нажмите «Создать материал». Откроется текстовый редактор. Укажите название записи, добавьте текст и отформатируйте его — доступны инструменты, хорошо знакомые всем пользователям по различным офисным приложениям. Обязательно выберите подходящую категорию публикации, чтобы все записи одной тематики были доступны в едином разделе.

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

На вкладке «Публикация» добавьте описание и ключевые слова записи. Здесь же вы можете настроить параметры индексирования материала. По умолчанию они наследуются от категории. Изображения и ссылки для превью редактируются на одноимённой вкладке. Вы также можно изменить права редактирования — это полезно, если на сайте работает несколько авторов и есть главный редактор. Чтобы опубликовать материал, нажмите на кнопку «Сохранить и создать».

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

FAQ

Как зайти в админку Joomla

Чтобы попасть на страницу авторизации, введите в поисковой строке доменное имя вашего сайта и добавьте к нему /administrator. Получится так:  site-name/administrator. Для идентификации укажите логин и пароль от учётной записи, которую вы создали при установке Joomla. Если установка была автоматической, то обычно используются те же данные, что и для авторизации на хостинге. После ввода логина и пароля нажмите «Войти», чтобы перейти в административную панель CMS.

Как убрать надпись «Сайт работает на Joomla»

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

  1. Раскройте меню «Расширения».
  2. Выберите раздел «Шаблоны».
  3. Нажмите на пункт «Шаблоны».
  4. Найдите используемую тему и нажмите на ссылку, которая ведёт к её параметрам.
  5. В меню слева раскройте папку html, найдите каталог mod_footer и откройте файл default.php.

Код, который отвечает за вывод надписи в футере, лежит между тегами div. На всякий случай скопируйте его в другое место, а затем удалите отдельные части. В первую очередь следует избавиться от фрагментов кода, которые находятся между тегами <a> (сами теги тоже надо удалить). Обычно в них текст типа «Designed by название студии». Чтобы избавиться от ссылки на сайт Joomla и информации о лицензии, удалите нижнюю строчку, обёрнутую тегами <small>, вместе с самими тегами.

Оптимальный набор правил в robots.txt для Joomla

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

В базовом виде файл robots.txt на Joomla содержит только основные правила. Чтобы разобраться в нём, запомните главные элементы синтаксиса:

  • User-agent — объявляет робота, для которого предназначены указанные ниже правила. По умолчанию стоит знак *, который говорит, что правила распространяются на все поисковые роботы. Но вы можете формировать разные условия, задавая имена. Например, User-agent: Googlebot и дальше список правил только для гугловского бота.
  • Disallow — запрет на индексацию. По умолчанию в файле robots.txt на Joomla запрещено индексировать системные папки.
  • Allow — разрешение на индексацию.

Кроме того, в robots.txt также должно быть указано основное зеркало сайта, которое прописывается командой Host. Ещё один важный момент — карта сайта в формате XML. Ссылка добавляется после команды Sitemap. Эти строчки размещаются в самом конце документа, после всех запретов и разрешений на индексацию.

Вы можете найти разные наборы правил robots.txt для всех или отдельных поисковых роботов и попробовать переделать их под свои нужды. Оптимальные настройки для конкретного проекта подбираются опытным путём. Для проверки файла используйте инструменты Яндекс.Вебмастера и Google Search Console. Они помогут найти ошибки, устранение которых сделает файл управления роботами лучше.

Выводы

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

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

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

х


Наверх

  1. Главная
  2. Создание сайта на Joomla

Создание сайта на CMS Joomla

Всего 14 уроков, немного внимания и терпения, и вот вы уже умеете пользоваться одной из самых гибких систем управления контентом — Joomla. Это на самом деле универсальный движок, который подходит для всех проектов.

  • 1Знакомство с Joomla

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

  • 2Установка Joomla на localhost

    Многие веб-мастера начинают работу над сайтом, не выкладывая его в Интернет, а размещая на локальном хостинге. О том, как установить CMS на него и пойдёт речь в этой статье.

  • 3Установка Joomla на хостинг

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

  • 4Знакомство с админкой и базовые настройки

    В статье вы найдёте очень много полезной информации на тему настройки своего ресурса. Начиная с того, как войти в панель администратора и освоиться в ней, заканчивая тем, как изменить время сессии, найти справку и удалить некоторые демо-данные.

  • 5Установка шаблона на Joomla

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

  • 6Создание страниц и пункта меню

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

  • 7Создание категорий

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

  • 8Типы меню в Joomla

    Joomla — довольно гибкая система, что отражается даже на работе с пунктами меню. Типов меню в Joomla достаточно много, о них и расскажет урок.

  • 9Создание формы обратной связи

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

  • 10Модули, плагины, компоненты

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

  • 11Создание фотогалереи

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

  • 12Создание шаблона на Joomla

    Чтобы не пользоваться сторонними разработками, можно адаптировать под Joomla собственный (или любой другой) HTML-шаблон. Как именно это делать, в уроке показано на наглядном примере. Раскрывается структура тем оформления, правильный подход к архивации и настройке файла templateDetails.xml.

  • 13Перенос сайта с локального хостинга на сервер

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

  • 14Интернет-магазин на Joomla

    Создание наполненного товарами, корзинами и способами оплат интернет-проекта на основе Joomla с использованием известного расширения VirtueMart. Прочтите, и вы будете иметь понятие, с чего начать создание интернет-магазина и как вообще строится этот процесс.

    Курс содержит множество полезной информации, иллюстрированной примерами и картинками. Пройдя его, вы сможете создавать и администрировать сайты, построенные на CMS Joomla. Будете понимать их устройство и уметь их настраивать.

Полезные ссылки:

  • Выбор редакции: uKit лучший конструктор сайтов.
  • Сайт на Joomla 3 с нуля по гуру — видеокурс;
  • WordPress 5 с Нуля до Гуру — видеокурс;
  • Заработок на создании сайтов — бесплатный курс по открытию своей веб-студии;
  • Каталог курсов — полноценные платные видеокурсы по созданию сайтов.

Смотрите также

1. Что такое Joomla?

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

2. Скачивание и установка Joomla

Паника… где и что скачивать? Где устанавливать? Зачем? Как?

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

3. Joomla на вашем языке

На данный момент сайт и панель управления доступны только на английском языке. Это основной язык Joomla. Выбор языка доступен в инсталляторе только для процесса установки.

4. Дизайн, Макет, Цвета

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

5. Пользователи и их статьи

Знаем, на нашем сайте еще нет контента, но прежде чем мы создадим его, давайте посмотрим на учетные записи нашего нового веб-сайта Joomla.

6. Руководство по созданию контента

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

Наша задача довольно проста — раскрыть только техническую часть.

7. Отображение контента

После того как вы создали контент, следует подумать о том, как он будетот ображаться. Звучит незамысловато, но это очень важно.

В последней главе мы создали статью и поместили ее на главной странице. Только там посетители смогут ее увидеть.

8. Расширения

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

Понравилась статья? Поделить с друзьями:
  • Мчс армении руководство
  • Севитин инструкция по применению цена отзывы аналоги
  • Церетон внутривенно капельно инструкция по применению взрослым
  • Финансовая газета руководство
  • Как скинуть фото с телефона на ноутбук инструкция