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

Скидка -20% на расширения и шаблоны от Joomla Monster

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

Скидка от разработчика

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

 

 

Поля (com_fields) – это бесплатный русскоязычный компонент Джумла, встроенный в саму систему управления контентом. Он позволяет добавлять специальные поля к материалам, пользователями и контактам, что даёт возможность структурировать отображаемую информацию и даже фильтровать материалы при помощи модуля фильтрации. В предыдущей статье «Обзор дополнительных полей Joomla. Типы и настройка» были рассмотрены группы полей, одинаковые настройки разных типов полей и особые настройки таких типов как: Sql, Url (url), Группы пользователя (usergrouplist), Календарь (calendar). Также в первой части статьи мы поговорили о возможностях по применению настраиваемых полей и о том, как можно расширить список доступных типов полей.

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

Видео обзор

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

  • Медиа (media) – с 00:01:01.
  • Переключатель (radio) – с 00:03:52.
  • Пользователь (user) – с 00:05:44.
  • Редактор (editor) – с 00:06:23.
  • Список (list) – с 00:08:53.
  • Список изображений – с 00:10:24.
  • Текст (text) – с 00:11:29.
  • Текстовое поле (Textarea) – с 00:12:32.
  • Флажки (Checkboxes) – с 00:13:46.
  • Цвет (color) – с 00:14:30.
  • Целое (integer) – с 00:15:05.

 

 

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

Типы полей

В предыдущей статье уже были рассмотрены такие типы полей:

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

Медиа (media)

Данный тип поля позволяет добавлять одно изображение.

Настройки плагина «Поля - Медиа» (рисунок ниже). Опции, указанные тут можно переопределить для каждого поля в отдельности.

Плагин «Поля - Медиа»
Плагин «Поля - Медиа»
  • Директория. Путь к папке с изображениями. По умолчанию – «images» (в корне сайта). Можно указать другую вложенную папку, предварительно её создав.
  • Предварительный просмотр. Можно выбрать один из трёх вариантов предварительного просмотра изображения при его добавлении в поле: Подсказка, Встроенный, Нет. На рисунке ниже показаны эти варианты предварительного просмотра в порядке их перечисления.
  • Класс изображения. CSS-класс, который будет добавлен к изображению. Это позволит изменить, например, его положение, выравнивание, отступы и другие стили.
Добавить поле в Joomla
Добавить поле в Joomla

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

Настраиваемые поля Joomla
Настраиваемые поля Joomla

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

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

Переключатель (radio)

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

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

Типы полей Joomla
Типы полей Joomla

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

Поле тип «Переключатель (radio)»
Поле тип «Переключатель (radio)»

Пользователь (user)

Данный тип поля позволяет указать имя пользователя (не логин) из списка всех зарегистрированных у Вас на сайте пользователей.

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

Настройки поля «Пользователь (user)»
Настройки поля «Пользователь (user)»

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

Поле тип «Пользователь (user)»
Поле тип «Пользователь (user)»

Редактор (editor)

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

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

  • Показать кнопки. Включает/отключает отображение дополнительных кнопок в редакторе. Такими кнопками могут быть кнопки вставки изображения, кнопка «Подробнее», кнопка вставки поля, вложения и другое.
  • Скрыть кнопки. В отличие от опции выше, которая позволяет скрыть или показать всё, данная настройка позволяет скрывать лишь отдельные дополнительные кнопки редактора.
  • Ширина. Ширина области редактора в процентах или пикселях.
  • Высота. Высота области редактора в пикселях.
  • Применить (Фильтр). Вы можете выбрать, какие HTML-теги доступны для использования в редакторе. Выбирая ту или иную опцию, Вы разрешаете/запрещаете использовать в редакторе определённые теги или RAW-данные (некая «служебная» информация).

Более подробно об опции Применить (Фильтр) не смог найти информацию. Это некий аналог Фильтры текста в Система – Общие настройки. Если при сохранении данного поля у Вас исчезает часть информации, форматирования, тогда эта опция может решить такую проблему. Для эксперимента взял фрагмент одной из моих статей и дополнил его разным форматированием. HTML-код такой:

<p><a title="Hostinger.ru" href="https://www.hostinger.ru/" target="_blank" rel="noopener noreferrer">Hostinger</a> – <strong>провайдер</strong>, <em>предоставляющий</em> <span style="text-decoration: underline;">услуги платного</span> и <span style="color: #993300;">бесплатного хостинга</span> с <span style="background-color: #ffff00;">PHP и MySQL</span>. <span style="font-size: 18pt;">В предыдущей статье</span> «<a title="Обзор Hostinger. Дешёвый хостинг сайтов" href="https://aleksius.com/joomla/rasshireniya/hostinger" target="_blank" rel="noopener noreferrer">Обзор Hostinger. Дешёвый хостинг сайтов</a>» мы рассмотрели платный тариф. В этой части сравним его с бесплатным и ознакомимся с результатами тестирования сайта на разных тарифных планах.</p>

