Поля (com_fields) – это бесплатный русскоязычный компонент Джумла, встроенный в саму систему управления контентом.
Видео обзор
- Медиа (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 и Mail.ru.
Компонент позволяет добавлять специальные поля к материалам, пользователями и контактам, что даёт возможность структурировать отображаемую информацию и даже фильтровать материалы при помощи модуля фильтрации. В предыдущей статье «Обзор дополнительных полей Joomla. Типы и настройка» были рассмотрены группы полей, одинаковые настройки разных типов полей и особые настройки таких типов как: Sql, Url (url), Группы пользователя (usergrouplist), Календарь (calendar). Также в первой части статьи мы поговорили о возможностях по применению настраиваемых полей и о том, как можно расширить список доступных типов полей.
В обзоре будет участвовать последняя, на момент написания статьи (11.06.2018), русскоязычная версия Joomla 3.8.8 на примере стандартного менеджера материалов (com_content). Шаблон фронтальной части сайта – JM Job Listings 1.0.6.
Типы полей
В предыдущей статье уже были рассмотрены такие типы полей:
Там же есть описание одинаковых настроек для разных типов полей. Рассмотрим оставшиеся типы полей и их уникальные настройки.
Медиа (media)
Данный тип поля позволяет добавлять одно изображение.
Настройки плагина «Поля - Медиа» (рисунок ниже). Опции, указанные тут можно переопределить для каждого поля в отдельности.
- Директория. Путь к папке с изображениями. По умолчанию – «images» (в корне сайта). Можно указать другую вложенную папку, предварительно её создав.
- Предварительный просмотр. Можно выбрать один из трёх вариантов предварительного просмотра изображения при его добавлении в поле: Подсказка, Встроенный, Нет. На рисунке ниже показаны эти варианты предварительного просмотра в порядке их перечисления.
- Класс изображения. CSS-класс, который будет добавлен к изображению. Это позволит изменить, например, его положение, выравнивание, отступы и другие стили.
Особые настройки поля тип «Медиа (media)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля. Плюс, в опции Предварительный просмотр есть вариант Использовать из плагина, что даёт возможность применения значения данной опции, заданного в плагине.
На рисунке ниже показан пример данного типа настраиваемого поля Joomla во фронтальной части сайта.
Переключатель (radio)
Данный тип поля позволяет добавлять список значений с возможностью выбора только одного варианта.
Особые настройки поля тип «Переключатель (radio)» (рисунок ниже). Чтобы создать переключатели («радио-кнопки») достаточно для опции Значения переключателя создать несколько строк, в каждой строке обязательно нужно указать только Значение. Содержимое Текст и Значение могут совпадать или отличаться. Если не указан текст, то на переключателях будет отображаться содержимое из Значение. То, что указано в Значение, будет сохраняться для параметра, если переключатель будет выбран. Это в дальнейшем можно использовать для своих целей (потребуются знания программирования).
На рисунке ниже в верхней части показан пример данного типа настраиваемого поля Joomla в материале при его редактировании, а в нижней – во фронтальной части сайта.
Пользователь (user)
Данный тип поля позволяет указать имя пользователя (не логин) из списка всех зарегистрированных у Вас на сайте пользователей.
Особые настройки поля тип «Пользователь (user)» (рисунок ниже). Можно указать пользователя, который будет выбран по умолчанию, выбрав его в Пользователь по умолчанию.
На рисунке ниже в верхней части показан пример данного типа настраиваемого поля Joomla в материале при его редактировании, а в нижней – во фронтальной части сайта.
Редактор (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/khosting-i-servisy/hostinger" target="_blank" rel="noopener noreferrer">Обзор Hostinger. Дешёвый хостинг сайтов</a>» мы рассмотрели платный тариф. В этой части сравним его с бесплатным и ознакомимся с результатами тестирования сайта на разных тарифных планах.</p>В итоге применения разных опций, получилось так:
- Нет. Не сохраняет форматирование.
- Raw. Сохраняет форматирование.
- Безопасный HTML. Сохраняет форматирование.
- Текст. Сохраняет форматирование.
Особые настройки поля тип «Редактор (editor)» (рисунок ниже). Все опции аналогичны вышеописанным, но действуют только на это поле. При выборе значения Использовать из плагина, будут действовать настройки, указанные в плагине.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Список (list)
Данный тип поля позволяет отображать спадающий список с предварительно заданными значениями. Есть возможность выбрать один или несколько вариантов.
Настройки плагина «Поля - Список» (рисунок ниже). Можно активировать опцию Мультивыбор, что позволит выбирать несколько вариантов из спадающего списка при его заполнении. Это можно переопределить для каждого поля в отдельности.
Особые настройки поля тип «Список (list)» (рисунок ниже). Чтобы создать выпадающий список (спадающий список), достаточно для опции Значения списка создать несколько строк в каждой строке обязательно нужно указать только Значение. Содержимое Текст и Значение могут совпадать или отличаться. Если не указан текст, то в списке будет отображаться содержимое из Значение. То, что указано в Значение, будет сохраняться для параметра, если элемент списка будет выбран. Это в дальнейшем можно использовать для своих целей (потребуются знания программирования).
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта. Опция Мультивыбор включена.
Список изображений
Данный тип поля позволяет добавлять одно или несколько изображений из указанной папки.
Настройки плагина «Поля - Список изображений» (рисунок ниже). Опции, указанные тут, можно переопределить для каждого поля в отдельности.
- Директория. Путь к папке с изображениями. По умолчанию – «images» (в корне сайта). Можно указать другую вложенную папку, предварительно её создав. В дальнейшем при заполнении поля можно будет выбирать изображения только из этой папки.
- Мультивыбор. Позволяет выбрать несколько изображений.
- Класс изображения. CSS-класс, который будет добавлен к изображению. Это позволит изменить, например, его положение, выравнивание, отступы и другие стили.
Особые настройки поля тип «Список изображений» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля. Плюс, в опции Предварительный просмотр есть вариант Использовать из плагина, что даёт возможность применения значения данной опции, заданного в плагине.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Текст (text)
Данный тип поля позволяет добавлять текстовое поле.
Настройки плагина «Поля - Текст» (рисунок ниже). Опции, указанные тут, можно переопределить для каждого поля в отдельности.
- Максимальная длина. Максимальное количество символов, которое можно указать в поле.
- Фильтр. Вы можете выбрать, какие символы (включая буквы и цифры) доступны для использования в поле. Выбирая ту или иную опцию, Вы разрешаете/запрещаете использовать в поле определённые символы. Более подробно об опции Фильтр не смог найти информацию. Это некий аналог Фильтры текста в Система – Общие настройки.
Опытным путём удалось определить следующее:
- Нет. Удаляет HTML-теги. Можно использовать любые символы, буквы, цифры.
- Raw. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
- Безопасный HTML. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
- Текст. Сохраняет HTML-теги, но не применяет их. Они отображаются как обычный текст. Можно использовать любые символы, буквы, цифры.
- Буквенно-цифровой. Можно использовать только буквы английского алфавита и цифры. Нельзя использовать символы, включая пробел.
- Целое число. Можно использовать только цифры. Без дополнительных знаков.
- Выравнивание изображения. Не смог определить назначение данного типа фильтра. Позволяет вводить только числа.
- Телефон. Не смог определить назначение данного типа фильтра. Позволяет вводить только цифры и точки (шаблон ввода тоже не смог определить).
Особые настройки поля тип «Текст (text)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Текстовое поле (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/khosting-i-servisy/hostinger" target="_blank" rel="noopener noreferrer">Обзор Hostinger. Дешёвый хостинг сайтов</a>» мы рассмотрели платный тариф. В этой части сравним его с бесплатным и ознакомимся с результатами тестирования сайта на разных тарифных планах.</p>В итоге применения разных опций, получилось так:
- Нет. Удаляет HTML-теги, форматирование не сохраняется. Можно использовать любые символы, буквы, цифры.
- Raw. Сохраняет HTML-теги, и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
- Безопасный HTML. Сохраняет HTML-теги и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
- Текст. Сохраняет HTML-теги и применяет их. Форматирование сохраняется. Можно использовать любые символы, буквы, цифры.
- Буквенно-цифровой. Можно использовать только буквы английского алфавита и цифры. Нельзя использовать символы, включая пробел. Удаляет HTML-теги, форматирование не сохраняется.
- Целое число. Можно использовать только цифры. Без дополнительных знаков. Удаляет HTML-теги, форматирование не сохраняется.
- Выравнивание изображения. Не смог определить назначение данного типа фильтра. Позволяет вводить только числа. Удаляет HTML-теги, форматирование не сохраняется.
- Телефон. Не смог определить назначение данного типа фильтра. Позволяет вводить только цифры и точки (шаблон ввода тоже не смог определить). Удаляет HTML-теги, форматирование не сохраняется.
Особые настройки поля тип «Текстовое поле (Textarea)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Флажки (Checkboxes)
Данный тип поля позволяет отображать список флажков (чекбоксы).
Особые настройки поля тип «Флажки (Checkboxes)» (рисунок ниже). Чтобы создать список чекбоксов, достаточно для опции Значения Checkbox создать несколько строк, в каждой строке обязательно нужно указать только Значение. Содержимое Текст и Значение могут совпадать или отличаться. Если не указан текст, то в списке чекбоксов будет отображаться содержимое из Значение. То, что указано в Значение, будет сохраняться для параметра, если чекбокс будет выбран. Это в дальнейшем можно использовать для своих целей (потребуются знания программирования).
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Цвет (color)
Данный тип поля позволяет код цвета в шестнадцатеричном формате. Например, «#d65353».
Особые настройки поля тип «Цвет (color)» (рисунок ниже). Для опции Значение по умолчанию можно указать цвет в шестнадцатеричном формате.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
Целое (integer)
Данный тип поля позволяет создать список целочисленных значений. Можно выбрать один или несколько вариантов.
Настройки плагина «Поля - Целое число» (рисунок ниже). Опции, указанные тут можно переопределить для каждого поля в отдельности.
- Мультивыбор. Позволяет выбрать несколько значений из списка в поле.
- Первый. Первое число в списке.
- Последний. Последнее число в списке.
- Шаг. Шаг, на который будет увеличиваться каждое последующее число от первого до последнего числа. Например, если для опции Первый задано «10», для Последний – «100», а Шаг – «10», то в этом поле появится такой список чисел: «10, 20, 30, 40, 50, 60, 70, 80, 90, 100».
Особые настройки поля тип «Целое (integer)» (рисунок ниже). Содержит те же опции, что и его плагин, но позволяет их переопределить для конкретного поля.
На рисунке ниже в верхней части показан пример данных типов полей в материале Joomla при его редактировании, а в нижней – во фронтальной части сайта.
В следующей статье «Обзор Joomla custom fields. Добавление полей и их оформление» мы рассмотрим прикрепление созданных полей к материалам, категориям материалов, пользователям, контактам и форме обратной связи. А также поговорим об изменении стилей (внешнего вида) настраиваемых полей.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
