Обзоры расширений Joomla

  • Тип – бесплатный компонент Joomla custom fields.

 

 

Поля (com_fields) – это бесплатный компонент для добавления полей в Joomla. Настраиваемые или дополнительные поля (на англ. custom fields) позволяют вносить и отображать информацию в структурированном виде. Можно добавить поля к штатным материалам, категориям материалов, пользователям, контактам и форме обратной связи. В предыдущих статьях «Обзор дополнительных полей Joomla. Типы и настройка» и «Обзор настраиваемых полей Joomla. Конфигурация разных типов» мы рассмотрели группы полей и настройки пятнадцати типов полей. А в данной статье посмотрим, как можно их добавлять в разные компоненты и менять их внешний вид (стиль, оформление).

В обзоре будет участвовать последняя, на момент написания статьи (17.06.2018), русскоязычная версия Joomla 3.8.8. Шаблон фронтальной части сайта – JM Job Listings 1.0.7

Видео обзор

В данном видео показаны некоторые моменты, описанные в статье.

  • Поля материала – с 00:01:21.
  • Поля категорий материалов – с 00:03:55.
  • Поля пользователя – с 00:06:25.
  • Поля контактов – с 00:09:18.
  • Поля категорий контактов – с 00:10:44.
  • Поля формы обратной связи – с 00:12:23.
  • Оформление полей – с 00:13:20.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Добавление полей

Рассмотрим добавление полей для стандартных компонентов Joomla:

  • com_content – материалы.
  • com_categories – категории материалов.
  • com_users – пользователи.
  • com_contact – контакты и форма обратной связи.

Обратите внимание, что настройки групп полней и полей аналогичны ранее рассмотренным.

Поля материала

К ним можно получить доступ в Материалы – Поля и в фильтре выбрать Материалы (рисунок ниже).

Поля в Joomla
Поля в Joomla

Вставка дополнительных полей в материал рассматривалась множество раз в предыдущих статьях. Это делается при помощи вкладки\вкладок с полями (рисунок ниже). По умолчанию она называется «Поля». Но в моём примере – «Joomla», так как настраиваемые поля принадлежат к группе полей с названием «Joomla».

Joomla fields
Joomla fields

При такой вставке возможны три варианта позиции отображения поля: After Title, Before Display, After Display. При необходимости поля можно вставить в любое место материала. Для этого нужно включить плагин контента «Материалы - Поля» и, по желанию, плагин расширений редактора «Кнопка - Поля». После этого в визуальном текстовом редакторе материала появится кнопка Поле. Нажав на неё перед Вами откроется список выбора полей для вставки (рисунок ниже).

Joomla custom fields
Joomla custom fields

Можно вставить одно или несколько полей, или даже всю группу полей. Если Вы не активировали плагин «Кнопка - Поля», то чтобы вставить группу полей нужно указать (в фигурных скобках - {}):

fieldgroup 1

 где «1» – ID группы полей. Можно узнать в Материалы – Группы полей столбец ID.

Чтобы вставить отдельное поле нужно указать (в фигурных скобках - {}):

field 1

где «1» – ID поля. Можно узнать в Материалы – Поля столбец ID.

Если Вам не нужно отображать поля в позициях After Title, Before Display, After Display, когда Вы вставили их в материал при помощи плагина, то в настройках каждого поля на вкладке Параметры для опции Автоматическое отображение выберите Не показывать автоматически.

Поля категорий материалов

Добавление полей в Joomla может происходить не только к материалам, но и категориям материалов. Чтобы добавить поле для категории материалов перейдите в Материалы – Поля и в спадающем списке слева вверху над перечнем полей выберите Категория (рисунок ниже).

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

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

Дополнительные поля в категории материалов Joomla
Дополнительные поля в категории материалов Joomla

На рисунке выше показан пример добавления поля категории, которое расположено на вкладке «Расширения Джумла». Название вкладки совпадает с группой полей категорий.

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

Поля категорий материалов
Поля категорий материалов

Поля пользователя

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

К сожалению, на 23.08.2018 мне не удалось найти простого решения, как можно переопределить/сократить количество полей стандартной формы регистрации при помощи Joomla custom fields.

Для создания дополнительных полей пользователей перейдите в Пользователи – Поля. Чтобы пользователи могли заполнять созданные Вами поля при регистрации, на вкладке Права для опции Изменить значение выберите Разрешено (рисунок ниже).

Создание поля
Создание поля

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

Поля при регистрации пользователя
Поля при регистрации пользователя

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

Поля в профиле пользователя
Поля в профиле пользователя

Поля контактов

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

Поля контактов
Поля контактов

Заполнение полей доступно в Компоненты – Контакты – Контакты – «Нужный Вам контакт» (рисунок ниже). В моём примере «Месенджеры» – это заголовок группы полей, а «Viber» – заголовок поля.

Заполнение поля
Заполнение поля

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

Дополнительное поле контакта
Дополнительное поле контакта

Поля категорий контактов

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

Дополнительные поля категории контактов
Дополнительные поля категории контактов

Заполнение полей доступно в Компоненты – Контакты – Категории контактов – «Нужная Вам категория контактов» (рисунок ниже). В моём примере «Менеджеры» – это заголовок группы полей, а «Отдел продаж» – заголовок поля.

Дополнительное поле категории контактов
Дополнительное поле категории контактов

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

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

Поля формы обратной связи

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

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

В настройках создаваемых полей на вкладке Права для опции Изменить значение следует выбрать Разрешено. Иначе пользователь не сможет заполнить их из фронтальной части сайта. Привязка полей к формам происходит путём присвоения категории контактов к тому или иному полю в его настройках на вкладке Основные (опция Категория).

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

Форма обратной связи с дополнительным полем
Форма обратной связи с дополнительным полем

Оформление полей

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

Поля Джумла
Поля Джумла

Давайте выделим заголовки полей жирным. Для этого:

  1. Перейдите в настройки поля и на вкладке Параметры в поле CSS-класс для показа укажите произвольный класс. Например, «zagolovok-polya» (без кавычек). Сделайте это для каждого поля.
  2. В таблице стилей своего шаблона поместите следующий код:
.zagolovok-polya > .field-label {
font-weight: bold;
}

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

Стили лучше вносить в тот файл, который рекомендуется использовать для добавления настраиваемых стилей разработчиками шаблона Вашего сайта. Для шаблонов от Joomla-Monster.com – это файл «custom.less» в «templates/ВАШ ШАБЛОН/less». Для шаблонов от RSJoomla – это файл «custom.css» в «templates/ВАШ ШАБЛОН/css/».

В результате получается так, как показано на рисунке ниже.

Результат
Результат

Надеюсь, что цикл статей о настраиваемых полях Joomla (polya) был Вам полезен. Если есть вопросы – задавайте в комментариях.

 

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