Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот и всё.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Елена имеет профессиональное техническое образование в области информационных технологий и опыт программирования на разных языках под разные платформы и системы. Более 10 лет посвятила сфере веб, работая с разными CMS, такими как: Drupal, Joomla, Magento и конечно же наиболее популярной в наши дни системой управления контентом – WordPress. Её статьи всегда технически выверены и точны, будь то обзор для WordPress или инструкции по настройке вашего VPS сервера.

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

В этой статье я приведу 12 действий, которые нужно сделать сразу после установки Joomla.

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

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

Действие 1. Проверить доступность на запись всех каталогов Joomla.

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

Что нужно сделать?

В админке в меню идем в: System –> System information.

Далее открываем вкладку Directory Permissions.

Все пункты в колонке в колонке Status должны быть Writable (Зеленые). Если какие-то пункты отмечены красным цветом, значит Joomla не имеет прав на запись в них. Это проблема хостинга. Пишем письмо в поддержку, обозначая ее. Обычно решают очень быстро.

Действие 2. Закрыть сайт на время разработки.

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

Надеюсь, что последствия такого шага вам понятны. Разработчики в новых версиях Joomla даже вынесли эту опцию на этап установки CMS и по умолчанию установили ее так, что сайт отключен. Если вы включили сайт, то не забудьте снова отключить его в настройках Joomla. Система –> Общие настройки –> Сайт выключен (offline).

Действие 3. Установить локализацию.

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

Что нужно сделать?

В админке в меню идем в: Extensions –> Language Manager и в открывшемся языковом менеджере жмем кнопку Install Language.

Появится список, который содержит очень много языков. Чтобы быстро найти среди них Русский, в строке поиска пишем rus и нажимаем кнопку поиска.

От большого списка останется только пара языков. Отмечаем нужный язык галочкой и жмем Install. Язык будет установлен, и, повторно перейдя в Extensions –> Language Manager, мы увидим его в списке доступных.

Далее необходимо установить русский язык языком по умолчанию. В Extensions –> Language Manager выбираем его и жмем кнопку Default.

!!! Это необходимо сделать для вкладок Installed – Site и Installed – Administrator

После этого Joomla заговорит по-русски. Если у вас по-прежнему ничего не переведено, просто выходите из админки и заходите в нее снова.

Это еще не все. Теперь переходим во вкладку Языки контента:

Здесь в качестве языков контента есть только английский. Нам нужно создать и русский.

Для этого жмем кнопку Создать, заполняем появившуюся форму, как показано на рисунке ниже и сохраняем ее.

После этого в списке языков контента появляется русский.

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

Действие 4. Переименовать файл htaccess.txt в .htaccess.

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

Что нужно сделать?

Открываем корень сайта в каком-нибудь файловом или FTP-менеджере. Находим там файл htaccess.txt ипереименовываем его в .htaccess.

Если вы работаете на Denwer’е под Windows, то переименовать файл в проводнике не получится. Windows не допускает пустые имена файлов (точка разделяет имя файла и его расширение. В случае .htaccess имя файла оказывается пустым). В этом случае следует использовать любой файловый менеджер, например Total Commander или Far.

Действие 5. Создать www-редирект.

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

Что нужно сделать?

Прочитать и выполнить действия, описанные в кейсе: Как убрать дубли страниц с «www» на сайте Joomla (Кейс#4).

Действие 6. Задать все общие настройки Joomla.

Сразу после установки Joomla и выполнения пяти предыдущих действий вы должны зайти в общие настройки Joomla (Система –> Общие настройки), пройтись глазами по каждой из них, по всем вкладкам, и сразу же задать всё, что необходимо. Еще раз повторяю: сразу же!

Готов поспорить, что нет такого веб-мастера, использующего Joomla, который бы после окончания работы над очередным сайтом хоть раз не забыл установить в общих настройках мета-данные. Вот вроде помнишь про них, а через минуту уже забываешь. Казалось бы, что может быть проще, чем зайти в настройки и установить мета-описание сайта. Думаешь: «Да ладно, пока оставлю это поле пустым, а попозже заполню». Не заполните, пока SEO-оптимизатор не ткнет вас носом. Как говориться: «Нет ничего более постоянного, чем временное». Здесь это работает на 100%. Если вы не знаете, что нужно указывать в той или иной настройке, то оставляйте как есть. Но если знаете, или узнаете позже, то не закрывайте это окно, пока все не заполните.

Сразу же советую здесь установить опцию Время жизни сессии на 30-120 минут. 15 минут очень мало и в очередной раз, вводя логин и пароль для входа в админку, вы будете ругаться, но не зайдете в общие настройки, чтобы изменить время жизни сессии. Почему? Потому что нет ничего более постоянного, чем временное. =)

Действие 7. Включить отображение позиций модулей.

Если вы делаете сайт самостоятельно, то это действие сильно облегчит вам жизнь. Уже и не все знают, что в Joomla есть возможность просмотра позиций модулей, которые содержит шаблон. Достаточно добавить к URL сайта ?tp=1  страница будет показана с позициями модулей. По соображениям безопасности в последних версиях Joomla эта функция по умолчанию отключена.

Что нужно сделать?

Перейти в Расширения –> Менеджер шаблонов –> Настройки и в опции Просмотр позиций модулей установить Включено.

После этого на сайте можно будет увидеть все позиции модулей:

Действие 8. Установить и настроить редактор JCE.

Стандартный WYSIWYG-редактор TinyMCE, который установлен в Joomlaпо умолчанию, мягко говоря, не очень. Если вы уже пользовались редактором JCE, то это особенно заметно. К вопросу о необходимости установки JCE. Да, заказчик, не искушенный тонкостями работы CMS Joomla, не указал в техническом задании точные требования к визуальному редактору, а значит, в этом вопросе все можно оставить по умолчанию и с чистой совестью его пропустить. Я скажу так: даже если вы делаете сайт на заказ, JCE вы все равно будете устанавливать в первую очередь для себя. Почему? Потому что как только дело дойдет до оформления хотя бы одного материала с использованием визуального редактора, время, затраченное на установку JCE, окупится с лихвой.

Что нужно сделать?

Переходим в Расширения –> Менеджер Расширений.

Нажимаем кнопку Добавить закладку «Установить из JED»

В строке поиска вводим «JCE» и осуществляем поиск.

Переходим в расширение JCE и жмем кнопку Install. Редактор будет установлен.

Далее переходим в общие настройки Joomla и в опции Редактор по умолчанию выбираем JCE.

Если все сделано правильно, то при создании материала будет открываться JCE:

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

Действие 9. Установить и настроить компонент резервного копирования Akeeba Backup.

Никогда не стоит пренебрегать резервным копированием. Даже на этапе разработке сайта. Особенно на этапе разработки сайта. За свою многолетнюю работу с Joomla я перекопал  очень много тем на известных форумах. Вопрос вроде: «Я установил это расширение, и сайт перестал работать. Что мне делать?» встречается очень, очень часто. Бывает так, что одно необдуманное действие web-мастера приводит к тому, что требуется многочасовое восстановление сайта. Львиная доля этого времени уходит на то, чтобы во всем разобраться и найти причину проблемы. Имея под рукой резервную копию сайта, восстановить его можно за пару минут, сделав пару кликов.

Особенно удобно использовать для создания резервных копий и восстановления из них сайта компонент Akeeba Backup. Не сочтите за рекламу. Разработчики действительно постарались. Огромное количество настроек, возможность запуска по расписанию, восстановление сайта из любой резервной копии за пару кликов. Компонент имеет бесплатную и платную версии. Все, описанное выше, доступно в бесплатной версии. Но платная также очень хороша. Для меня ее главное преимущество – возможность автоматического создания резервных копий в облачные сервисы, например, Яндекс.Диск, который предлагает бесплатно 10ГБ на аккаунт. Количество аккаунтов не ограничено. Один раз, настроив Akeeba Backup, можно полностью закрыть тему резервных копий и не вспоминать о них до дня Х. Подробнее про этот замечательный компонент и создание резервных копий в облаках я обязательно расскажу в отдельных статьях.

Действие 10. Изменить адрес входа в админку.

Это действие относится к безопасности Joomla. С одной стороны, делать сразу после установки его не обязательно, но с другой, не сделав этого сразу, с вероятностью 90% вы не сделаете и потом, подвергнув свой сайт потенциальной опасности. Подробнее о подборе пароля и изменении адреса входа в админку можно прочитать в статье Защита Joomla. Часть 2. Защита Joomla от подбора пароля.

P.S.: Да, я знаю про двухфакторную авторизацию в Joomla. Но не нравится она мне. Слишком мудрено. Потому и вам не советую.