В итоге применения разных опций, получилось так:

  • Нет. Не сохраняет форматирование.
  • Raw. Сохраняет форматирование.
  • Безопасный HTML. Сохраняет форматирование.
  • Текст. Сохраняет форматирование.
Плагин «Поля - Редактор»
Плагин «Поля - Редактор»

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

Настройки поля тип «Редактор (editor)»
Настройки поля тип «Редактор (editor)»

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

Поле тип «Редактор (editor)»
Поле тип «Редактор (editor)»

Список (list)

Данный тип поля позволяет отображать спадающий список с предварительно заданными значениями. Есть возможность выбрать один или несколько вариантов.

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

Плагин «Поля - Список»
Плагин «Поля - Список»

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

Настройки поля тип «Список (list)»
Настройки поля тип «Список (list)»

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

Поле тип «Список (list)»
Поле тип «Список (list)»

Список изображений

Данный тип поля позволяет добавлять одно или несколько изображений из указанной папки.

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

  • Директория. Путь к папке с изображениями. По умолчанию – «images» (в корне сайта). Можно указать другую вложенную папку, предварительно её создав. В дальнейшем при заполнении поля можно будет выбирать изображения только из этой папки.
  • Мультивыбор. Позволяет выбрать несколько изображений.
  • Класс изображения. CSS-класс, который будет добавлен к изображению. Это позволит изменить, например, его положение, выравнивание, отступы и другие стили.
Плагин «Поля - Список изображений»
Плагин «Поля - Список изображений»

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

Настройки поля тип «Список изображений»
Настройки поля тип «Список изображений»

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

Поле тип «Список изображений»
Поле тип «Список изображений»

Текст (text)

Данный тип поля позволяет добавлять текстовое поле.

Настройки плагина «Поля - Текст» (рисунок ниже). Опции, указанные тут, можно переопределить для каждого поля в отдельности.

  • Максимальная длина. Максимальное количество символов, которое можно указать в поле.
  • Фильтр. Вы можете выбрать, какие символы (включая буквы и цифры) доступны для использования в поле. Выбирая ту или иную опцию, Вы разрешаете/запрещаете использовать в поле определённые символы. Более подробно об опции Фильтр не смог найти информацию. Это некий аналог Фильтры текста в Система – Общие настройки.
Плагин «Поля - Текст»
Плагин «Поля - Текст»

Опытным путём удалось определить следующее:

  • Нет. Удаляет HTML-теги. Можно использовать любые символы, буквы, цифры.
  • Raw. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
  • Безопасный HTML. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
  • Текст. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
  • Буквенно-цифровой. Можно использовать только буквы английского алфавита и цифры. Нельзя использовать символы, включая пробел.
  • Целое число. Можно использовать только цифры. Без дополнительных знаков.
  • Выравнивание изображения. Не смог определить назначение данного типа фильтра. Позволяет вводить только числа.
  • Телефон. Не смог определить назначение данного типа фильтра. Позволяет вводить только цифры и точки (шаблон ввода тоже не смог определить).

Особые настройки поля тип «Текст (text)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.

Настройки поля тип «Текст (text)»
Настройки поля тип «Текст (text)»

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

Поле тип «Текст (text)»
Поле тип «Текст (text)»

Текстовое поле (Textarea)

Данный тип поля позволяет добавлять текстовую область.

Настройки плагина «Поля - Область текста» (рисунок ниже). Опции, указанные тут, можно переопределить для каждого поля в отдельности.

Плагин «Поля - Область текста»
Плагин «Поля - Область текста»
  • Строки. Количество строк в текстовой области при заполнении поля.
  • Колонки. Количество столбцов в текстовой области при заполнении поля.
  • Максимальная длина. Максимальное количество символов, которое можно указать в поле.
  • Применить. Это фильтр символов, вводимых в поле. Вы можете выбрать, какие HTML-теги и символы (включая буквы и цифры) доступны для использования в поле. Выбирая ту или иную опцию Вы разрешаете/запрещаете использовать в поле определённые символы или HTML-тегов. Более подробно об опции Применить не смог найти информацию. Это некий аналог Фильтры текста в Система – Общие настройки. Для эксперимента взял фрагмент одной из моих статей и дополнил его разным форматированием. HTML-код такой:
<p><a title="Hostinger.ru" href="https://www.hostinger.ru/" target="_blank" rel="noopener noreferrer">Hostinger</a> – <strong>провайдер</strong>, <em>предоставляющий</em> <span style="text-decoration: underline;">услуги платного</span> и <span style="color: #993300;">бесплатного хостинга</span> с <span style="background-color: #ffff00;">PHP и MySQL</span>. <span style="font-size: 18pt;">В предыдущей статье</span> «<a title="Обзор Hostinger. Дешёвый хостинг сайтов" href="https://aleksius.com/joomla/rasshireniya/hostinger" target="_blank" rel="noopener noreferrer">Обзор Hostinger. Дешёвый хостинг сайтов</a>» мы рассмотрели платный тариф. В этой части сравним его с бесплатным и ознакомимся с результатами тестирования сайта на разных тарифных планах.</p>

В итоге применения разных опций, получилось так:

  • Нет. Удаляет HTML-теги, форматирование не сохраняется. Можно использовать любые символы, буквы, цифры.
  • Raw. Сохраняет HTML-теги, и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
  • Безопасный HTML. Сохраняет HTML-теги и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
  • Текст. Сохраняет HTML-теги и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
  • Буквенно-цифровой. Можно использовать только буквы английского алфавита и цифры. Нельзя использовать символы, включая пробел. Удаляет HTML-теги, форматирование не сохраняется.
  • Целое число. Можно использовать только цифры. Без дополнительных знаков. Удаляет HTML-теги, форматирование не сохраняется.
  • Выравнивание изображения. Не смог определить назначение данного типа фильтра. Позволяет вводить только числа. Удаляет HTML-теги, форматирование не сохраняется.
  • Телефон. Не смог определить назначение данного типа фильтра. Позволяет вводить только цифры и точки (шаблон ввода тоже не смог определить). Удаляет HTML-теги, форматирование не сохраняется.

Особые настройки поля тип «Текстовое поле (Textarea)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.

Настройки поля тип «Текстовое поле (Textarea)»
Настройки поля тип «Текстовое поле (Textarea)»

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

Поле тип «Текстовое поле (Textarea)»
Поле тип «Текстовое поле (Textarea)»

Флажки (Checkboxes)

Данный тип поля позволяет отображать список флажков (чекбоксы).

Особые настройки поля тип «Флажки (Checkboxes)» (рисунок ниже). Чтобы создать список чекбоксов, достаточно для опции Значения Checkbox создать несколько строк, в каждой строке обязательно нужно указать только Значение. Содержимое Текст и Значение могут совпадать или отличаться. Если не указан текст, то в списке чекбоксов будет отображаться содержимое из Значение. То, что указано в Значение, будет сохраняться для параметра, если чекбокс будет выбран. Это в дальнейшем можно использовать для своих целей (потребуются знания программирования).

Настройки поля тип «Флажки (Checkboxes)»
Настройки поля тип «Флажки (Checkboxes)»

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

Поле тип «Флажки (Checkboxes)»
Поле тип «Флажки (Checkboxes)»

Цвет (color)

Данный тип поля позволяет код цвета в шестнадцатеричном формате. Например, «#d65353».

Особые настройки поля тип «Цвет (color)» (рисунок ниже). Для опции Значение по умолчанию можно указать цвет в шестнадцатеричном формате.

Настройки поля тип «Цвет (color)»
Настройки поля тип «Цвет (color)»

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

Поле тип «Цвет (color)»
Поле тип «Цвет (color)»

Целое (integer)

Данный тип поля позволяет создать список целочисленных значений. Можно выбрать один или несколько вариантов.

Настройки плагина «Поля - Целое число» (рисунок ниже). Опции, указанные тут можно переопределить для каждого поля в отдельности.

  • Мультивыбор. Позволяет выбрать несколько значений из списка в поле.
  • Первый. Первое число в списке.
  • Последний. Последнее число в списке.
  • Шаг. Шаг, на который будет увеличиваться каждое последующее число от первого до последнего числа. Например, если для опции Первый задано «10», для Последний – «100», а Шаг – «10», то в этом поле появится такой список чисел: «10, 20, 30, 40, 50, 60, 70, 80, 90, 100».
Плагин «Поля - Целое число»
Плагин «Поля - Целое число»

Особые настройки поля тип «Целое (integer)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.

Настройки поля тип «Целое (integer)»
Настройки поля тип «Целое (integer)»

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

Поле тип «Целое (integer)»
Поле тип «Целое (integer)»

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

 

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

Скидка -20% на расширения и шаблоны от Joomla Monster

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

Скидка от разработчика