Действие 11. Установить расширение карты сайта Xmap.

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

Хорошим и бесплатным расширением для создания карты сайта является Xmap.

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

Интересным может быть вариант избавления от дублей страниц путем сочетания карты сайта и правильной настройки файла robots.txt. О нем рассказывается в последнем, 12 действии.

Действие 12. Настроить файл Robots.txt.

Файл robots.txt расположен в корне сайта и указывает поисковым системам на то, какие разделы сайта можно индексировать, а какие нет. Этот файл может быть настроен очень по-разному. Все зависит от конкретного проекта и требований.

Подробно про файл, синтаксис и примеры основных настроек вы можете прочитать по ссылке: http://joomlaforum.ru/index.php/topic,193446.0.html

Интересен вариант сочетания настройки файла robots.txt и карты сайта Xmap в плане избавления от абсолютно всех дублей на сайте. Подход такой:

  1. Закрыть весь сайт кроме расширения Xmap от индексации поисковыми системами.
  2. Создать карту сайта, которая будет содержать все нужные страницы сайта.
  3. Отдать карту сайта поисковым системам.

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

Описанные выше действия позволят вам избавиться от ряда проблем, которые могут возникнуть в процессе создания сайта на Joomla. Сделать их рекомендуется сразу. Вы даже можете создать свою сборку Joomla, чтобы не повторять однотипные действия каждый раз, но следует помнить, что ее придется обновлять с выходом новых версий Joomla и расширений. Что удобнее: делать 12 действие каждый раз после установки Joomla или следить за собственной сборкой – каждый решит для себя самостоятельно. Я лишь хочу отметить, не нужно скачивать чужие сборки из Интернета. В них может быть все, что угодно: вирусы, скрытые ссылки, ошибки. Дистрибутив Joomla нужно брать только с официального сайта Joomla.org.

P.S.: Все описанные в статье расширения можно установить по аналогии с JCE через менеджер расширений, закладку Установить из JED.

Об авторе

Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.

Основной профиль – создание сайтов и расширений на CMS Joomla.

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

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

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

Что такое статья в Joomla?

 

Технически, статья состоит из:

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

и многих вариантов как, где, кому и когда видна статья.

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

Давайте пройдемся по этому списку.

 

Название

 Это небольшая, но важная часть.

  • Оно должно быть четким и коротким, чтобы привлекать читателей. Для вас это тоже удобно, потому что название появляется в списках статей на сайте панели управления.
  • Название выступает в качестве заголовка страницы в верхней части окна браузера и может содержать название сайта. Вы можете настроить это в «Система → Общие настройки → Сайт→ Параметры SEO → Включать название сайта в заголовках» (System → Global Settings → Site → SEO settings → Include Site Name in Page Titles)
  • Оно может появиться в адресе этой страницы, для этого нужно настроить URL: «Система → Общие настройки → Сайт → Параметры SEO» (System → Global Settings → Site → SEO settings)

 

Текст

В Joomla, текст вашей статьи состоит из части, которая отображаются в списках (тизер), и остатка статьи.

Создавать статью вы будете с помощью редактора. В Joomla используется текстовый редактор (TinyMCE), а значит, что вам, как автору, нет необходимости изучать HTML теги. Редактор выглядит как окно текстового редактора на компьютере (например, Word, LibreOffice), со знакомыми вам значками (рис. 1).

Рисунок 1: Текстовый редактор

 

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

Примечание:

 

Можно установить различные редакторы, например, Joomla Content Editor, а можно не использовать редактор вовсе. Joomla сама поставляется с двумя редакторами, и вы можете настроить их по умолчанию в «Система → Общие конфигурации → Сайт → Редактор по умолчанию» (System → Global Configuration → Site → Default Editor).

 

Настройки по умолчанию позволяют пользователям сделать выбор между имеющимся редактором или самостоятельным редактированием в своей учетной записи. Вы можете отключить эту функцию в «Пользователи → Управление пользователями → Функции → Параметры пользователей» (Users → Users Manager → Options → Frontend User Parameters).

 

Вставить слово

Худший способ отредактировать статью – делать вставки из таких программ, как Microsoft Word. До сих пор нет реального способа получить тот же формат для веб-сайта, основанного на HTML, путем вставки из текстового процессора, основанного на двоичном формате или усложненном XML. В редакторе есть значок «Редактировать код», но он не будет убирать логические ошибки или различия в разметке.

 

Вставить изображение

 

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

  • Вы можете управлять вашей библиотекой через «Контент → Медиа менеджер» (Content → Media Manager)
  • Вы можете загрузить более одного файла, если включите Flash Uploader через «Контент→ Медиа менеджер → Функции → Включить Flash Uploader» (Content → Media Manager → Options → Enable Flash Uploader)
  • Joomla не будет изменять размеры изображений, поэтому будьте осторожны с большими фотографиями! Лучшее решение: ваши изображения имеют в пикселях точно такой размер, в каком вам бы хотелось видеть их на своем сайте. Существует несколько расширений для решения вопроса размера, и рамки Twitter Bootstrap, которые используется в Joomla.

 

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

Рисунок 2: Использование текстового редактора

 

Ссылки на другие статьи

Кнопка «Статья» внизу редактора позволяет перейти по ссылке от статьи к другой статье, что весьма полезно.

 

Подробнее

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

Рисунок 3: Кнопка «Подробнее»

 

Вставить видео из YouTube

 

Это касается не только видео из YouTube, но и текстовых фильтров. Если попытаться встроить видео YouTube с типичным кодом

 

 

Вы заметите, что он фильтруется редактором и Joomla. Это не ошибка! Это особенность.

 

Из соображений безопасности

  • Joomla использует так называемые текстовые фильтры, «Система → Общие настройки → Текстовые фильтры» (System → Global Configuration → Text Filters), для фильтрации следующих тегов:
    <applet>, <body>, <bgsound>, <base>, <basefont>, <embed>, <frame>, <frameset>, <head>, <html>, <id>, <iframe>, <ilayer>, <layer>, <link>, <meta>, <name>, <object>, <script>, <style>, <title>, и <xml>.
  • TinyMCE тоже фильтрует некоторые теги:   <applet>, <object> и <iframe>

 

К сожалению, нам нужно вставить тег для встраивания видео из YouTube.

 

Так что же делать?

Одним из решений могло бы стать доверие своим авторам и создание собственного черного списка «Система → Общие настройки → Текстовые фильтры» (System → Global Configuration → Text Filters) для группы авторов (рис. 4). Затем выставить в TinyMCE , что   тег больше «не является злом» через «Расширение → Управление Plug-In → Редактор TinyMCE → Изменить → Основные параметры → Запрещенные элементы» (Extensions → Plug-in Manager → Editor-TinyMCE → Edit → Basic Options → Prohibited Elements), исключив слово iframe из запрещенных элементов.

Рисунок 4: Черный список для группы авторов

 

После того как вы изменили механизм фильтра, можно скопировать и вставить код в свою статью. Имейте в виду, что вам нужно, чтобы переключить редактор режим HTML, щелкнув значок HTML. Впоследствии появится всплывающее окно с HTML кодом статьи. Теперь вставьте код туда, где должно располагаться видео (рис. 5).

Рисунок 5: Установка кода iframe в статье

 

Нажмите на кнопку обновления, и вы сможете посмотреть видео в окне редактора. После сохранения статьи, видео появится на вашем сайте (рис. 6).

Рисунок 6: Установка кода iframe в статье

 

Теперь вы можете вставлять код из нескольких платформ, таких как Twitter, Facebook и Flickr.

 

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

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

Теоретически, мы могли бы написать в тексте нашей статьи (не в HTML) что-то вроде этого

 

[YouTube = http://www.youtube.com/watch?v=rX372ZwXOEM]

 

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

 

http://www.youtube.com/embed/rX372ZwXOEM» frameborder=»0″ allowfullscreen>

 

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

 

Контент в модуле?

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

Модуль представляет собой компонент контента, который может быть размещен на сайте. Для отображения меню, например, нужен модуль. Вы можете создать столько модулей с заранее заданными функциями, сколько вам нужно, и расположить их в определенную область шаблона. Joomla поставляется с 24 предопределенными модулями. Вы можете увидеть их описание в разделе «Расширения → Управление модулями → Новое» (Extensions → Module Manager → New) (рис. 7).

Рисунок 7: Доступные модули

 

Можно создать модуль, который содержит текст HTML, как статья (настраиваемый HTML модуль).

Контент в настраиваемом HTML модуле, не предназначен для создания «обычным» автором. Создание контента в модуле, задача больше для «Менеджера» или «Администратора».

 

Попробуйте модуль Custom HTML. Создайте, добавьте контент и настройте позиции (рис. 8).

 Рисунок 8: Настраиваемый HTML модуль в панели управления

 

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

После сохранения, настраиваемый модуль HTML появится на сайте (рис. 9).

Рисунок 9: Настраиваемый модуль HTML на веб-сайте

 

Если в одном месте находится больше одного модуля, необходимо расположить их в нужном порядке. Просто перетащите модуль в «управление модулями» в желаемое место (рис. 10).

Рисунок 10: Сортировка модулей

 

Хаген Граф

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

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

 

Слово «Joomla» является производным от слова «Jumla» из африканского языка суахили и означает «все вместе».

Проект Joomla – результат жарких дискуссий между компанией Mambo Foundation, основанной в августе 2005 года, и ее тогдашней команды разработчиков. Joomla используется во всем мире как для создания простых домашних страниц, так и сложных корпоративных веб-сайтов. Она проста в установке, управлении и очень надежна.

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

 

Стратегия развития версий

Версии Joomla рассчитаны как на стандартную (STS), так и на долгосрочную поддержку (LTS). Срок стандартной поддержки составляет 7 месяцев, долгосрочной – 22 месяца. Каждые 6 месяцев выходит новая STS. Версии х.5 включают в себя LTS.

  • Joomla 2.5 – версия, включающая LTS, и в сентябре 2013 года будет заменена на Joomla 3.5
  • Joomla 3.0 – версия, содержащая STS, будет заменена на Joomla 3.1 в марте 2013
  • Joomla 3.1 – будет представлять собой версию с STS, релиз которой состоится с марта 2013 по сентябрь 2013
  • Joomla 3.5 – будет включать в себя LTS и выйдет с сентября 2013 по март 2015

 

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

Рисунок 1: Цикл релизов Joomla за 2011-2014 года

 

О какой версии это руководство?

Это руководство о версии Joomla 3.0, выпущенной в сентябре 2012 года.

 

Должны ли вы обновить свой старый сайт?

Обычно существует три варианта:

  1. Если ваш сайт все еще находится в ветке LTS Joomla 1.5, то обновление ее до LTS Joomla 2.5 будет хорошей идеей. Или же, вы можете начать с нуля со свежим STS Joomla 3 и проследить за обновлениями в серии 3.x до LTS Joomla 3.5.
  2. Если ваш сайт уже сделан с LTS Joomla 2.5, обновлять его сейчас нет необходимости. Следует дождаться LTS Joomla 3.5 в сентябре 2013 года.
  3. Если вы хотите создать веб-сайт сейчас, то следует начать с STS Joomla 3.0.

 

Что нового в Joomla 3.0?

Наиболее значимые изменения для разработчиков и пользователей:

  • Joomla стала адаптированной к мобильным устройствам и содержит разнообразие шаблонов. Теперь ваш сайт будет отображаться в каждом мобильном браузере (рис. 2).
  • Joomla имеет новый пользовательский интерфейс
  • Joomla использует JQuery JavaScript Lbriray
  • Веб-установщик стал проще (процедура выполняется всего в 3 шага)
  • Языковой пакет может быть установлен непосредственно из менеджера расширений (рис. 3)
  • Поиск Smart Search, который был введен с Joomla 2.5, получил множество улучшений
  • Редактор TinyMCE WYSIWYG входит в новую версию (3.5.6)

Рисунок 2: Joomla! на мобильном устройстве

 

Рисунок 3: языковые пакеты

Некоторые технические изменения не так заметны, но более чем полезны:

  • Возможно сохранение пустых статей
  • Joomla содержит PostgreSQL Driver. Вы сможете запустить сайты Joomla 3.0 с помощью базы данных PostgreSQL
  • Joomla может работать быстрее с PHP Memcached Driver
  • Используйте JFeed для осуществления управления вместо SimplePie
  • Очистка устаревшего неиспользуемого кода, файлов, полей базы данных и таблиц. Улучшена стандартизация таблиц
  • Обширная работа по стандартизации кода стиля и содержания
  • Модульное тестирование в CMS
  • Обновленные системные испытания в CMS

 

и многое другое

 

Что вы можете сделать с Joomla?

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

 

Блоги (веб-журналы)

 

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

Пример: http://www.joomlablogger.net/

Рисунок 4: joomlablogger.net

 

Сайты посвященные бренду

 

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

Пример: http://www.ihop.com/

 

Рисунок 5: ihop.com

 

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

 

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

Пример: http://www.solesolutions.no/

Рисунок 6: solesolutions.no

 

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

 

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

Пример: http://www.deep-purple.com/

Рисунок 7: deep-purple.com

 

Сообщества

 

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

Пример: http://www.starvmax.com/community

Рисунок 8: starvmax.com / сообщества

 

Интернет магазины

 

Сайты, предлагающие товары и услуги для онлайн продаж.

Пример: http://regalosdecocina.com/

Рисунок 9: regalosdecocina.com

 

Форумы

 

Сайт, где люди обсуждают различные темы.

Пример: http://www.sol.dk/debat/kategorier

Рисунок 10: sol.dk / Деба / kategorier

 

Сайты — галереи

 

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

Пример: http://www.mb-photography.com/

Рисунок 11: MB-photography.com

 

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

 

Более 3000 правительственных веб-сайтов по всему миру создаются на CMS Joomla.

Примеры: http://joomlagov.info/

Рисунок 12: joomlagov.info

 

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

 

Схожи с  информационными сайтами, но ориентированы на новости, политику и комментарии.

Пример: http://www.aa.com.tr/

Рисунок 13: aa.com.tr

 

Персональные сайты

 

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

Пример: http://www.ilnono.it/it/

Рисунок 14: ilnono.it

 

600000000 сайтов

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

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

Большие сайты, как Facebook, Flickr, YouTube, Google, Apple или Microsoft как правило не используют открытый исходным код в системе управления контентом для своих сайтов. У таких компаний имеются тысячи разработчиков, которые создают сотни сайтов, прорабатывая и совмещая множество идей и решений, представленных на рынке.

 

Любители против Профессионалов

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

 

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

 

Для Joomla не имеет значения, являетесь ли вы любителем или профессионалом. И те, и другие могут работать с Joomla. Зачастую, любители становятся профессионалами, а профессионалы становятся более заинтересованными в том, чтобы сделать Joomla CMS и Framework еще лучше.

 

Время для первого и последнего совета в этом руководстве!

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

 

Что общего у всех этих веб-сайтов?

 

Несмотря на то, что существует множество разновидностей сайтов, кое-что их объединяет:

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

 

Joomla объединяет

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

 

Хаген Граф

Как редактировать в Joomla главную страницу сайта

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

Как добавлять на главную страницу контент

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

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

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

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

Как редактировать главную

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

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

Что размещать на главной

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

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

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

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

Как в Joomla создать нового администратора или пользователя?

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

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

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

Заходим в административную панель. Здесь нужно пройти по меню: Пользователи -> Менеджер пользователей. И нажать большую кнопку «Создать» (вверху справа). Или сразу пройти по меню Пользователи -> Менеджер пользователей -> Создать пользователя.

Откроется окно, в котором необходимо ввести следующие данные:

Имя пользователя. Здесь можно указать реальное имя пользователя русскими буквами.

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

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

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

Другие данные можно не указывать.

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

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

По умолчанию новые пользователи относятся к группе «Зарегистрированные». Эта группа имеет самый низкий уровень доступа к данным сайта. Они могут только смотреть материалы и логиниться на сайте с «лица». Доступ в административную панель такие пользователи не имеют.

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

Стандартно в Joomla 2.5. есть такие группы пользователей:

  • Зарегистрированные
  • Авторы
  • Редакторы
  • Издатели
  • Менеджеры
  • Администраторы
  • Суперпользователи

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

Как в Joomla вставить скрипт

 

 

 

Имеющиеся редакторы в CMS Joomla не позволяют вставлять в контент дополнительные JS  (JavaScript), CSS,  PHP и HTML коды.  А так как имеется многочисленное количество элементов расширений,  составленных на скриптах и кодах, то потребность к их размещению на сайте велика. Такой недостаток работы движка и проблему: как в Joomla вставить скрипт может устранить

плагин Sourcerer для Joomla! 2.5. 

 

Скачать бесплатно плагин Sourcerer

 

Плагин для Joomla! 2.5 Sourcerer позволит вам легко и быстро вставить любой код, а это PhP код, CSS,  HTML,  JavaScript, непосредственно в выбранное место. То есть вставить  в любое место на сайте, а именно: контент, модуль, категорию, компонент.  
Данный плагин предоставит большие возможности для улучшения дизайна страниц и всего сайта.

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

Если вы стали обладателем архива плагина Sourcerer, то теперь необходимо его установить на сайт. Данный пункт работы осуществляется стандартным способом: через Панель Управления -> Менеджер Расширений ->Установить.  

Далее переходим в Менеджер Плагинов, находим установленный плагин System – Sourcerer и активируем его.

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

Вот и все, нажимайте, вставляйте и радуйтесь!

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

Глоссарий — Joomla! Документация

The Joomla! Глоссарий полезен для изучения общих терминов, используемых в Joomla! учебные пособия, экраны справки и расширенная документация.

Якорь

Якорь создается с помощью тега в HTML. Якорь позволяет разместить закладку внутри HTML-страницы. В Joomla !, вы можете разместить привязку внутри статьи (например, с помощью редактора TinyMCE). Это позволяет вам создать ссылку, которая будет переходить непосредственно к этому месту в статье.

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

 
 

Вы можете ссылаться на привязку на той же странице, используя HTML-код

 
 

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

Вы можете создать ссылку на привязку на другой странице, добавив «#» и имя привязки в конец URL-адреса.В приведенном выше примере, если URL-адрес статьи был http://www.mysite.com/my_article.html , то вы могли бы напрямую ссылаться на привязку на этой странице с URL-адресом http: //www.mysite .com / my_article.html # my_anchor .

Каскадная таблица стилей или CSS используется для управления представлением страницы XHTML. Например, файл CSS часто управляет шрифтом, полями, цветом, фоновой графикой и другими аспектами внешнего вида веб-страницы. CSS позволяет отделить содержимое XHTML-страницы от ее внешнего вида.В Joomla !, файлы CSS (например, template.css) обычно являются частью шаблона.

См. Также: шаблон , суффикс класса страницы, суффикс класса модуля

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

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

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

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

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

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

См. Также : Артикул

Хром

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

Ядро

Слово «ядро» в Joomla! относится к распределенным файлам, которые необходимы для создания и администрирования веб-сайта на Joomla CMS. Эти файлы можно загрузить с веб-сайта Joomla по адресу http://www.joomla.org/download.html. «Ядро» Joomla также содержит некоторые базовые функции, позволяющие быстро и легко заставить новые установки Joomla работать.Включены менеджер пользователей, менеджер статей, менеджер веб-ссылок, менеджер категорий, менеджер контактов и менеджер меню. Существует также менеджер шаблонов с несколькими базовыми шаблонами для управления интерфейсом (веб-сайт / пользователь), менеджер модулей с базовыми модулями, менеджер плагинов с базовыми плагинами и несколько других расширений «из коробки» для расширения. функциональность базовой установки Joomla. Эти расширения ядра не следует путать с расширениями, которые доступны для загрузки из JED (Joomla! Extension Directory).

См. Также: Каталог расширений Joomla.

Префикс таблицы базы данных — это строка (длиной в несколько символов), добавляемая к имени таблиц Joomla !. Использование префикса позволяет запускать несколько установок Joomla! используя единую базу данных.

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

Разработчики расширений должны использовать строку #__ для представления префикса. Он будет заменен реальным префиксом во время выполнения Joomla.

Языки, пожалуй, самый простой и важный тип расширения. Языки упакованы в виде базового языкового пакета или языкового пакета расширения. Эти пакеты состоят из файлов INI, которые содержат пары ключ / значение. Эти пары ключ / значение обеспечивают перевод статических текстовых строк в Joomla! исходный код. Это позволяет как Joomla! основные и сторонние компоненты и модули, которые будут интернационализированы.Базовые языковые пакеты также включают метафайл XML, описывающий язык и предоставляющий информацию о шрифтах, используемых для создания содержимого PDF.

В Joomla !, меню — это набор из пунктов меню , используемых для навигации по сайту. Каждый пункт меню определяет URL-адрес страницы вашего сайта и содержит настройки, которые управляют содержимым (статьи, списки категорий, элементы с тегами и т. Д.) И стилем (модулем (модулями), макетом) этой страницы.

Создание меню довольно просто.Из меню администратора в серверной части Joomla! сайта, вы выбираете: Меню> Диспетчер меню> Добавить новое меню . На открывшейся вам странице Диспетчер меню: Добавить меню введите заголовок вашего меню в поле «Заголовок *» (обязательно), тип вашего меню в поле «Тип меню *» (обязательно) и, если хотите, ваше меню. краткое описание в поле «Описание» (необязательно). После этого вы можете начать , добавляя новые пункты меню в это новое меню.

На любом веб-сайте может быть более одного меню.

Joomla широко использует шаблон проектирования модель-представление-контроллер.

Когда Joomla запускается для обработки запроса от пользователя, такого как GET для конкретной страницы или POST, содержащий данные формы, первое, что делает Joomla, — это анализирует URL-адрес, чтобы определить, какой компонент будет отвечать за обработка запроса и передача управления этому компоненту.

Если компонент был разработан в соответствии с шаблоном MVC, он передаст управление контроллеру.Контроллер отвечает за анализ запроса и определение того, какая модель (модели) потребуется для удовлетворения запроса и какое представление следует использовать для возврата результатов обратно пользователю.

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

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

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

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

Суффикс класса модуля — это параметр в Joomla! модули. Это установленный модуль: экран [Edit] в Advanced Parameters. Установка этого параметра вызывает Joomla! чтобы добавить новый класс CSS или изменить существующий класс CSS для элемента div для этого конкретного модуля.

Когда Joomla! генерирует модуль, он автоматически создает класс CSS под названием «moduletable», чтобы разрешить стилизацию модуля — например,

Чтобы создать новый класс, введите параметр с начальным пробелом.Например, ввод пробела плюс «myNewClass» создаст новый класс CSS с именем «myNewClass». HTML будет изменен на

.

Чтобы изменить имя существующего класса, введите параметр без пробела в начале. Например, если ввести «_mySuffix» (без начального пробела), HTML изменится на

.

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

См. Использование суффиксов классов для получения дополнительной информации.

PHP — это компьютерный язык сценариев, предназначенный для создания динамических веб-страниц. PHP широко используется для веб-разработки и может быть встроен в HTML. Обычно он запускается на веб-сервере, принимая код PHP на входе и создавая веб-страницы на выходе.Joomla! в основном написан с использованием языка PHP. Дополнительные сведения см. В разделе Где можно узнать о PHP?

Суффикс класса страницы — это параметр в Joomla! пункты меню содержимого. Он устанавливается в конкретном пункте меню: на странице [Редактировать элемент меню] на вкладке «Отображение страницы». Новый суффикс класса страницы приведет к тому, что Joomla! либо добавить новый класс CSS, либо изменить существующий класс CSS для элементов в макете страницы, назначенном этому самому пункту меню.

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

Чтобы создать новый класс, введите параметр с начальным пробелом. Например, ввод пробела плюс «myNewClass» создаст новый класс CSS с именем «myNewClass», и он будет вставлен как класс для элементов в этом пункте меню. В этом случае приведенный выше пример будет изменен на

.

Чтобы изменить имя существующего класса, введите параметр без пробела в начале. Например, если ввести «_mySuffix» (без начального пробела), HTML изменится на

.

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

См. Также: Использование суффиксов класса, Использование суффикса класса страницы в коде шаблона

URL-адреса, удобные для поисковых систем — это термин, который обычно сокращается как URL-адреса SEF или для краткости SEF.Нормальная Joomla! URL-адреса выглядят примерно так:

http://www.yoursite.org/index.php?option=com_content&view=section&id=3&Itemid=41
 

При желании можно настроить отображение URL-адресов в виде статических HTML-страниц, например:

http://www.yoursite.org/faq.html
 

Начиная с Joomla! 1.5, есть встроенные параметры для генерации URL-адресов SEF. Их можно включить, изменив «Настройки SEO» (поисковая оптимизация) на вкладке «Сайт» на экране «Глобальная конфигурация» в Joomla! задний конец.Существуют также сторонние расширения, которые создают URL-адреса SEF для Joomla !.

Разделенное меню — это когда разные уровни одного меню отображаются в двух или более местах на одной веб-странице.

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

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

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

См. Также : Меню

Шаблон — это разновидность Joomla! расширение, которое меняет внешний вид вашего сайта.Joomla! Использует два типа шаблонов. CMS: внешние и внутренние шаблоны. Шаблон внешнего интерфейса контролирует способ представления вашего веб-сайта пользователю, просматривающему его содержимое. Шаблон Back-end контролирует способ представления административных задач вашего веб-сайта для управления функциями управления с помощью Joomla! Администратор. Сюда входят общие задачи, такие как: управление пользователем, меню, статьей, категорией, модулем, компонентом, плагином и шаблоном.

См. Также : Компонент, модуль, подключаемый модуль

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

Шаблонный стиль можно назначить пунктам меню одним из двух способов.

  • Менеджер шаблонов Расширения Менеджер шаблонов
  • Редактирование пункта меню в Меню Название меню Пункт меню

Пакет обновления

Пакет обновления для Joomla! представляет собой архив файлов, которые содержат файлы, которые были изменены в Joomla! версии.Когда этот архив распаковывается, он заменяет старую версию измененных файлов новой версией. Например, если пятьдесят файлов были изменены между версиями 3.x.1 и 3.x.2, пакет обновления с 3.x.1 до 3.x.2 будет содержать эти пятьдесят файлов и при распаковке заменит их. пятьдесят файлов и обновите установленную версию с 3.x.1 до 3.x.2.

Пакеты обновления

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

Модуль

— Joomla! Документация

Модули

— это легкие и гибкие расширения, используемые для рендеринга страниц. Эти модули часто представляют собой «коробки», расположенные вокруг компонента на типичной странице. Хорошо известный пример — модуль входа в систему. Модули назначаются каждому элементу меню, поэтому вы можете решить, показать или скрыть (например) модуль входа в систему в зависимости от того, на какой странице (элементе меню) в данный момент находится пользователь. Некоторые модули связаны с компонентами: например, модуль «последние новости» ссылается на компонент контента (com_content) и отображает ссылки на самые новые элементы контента.Однако модули не нужно связывать с компонентами; их даже не нужно связывать ни с чем, они могут быть просто статическим HTML или текстом.

модулей управляются в Joomla! Вид администратора в диспетчере модулей. Более подробную информацию об управлении модулями можно найти на экранах справки по соответствующей версии.

См. Также : Компонент, Плагин, Шаблон

Дополнительные сведения

Позиции модуля

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

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

Рекомендуемая литература

Модули

— одна из самых простых частей Joomla и отличная отправная точка для людей, которые учатся использовать систему (эквивалент виджетов в WordPress). Они могут отображаться практически в любом месте страницы (во всех позициях, которые допускает шаблон, а также в области основного содержимого с использованием плагина loadmodule для компонента com_content).

новичок

Чтобы понять, как установить и использовать модуль в Joomla, рекомендуется прочитать Менеджер модулей. Вы также можете прочитать «Пользовательский HTML-код менеджера модулей» в качестве примера.

Начальный / Средний

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

Продвинутый

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

Администраторские модули

Журналы действий — Последние

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

Имя типа модуля для этого модуля — «mod_latestactions».Экран справки для этого модуля.

Этот модуль показывает главное меню навигации администратора. Пример этого модуля показан ниже:

Имя типа модуля для этого модуля — «mod_menu». Экран справки для этого модуля.

Этот модуль показывает модуль навигации по подменю.

Имя типа модуля для этого модуля — «mod_submenu». Экран справки для этого модуля.

статей — Последние новости

Этот модуль используется для отображения «Последние добавленные статьи» в Панели управления.Пример показан ниже:

Имя типа модуля для этого модуля — «mod_latest». Экран справки для этого модуля.

Пользовательский

Этот модуль позволяет вам создать свой собственный модуль с помощью редактора WYSIWYG.

Имя типа модуля для этого модуля — «mod_custom». Экран справки для этого модуля.

Дисплей подачи

Этот модуль позволяет отображать ленту новостей с внешнего веб-сайта. Пример показан ниже:

Имя типа модуля для этого модуля — «mod_feed».Экран справки для этого модуля.

Joomla! Информация о версии

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

Имя типа модуля для этого модуля — «mod_version». Экран справки для этого модуля.

Зарегистрированные пользователи

Этот модуль показывает список пользователей, которые в настоящее время вошли на сайт. Это отображается в Панели управления. Пример показан ниже:

Имя типа модуля для этого модуля — «mod_logged».Экран справки для этого модуля.

Форма входа

Этот модуль отображает форму входа в систему с именем пользователя и паролем. Его нельзя не публиковать.

Имя типа модуля для этого модуля — «mod_login». Экран справки для этого модуля.

Многоязычный статус

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

Имя типа модуля для этого модуля — «mod_multilangstatus».
Модуль не имеет специальных настроек. Экран справки для этого модуля.

Популярные статьи

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

Имя типа модуля для этого модуля — «mod_popular». Экран справки для этого модуля.

Панель мониторинга конфиденциальности

Этот модуль показывает информацию о запросах конфиденциальности.

Имя типа модуля для этого модуля — «mod_privacy_dashboard».
Модуль не имеет специальных настроек. Экран справки для этого модуля.

Быстрые значки

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

Имя типа модуля для этого модуля — «mod_quickicon».
Модуль не имеет специальных настроек. Экран справки для этого модуля.

Пример данных

Этот модуль позволяет вам установить образцы данных.

Имя типа модуля для этого модуля — «mod_sampledata».
Модуль не имеет специальных настроек.

Статистика

Этот модуль показывает информацию о вашем сервере и сайте, такую ​​как версии PHP и базы данных, используемая ОС, количество статей, пользователей, обращений … Пример показан ниже:

Имя типа модуля для этого модуля — «mod_stats». Экран справки для этого модуля.

Название

Этот модуль показывает заголовки для каждого внутреннего экрана. Пример показан ниже:

Имя типа модуля для этого модуля — «mod_title».Экран справки для этого модуля.

Панель инструментов

Этот модуль показывает панели инструментов, используемые в бэкэнде Joomla. Пример показан ниже:

Имя типа модуля для этого модуля — «mod_toolbar». Экран справки для этого модуля.

Статус пользователя

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

Имя типа модуля для этого модуля — «mod_status». Экран справки для этого модуля.

Модули сайта

Joomla! содержит множество модулей, вот стандартные модули, доступные в новой версии Joomla! установка (дополнительные модули доступны в каталоге расширений Joomla!).

Статей — Архивировано

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

Имя типа модуля для этого модуля — «mod_articles_archive». Экран справки для этого модуля.

статей — категории

Этот модуль отображает список категорий из одной родительской категории.

Имя типа модуля для этого модуля — «mod_articles_categories». Экран справки для этого модуля.

статей — категория

Этот модуль отображает список статей из одной или нескольких категорий.

Имя типа модуля для этого модуля — «mod_articles_category».Экран справки для этого модуля.

статей — Последние новости

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

Имя типа модуля для этого модуля — «mod_articles_latest». Экран справки для этого модуля.

статей — Самые читаемые

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

Имя типа модуля для этого модуля — «mod_articles_popular».Экран справки для этого модуля.

статей — сводка новостей

Модуль Newsflash отображает фиксированное количество статей из определенной категории.

Имя типа модуля для этого модуля — «mod_articles_news». Экран справки для этого модуля.

Статьи по теме

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

Имя типа модуля для этого модуля — «mod_related_items». Экран справки для этого модуля.

Баннеры

Модуль баннеров отображает активные баннеры из компонента.

Имя типа модуля для этого модуля — «mod_banners».Экран справки для этого модуля.

Панировочные сухари

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

Имя типа модуля для этого модуля — «mod_breadcrumbs». Экран справки для этого модуля.

Пользовательский

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

Имя типа модуля для этого модуля — «mod_custom».Экран справки для этого модуля.

Дисплей подачи

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

Имя типа модуля для этого модуля — «mod_feed». Экран справки для этого модуля.

Этот модуль отображает информацию об авторских правах веб-сайта и Joomla! информация о лицензии.

Имя типа модуля для этого модуля — «mod_footer».Экран справки для этого модуля.

Переключатель языков

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

Имя типа модуля для этого модуля — «mod_languages». Экран справки для этого модуля.

Последние пользователи

Модуль «Последние пользователи» отображает последних пользователей, которые вошли на сайт.

Имя типа модуля для этого модуля — «mod_users_latest».Экран справки для этого модуля.

Войти

Этот модуль отображает форму входа в систему с именем пользователя и паролем. Он также отображает ссылку для восстановления забытого пароля. Если регистрация пользователей включена на экране «Конфигурация пользователей», то будет показана ссылка «Создать учетную запись», чтобы пригласить пользователей для самостоятельной регистрации.

Имя типа модуля для этого модуля — «mod_login». Экран справки для этого модуля.

Этот модуль отображает меню во внешнем интерфейсе.

Имя типа модуля для этого модуля — «mod_menu».Экран справки для этого модуля.

Случайное изображение

Этот модуль отображает случайное изображение из выбранного вами каталога.

Имя типа модуля для этого модуля — «mod_random_image». Экран справки для этого модуля.

Поиск

Этот модуль отображает поле поиска.

Имя типа модуля для этого модуля — «mod_search». Экран справки для этого модуля.

Умный поиск

Smart Search — это расширенный поиск по сайту.

Имя типа модуля для этого модуля — «mod_finder». Экран справки для этого модуля.

Статистика

Этот модуль показывает информацию о вашем сервере и сайте, такую ​​как версии PHP и базы данных, используемая ОС, количество статей, пользователей, обращений …

Имя типа модуля для этого модуля — «mod_stats». Экран справки для этого модуля.

Каналы синдикации

Smart Syndication Module, который создает Syndicated Feed для страницы, на которой отображается модуль.

Имя типа модуля для этого модуля — «mod_syndicate». Экран справки для этого модуля.

Теги — Популярные

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

Имя типа модуля для этого модуля — «mod_tags_popular». Экран справки для этого модуля.

Теги — Похожие

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

Имя типа модуля для этого модуля — «mod_tags_similar». Экран справки для этого модуля.

Кто на сайте

Модуль Who’s Online отображает количество анонимных пользователей (например, гостей) и зарегистрированных пользователей (тех, кто вошел в систему), которые в настоящее время обращаются к веб-сайту.

Имя типа модуля для этого модуля — «mod_whosonline». Экран справки для этого модуля.

Обертка

Этот модуль показывает окно iFrame в указанном месте.

Имя типа модуля для этого модуля — «mod_wrapper». Экран справки для этого модуля.

Как использовать пользовательские поля Joomla — Учебник по полям Joomla

Пользовательские поля — очень важная и полезная функция Joomla.

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

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

В этом введении я покажу вам, как работают поля Joomla.


Как использовать поля Joomla в статьях

На вкладке «Содержимое» в раскрывающемся меню теперь есть два новых параметра: «Поля» и «Группы полей»:

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

Каждое поле может быть отнесено к определенной группе или определенной категории. Некоторые поля могут отображаться только в статьях определенной категории:

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

.

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

Группы полей определяют, где будут отображаться поля при редактировании статьи.У каждой группы будет вкладка, как вы можете видеть на изображении ниже с вкладкой «Мои тестовые поля»:

На этой вкладке вы можете ввести данные поля для вашей статьи:

По умолчанию, когда вы публикуете статью с полями, эти поля появляются под основным контентом:

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


Как использовать поля Joomla в контактах и ​​пользователях

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

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

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


Как управлять настройками полей Joomla

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

Также доступны некоторые параметры отображения, если вы перейдете в Расширения> Плагины и отредактируете плагин «Система — Поля».Вы можете контролировать, где будут отображаться поля в статьях: после заголовка, до отображения, после отображения или будут ли они скрыты. Эти параметры также можно настроить индивидуально для каждого поля.

Поля Joomla Сводка

Joomla предоставляет очень интересную возможность.

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

Можете ли вы придумать, как использовать поля на сайтах Joomla, которые вы создаете?


Об авторе

Стив — генеральный директор Joomlashack. Родом из Великобритании, сейчас он живет в Сарасоте в США. Стив работает с Joomla с 2006 года.


Ваш путеводитель по всем компонентам по умолчанию в Joomla

Если вы хотите добавить на свой сайт интересную дополнительную функцию, скорее всего, это компонент.Хотите показать рекламный баннер? Это компонент.

Хотите контактную форму? Это тоже компонент. Как насчет календаря событий или дискуссионного форума? Оба являются компонентами.

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

В этом сообщении блога мы рассмотрим одиннадцать компонентов Joomla по умолчанию:

  1. Баннеры: Показывает рекламные баннеры.
  2. Контакты: Создает контактные формы.
  3. Обновление Joomla: Это позволяет обновлять ваш сайт.
  4. Обмен сообщениями: Отправляет личные сообщения другим администраторам сайта.
  5. Многоязычные ассоциации : Эта функция помогает, если вы создаете многоязычный сайт.
  6. Ленты новостей: Показывает новости с других веб-сайтов.
  7. Сообщения после установки : Показывает информацию о том, что включено в новые версии Joomla.
  8. Redirect: Отслеживает, когда люди пытаются посетить страницы, которых нет на вашем сайте, и позволяет перенаправить их на нужные страницы.
  9. Поиск: Позволяет людям выполнять поиск на вашем сайте.
  10. Интеллектуальный поиск: Позволяет пользователям выполнять поиск на вашем сайте более продвинутыми способами.
  11. Теги: Позволяет упорядочивать контент более гибко, чем категории.

Баннеры Компонент

Компонент «Баннеры» выполняет две основные задачи:

  • Показывает рекламные баннеры.
  • Он собирает все данные об этих баннерах, например, сколько раз был показан каждый из них и сколько раз на каждый из них нажимали.

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

Рассмотрим процесс создания рекламного баннера. Вот как мы это делаем.

Шаг №1. Отнести к категории

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

  • Перейдите в «Компоненты», затем «Баннеры», а затем «Категории»:

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

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

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

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

Если вы хотите это сделать, процесс настройки клиента точно такой же, как и для категории.

Шаг №2. Добавить

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

  • Перейдите в «Компоненты, затем» Баннеры «.
  • Нажмите «Создать», и вы увидите страницу настройки баннера.
  • Имя: дайте баннеру описательное название. В этом случае введите Правый столбец Joomla.org Banner .
  • Изображение: нажмите «Выбрать», и вы увидите всплывающее окно. Вы попадете в папку баннеров в Media Manager. Вы можете загрузить здесь новый рекламный баннер или даже перейти в другие папки.В этом случае щелкните изображение с названием «white.png», а затем нажмите «Вставить».
  • URL-адрес клика: это веб-адрес, на который будут отправляться люди, щелкнувшие баннер. Давайте поместим сюда https://www.joomla.org .
  • Категория
  • : выберите категорию в правом столбце , которую вы создали ранее.

Шаг №3. Показать

Теперь нам просто нужно указать Joomla, где показывать баннер:

  • Перейдите в «Расширения», затем «Модули» и нажмите «Создать».
  • Вы видите экран, на котором вы можете решить, какой тип модуля создать. Щелкните «Баннеры».

Вы видите экран, подобный показанному ниже. Можно выбрать четыре основных варианта:

  • Заголовок: Баннер в правом столбце
  • Категория: Правая колонка
  • Показать название: Скрыть
  • Позиция: Правая

  • Нажмите «Сохранить и закрыть» и посетите свой сайт.Вы можете увидеть баннер «ПОДДЕРЖКА Joomla» в правом столбце, как на изображении ниже. Идите вперед и нажмите на баннер, чтобы проверить, что он работает. Он должен отправить вас на https://joomla.org .

Данные баннера

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

  • Перейдите в «Компоненты», затем «Баннеры».
  • Вы увидите, что Joomla начала отслеживать как показы, так и клики для этого баннера:

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


Контакты Компонент

Компонент «Контакты» выполняет одну главную задачу: он позволяет посетителям связываться с вами. Вы, наверное, уже догадались!

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

Вы также можете создавать более сложные формы, используя поля, которые мы видели ранее в «Joomla Fields Explained».

Рабочий процесс CASh применяется как к контактам, так и к контенту, меню и баннерам. Мы собираемся распределить по категориям, добавить, а затем показать.

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

Шаг №1. Отнести к категории

На этот раз мы собираемся объединить Шаг 1 и Шаг 2. Итак, мы сделаем шаг «Классифицировать» в приведенных ниже инструкциях.

Шаг №2. Добавить

  • Перейдите в «Компоненты», затем «Контакты».
  • Щелкните «Создать».
  • Имя: Мэр Joomlaville
  • Электронная почта: введите свой адрес электронной почты в поле «Электронная почта». Это электронное письмо не станет общедоступным, но всякий раз, когда кто-либо использует контактную форму, на этот адрес отправляется электронное письмо.
  • Категория: Введите Joomlaville Контакты и нажмите «Enter» или «Return» на клавиатуре. Это более быстрый способ завершить Шаг №1.

Когда все три поля заполнены, ваш экран должен выглядеть, как показано ниже:

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

  • Щелкните вкладку «Дисплей».
  • Установите для параметра «Формат отображения» значение «Обычный», как показано на рисунке ниже:

Шаг 3. Показать

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

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

  • Перейдите в «Меню», «Главное меню», затем «Добавить новый элемент меню».
  • Заголовок: Контакт
  • Тип элемента меню: Одиночный контакт
  • Выберите контакт: Joomlaville Mayor

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

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

Дополнительные параметры связи

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

  • Перейдите в «Компоненты», затем «Контакты» и отредактируйте «Joomlaville Mayor». Вы увидите множество полей для контактов, включая адрес, город или пригород, штат или провинцию, телефон и веб-сайт. На изображении ниже показаны некоторые образцы данных из OSTraining:

Вот как эти данные будут отображаться на лицевой стороне сайта:

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

  • Перейдите в «Компоненты» и «Контакты».
  • Щелкните «Группы полей» на левой боковой панели.
  • Это важная новая задача: выберите «Почта» из раскрывающегося меню. Это означает, что ваши поля будут прикреплены к контактным формам, на которые пользователи смогут отправлять электронные письма. Если мы выберем «Контакт» или «Категория», наши поля будут доступны только администраторам сайта.

  • Щелкните «Создать».
  • Заголовок: Дополнительные контактные данные
  • Сохраните группу полей и убедитесь, что следующий экран выглядит следующим образом:

  • Щелкните «Поля» на левой боковой панели.
  • Снова выберите «Почта» в раскрывающемся меню:

  • Щелкните «Создать».
  • Заголовок: О чем ваш вопрос?
  • Тип: Флажки

  • Группа полей: Дополнительные контактные данные
  • Значения флажка: введите темы, по которым люди могут связываться с вами.

  • Щелкните вкладку «Разрешения».
  • Установите для параметра «Редактировать значение настраиваемого поля» значение «Разрешено». Это позволит любому вводить данные в это поле.

  • Зайдите в начало вашего сайта, и ваша контактная форма теперь будет иметь настраиваемое поле:

  • Любые поля, которые вы добавляете с помощью этого метода, будут добавлены в электронные письма, которые вы получите:


Joomla! Обновление, обмен сообщениями, многоязычные ассоциации и сообщения после установки

В этом сообщении блога мы пропустим четыре компонента:

  • Joomla! Обновление: сюда вы переходите, чтобы обновить свой сайт Joomla.
  • Сообщения: это один из простейших компонентов. Он позволяет отправлять личные сообщения другим участникам вашего сайта. Однако у него действительно очень ограниченные возможности, и за многие годы использования Joomla я ни разу не видел, чтобы он использовался на реальном сайте. Щелкните здесь, чтобы узнать больше об обмене сообщениями.
  • Многоязычные ассоциации: ознакомьтесь с этим руководством по многоязычным ассоциациям.
  • Сообщения после установки: Здесь отображаются сообщения о новых функциях Joomla.

Компонент новостных лент

Компонент «Ленты новостей» позволяет автоматически показывать новости с других веб-сайтов.

News Feeds использует технологию RSS или Real Simple Syndication для получения каналов с других сайтов.

Давайте рассмотрим процесс настройки каналов на вашем сайте. Мы снова воспользуемся нашим рабочим процессом CASh.

Шаг №1. Отнести к категории

Как и наши статьи, баннеры и контакты, наши новостные ленты разделены на категории:

  • Перейдите в «Компоненты», «Ленты новостей», а затем в «Категории».
  • Нажмите «Создать» и введите общий заголовок для нашей категории, например, Joomla News .Ваш экран выглядит так, как показано ниже:

Шаг №2. Добавить

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

Обычный дизайн значка RSS — квадратное изображение с точкой в ​​нижнем левом углу и двумя волнами, выходящими из него в верхнем правом углу.

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

Некоторые помещают значок RSS в панель браузера, некоторые — на боковую панель, а некоторые — в нижний колонтитул сайта.

В этом примере мы собираемся перечислить последние руководства от Joomlashack.

  • Перейдите в «Компоненты», «Ленты новостей», а затем «Ленты».
  • Щелкните «Создать».
  • Название: Последние новости Joomlashack
  • Ссылка: https://feeds.feedburner.com/jshack
  • Категория: Новости Joomla

Шаг №3.Показать

Все, что нам сейчас нужно, это сделать ссылку в меню на нашу ленту новостей:

  • Перейдите в «Меню», «Главное меню», затем «Добавить новый» пункт меню ».
  • Название меню: Новости
  • Тип элемента меню
  • : Щелкните «Ленты новостей», затем выберите Лента одиночных новостей .
  • Лента: Последние новости Joomlashack

Когда вы закончите, передняя часть вашего сайта будет выглядеть, как на изображении ниже:


Перенаправляет компонент

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

Почему на вашем сайте есть неработающие URL? Есть две вероятные причины:

  • Ошибочный URL: Кто-то мог неправильно ввести URL-адрес одной из ваших страниц — возможно, это даже были вы. В этом случае расположение неработающего URL-адреса отображается в столбце «Ссылочная страница», чтобы вы знали, куда перейти, чтобы исправить ссылку.
  • Старый URL: Если вы переместили свой сайт на Joomla с другого типа веб-сайта, возможно, ваши URL-адреса изменились. Люди все еще могут пытаться посетить эти старые URL-адреса.

Компонент «Перенаправления» предназначен для исправления этих ссылок за вас. Он может автоматически перенаправлять неработающие URL-адреса на рабочий URL-адрес по вашему выбору.

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

  • Перейдите в «Расширения», затем «Плагины».
  • Введите «Redirect» в поле поиска, и вы увидите плагин «System — Redirect»:

  • Щелкните красную кнопку X.Он станет зеленой галочкой, и это будет означать, что плагин включен.

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

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

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

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

  • Щелкните неработающий URL.
  • Целевой URL: введите URL-адрес страницы, на которую должны перенаправляться люди, как на изображении ниже.
  • Статус: Включено

Теперь вы можете проверить, работает ли перенаправление.

  • Скопируйте URL-адрес с истекшим сроком действия и вставьте его в адресную строку браузера.Этот неработающий URL-адрес должен автоматически перенаправлять на новый URL-адрес. В этом примере я мог ввести https://ostraining.com/joomlaville/index.php/cont и быть автоматически перенаправлен на https://ostraining.com/joomlaville/index.php/contact.

Компоненты поиска и интеллектуального поиска

Компонент «Поиск» позволяет пользователям выполнять поиск по ключевым словам на вашем сайте.

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

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

  • Введите «Joomlaville» в поле поиска и нажмите Enter или Return на клавиатуре. Вы видите возвращенные результаты поиска, как на изображении ниже:

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

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

Вот как это настроить:

  • Перейдите в «Компоненты», затем «Поиск».
  • Щелкните «Параметры» и установите для параметра «Сбор статистики поиска» значение «Да».

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

Я несколько раз использовал окно поиска, чтобы показать вам, как оно работает.

Компонент интеллектуального поиска является более сложной альтернативой компоненту поиска. Это позволяет вам выполнять поиск с большей точностью.

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

Вот как мы это настроили:

  • Перейдите в «Расширения», затем «Плагины».
  • Найдите и включите плагин «Content — Smart Search».

  • Перейдите в «Компоненты», затем «Умный поиск».
  • Нажмите кнопку «Индекс» в верхнем левом углу, как показано на изображении ниже.

  • Теперь вы увидите всплывающее окно, а вскоре после этого увидите сообщение «Индексирование завершено».
  • Закройте окно, и вы увидите, что интеллектуальный поиск теперь содержит список всего вашего содержания, как на изображении ниже. В будущем, каждый раз, когда вы добавляете контент, Smart Search будет автоматически добавлять его в этот индекс.

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

  • Перейдите в «Расширения», затем «Модули».
  • Щелкните зеленую галочку рядом с Search, чтобы она превратилась в красный крест, как на рисунке ниже. Это отменит публикацию окна поиска по умолчанию.

Теперь мы собираемся заменить поле поиска новым полем интеллектуального поиска:

  • Щелкните «Создать».
  • Щелкните «Умный поиск».
  • Название: Умный поиск
  • Метка поля поиска: Скрыть
  • Показать название: Скрыть
  • Позиция: Поиск [позиция-0]

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

  • Выберите один из вариантов поиска. Вы обнаружите, что результаты отличаются от результатов обычного поиска. Результаты интеллектуального поиска показаны на изображении ниже.

  • Кроме того, если вы нажмете кнопку «Расширенный поиск» в верхней части результатов поиска, вы увидите множество других способов найти контент.Как показано на изображении ниже, вы увидите, что вы можете искать по автору, по категории и множеству других фильтров.

Smart Search выглядит прекрасно, правда? Почему бы вам не поспешить и не сделать его по умолчанию на вашем сайте?

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


Теги Компонент

Компонент Теги — это гибкая и полезная альтернатива категориям.

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

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

На данный момент только одна статья имеет тег Joomla: О Joomlaville. Если вы внимательно посмотрите на эту статью, вы увидите тег Joomla в верхнем левом углу:

Что, если бы мы захотели составить список мест в Joomlaville, подходящих для маленьких детей?

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

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

  • Перейдите в «Контент», затем в «Статьи».
  • Открыть статью «Музей».
  • В поле «Теги» введите «Подходит для детей» и нажмите клавишу Return или Enter на клавиатуре. Вы знаете, что тег был успешно создан, когда он отображается, как на экране ниже:

  • Сохраните статью «Зоопарк», затем добавьте тег «Дружественный детям» к этим статьям: Lake Park и City Park.Добавляя теги к другим статьям, вы заметите, что Joomla автоматически заполняет теги за вас.

Теперь позвольте посетителям найти наш контент для детей:

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

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

Теги

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

С помощью тегов вы можете организовать практически все на своем сайте и разместить это на той же странице.

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

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

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

Моя цель — не полностью воссоздать этот сайт о Joomlaville. Цель — понять концепции и процессы, которые помогут вам освоить Joomla.

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

Как создать веб-сайт на Joomla, пошаговое руководство

Joomla — это система управления контентом с открытым исходным кодом (CMS) для публикации веб-контента. Как и многие другие CMS, Joomla позволяет создавать веб-сайты без использования HTML или CSS. Это и его нулевая цена делают его любимым вариантом среди многих предприятий и некоммерческих организаций.

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

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

Готовы? Давайте начнем.

1. Получите план веб-хостинга и выберите доменное имя

Совет: если у вас уже есть доменное имя и веб-хостинг, перейдите к шагу 2.

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

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

2. Установка и настройка Joomla

Первый шаг руководства: как установить и настроить Joomla.Есть два пути:

2а. Использование Bluehost и быстрой установки

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

Прокрутите вниз, найдите значок Joomla и щелкните по нему.

На следующем экране нажмите Установить сейчас .

Откроется экран установки.

<

Вот как его заполнить:

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

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

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

Поздравляем! Вы только что установили Joomla в своем домене Bluehost.

2б. Ручная установка (любой веб-хостинг)

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

1. Создайте базу данных и загрузите файлы

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

Для установки Joomla вам потребуется следующая информация:

  • Имя (пустой) базы данных
  • Имя пользователя, связанного с этой базой данных
  • Пароль этого пользователя
  • Адрес вашего сервера базы данных

Один раз у вас есть это, пора загрузить Joomla на ваш сервер.Для этого перейдите в раздел загрузки на домашней странице Joomla и нажмите большую зеленую кнопку загрузить (на момент написания этой статьи Joomla 3 является последней основной версией, а Joomla 4 находится в статусе бета).

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

2. Запустите установку вручную

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

<

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

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

Наконец, внизу вы можете выбрать перевод внешнего интерфейса вашего сайта в автономный режим после установки. Таким образом, его увидят только зарегистрированные пользователи. Это может иметь смысл для проектов разработки и зависит от вас. Когда вы закончите, нажмите Далее .

3. Подключите Joomla к вашей базе данных MySQL

Следующий экран:

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

  • Тип базы данных — В большинстве случаев вы можете просто оставить это как есть.
  • Имя хоста — это место размещения вашей базы данных. Измените его, если это что-то другое, кроме localhost .
  • Имя пользователя — имя пользователя, связанное с вашей базой данных.
  • Пароль — В этом поле находится пароль для вашей базы данных MySQL.
  • Имя базы данных — Здесь укажите имя базы данных, к которой вы хотите подключить свой веб-сайт Joomla.
  • Префикс таблицы — Если у вас нет веской причины изменить это, используйте случайно сгенерированный префикс, предлагаемый установкой.
  • Старый процесс базы данных — Если в вашей базе данных уже есть какие-либо данные, вы можете выбрать, следует ли Joomla удалить или сохранить их.

Опять же, как только вы будете готовы, нажмите кнопку Next .

4. Завершение установки

Последний экран установки Joomla в основном представляет собой сводку всего, что вы сделали до сих пор, следуя руководству.

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

Кроме того, вам нужно только проверить, все ли так, как вам нравится, и соответствует ли ваша серверная среда требованиям Joomla. Когда все это так, вы можете нажать Установить . Затем Joomla настроит CMS на вашем сервере. По завершении вы увидите этот экран:

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

Вот и все! Круто, вы только что полностью установили Joomla вручную.

3. Ознакомьтесь с основами Joomla

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

Не очень впечатляет, правда? Чтобы внести какие-либо изменения, мы сначала должны войти в серверную часть Joomla. Для этого перейдите по адресу yourdomain.com/administrator.

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

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

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

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

Сердце Joomla: панель задач

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

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

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

Пока все ясно? Тогда пойдем дальше.

4. Выберите шаблон для вашего сайта

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

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

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

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

5. Установите шаблон Joomla

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

Либо перетащите файл в поле, либо нажмите кнопку Или найдите кнопку файла , чтобы найти его на жестком диске. Выберите его, и Joomla сделает все остальное сама. Кроме того, вы также можете установить шаблон через его URL-адрес, если вы знаете, где находится пакет.

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

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

Обратите внимание, что при загрузке шаблона вы можете получить дополнительные файлы, такие как quickstart , settings, и extension .

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

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

6. Настройка дизайна

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

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

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

7. Создание контента с помощью модулей Joomla

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

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

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

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

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

8. Назначьте модули на позиции

Хорошо, теперь, когда вы знаете, куда могут идти ваши модули, как вы назначите их на эти позиции? Все это происходит в разделе Расширения> Модули .

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

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

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

Затем перейдите в меню Modules , создайте новый модуль с помощью зеленой кнопки в верхнем левом углу и выберите Custom в качестве типа. Это позволяет вам создавать свой собственный блок контента с помощью редактора WYSIWYG (то, что вы видите, то и получаете).

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

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

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

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

Сохраните, и вы должны увидеть это на своей домашней странице (и только там).

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

Например, так выглядит домашняя страница, когда мы добавляем основное изображение в виде ползунка в позицию hero-section с помощью плагина и перемещаем текстовый модуль в content-top :

Уже лучше, не правда ли?

9. Создание новых страниц

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

В этой CMS страницы просто называются статьями . Это может немного сбивать с толку вас, если вы имеете опыт ведения блога, но пусть это вас не расстраивает. Вы можете создавать статьи через Content> Articles> Add New Article . Или используйте ярлык на панели управления. Оба приведут вас к очень похожему экрану редактирования, который вы использовали раньше.

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

10. Назначьте страницы меню навигации Joomla

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

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

В разделе Тип элемента меню выберите Артикул> Отдельный артикул . Затем в разделе Select Article, вы можете выбрать существующий контент на своем сайте через Select , а затем щелкнув заголовок того, который вы хотите назначить.

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

Когда вы удовлетворены и вернетесь на свой сайт, должен появиться новый элемент.

11. Добавление раздела блога

Публикация сообщений в блоге в Joomla в основном работает так же, как создание страниц. Единственное отличие: вы назначаете свои сообщения в блоге категории. Для этого нам сначала понадобится один.

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

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

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

12. Установка расширений

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

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

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

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

Обратите внимание, что вам все равно может потребоваться активировать части расширения в разделе Расширения> Управление .

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

В этом примере мы установили популярный редактор содержимого JCE. Когда он присутствует и активен, а также после установки его в качестве редактора по умолчанию в разделе «Система »> «Глобальная конфигурация », процесс создания контента заметно меняется.

Учебное пособие по Joomla: последние мысли

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

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

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

Мы с нетерпением ждем того, что вы создадите!

Какой у вас опыт использования Joomla? Есть что добавить к руководству выше? Дайте нам знать в комментариях ниже!

Вставить Awesome Table в Joomla — Документация — Awesome Table Support

Вставить или встраивать приложение Awesome Table в Joomla так же просто, как скопировать и вставить.

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

предупреждение У вас должен быть доступ администратора / редактора к CMS, так как вы будете вставлять HTML-код и скрипты.

Использование Joomla выходит за рамки поддержки Awesome Table. Мы предлагаем обратиться непосредственно к их форуму или обратиться к их документации , чтобы узнать о проблемах, связанных с Joomla .

Скопируйте код для вставки

Откройте приложение Awesome Table в режиме редактирования.

Нажмите кнопку Встроить .

Выберите вкладку Сценарий :


Скопируйте сценарий под Шаг 1 .

Подготовьте страницу Joomla

Когда соответствующая статья (страница) Joomla находится в режиме редактирования, щелкните вкладку Код .

Вставьте