---
title: Обзор Joomla custom fields. Добавление полей и их оформление
description: Добавление полей в Joomla к материалам, категориям материалов, пользователям, контактам и форме обратной связи. Изменение внешнего вида полей (custom fields)
canonical_url: https://aleksius.com/joomla/rasshireniya/custom-fields
language: ru-RU
date: 2023-11-05T17:29:22Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/custom-fields.
markdown-tokens: 2746
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/custom-fields. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор Joomla custom fields. Добавление полей и их оформление
- [Видео урок](https://aleksius.com/joomla/rasshireniya/custom-fields#video-urok "Видео урок").
- [Добавление полей](https://aleksius.com/joomla/rasshireniya/custom-fields#dobavlenie-polej "Добавление полей").
- [Поля материала](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-materiala "Поля материала").
- [Поля категорий материалов](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-kategorij-materialov "Поля категорий материалов").
- [Поля пользователя](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-polzovatelya "Поля пользователя").
- [Поля контактов](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-kontaktov "Поля контактов").
- [Поля категорий контактов](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-kategorij-kontaktov "Поля категорий контактов").
- [Поля формы обратной связи](https://aleksius.com/joomla/rasshireniya/custom-fields#polya-formy-obratnoj-svyazi "Поля формы обратной связи").
- [Оформление полей](https://aleksius.com/joomla/rasshireniya/custom-fields#oformlenie-polej "Оформление полей").
Поля (com\_fields) – это бесплатный компонент для добавления полей в Joomla.
## Видео обзор
- Поля материала – с 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](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Настраиваемые или дополнительные поля (на англ. custom fields) позволяют вносить и отображать информацию в структурированном виде. Можно добавить поля к штатным материалам, категориям материалов, пользователям, контактам и форме обратной связи. В предыдущих статьях «[Обзор дополнительных полей Joomla. Типы и настройка](https://aleksius.com/joomla/rasshireniya/polya "Обзор дополнительных полей Joomla. Типы и настройка")» и «[Обзор настраиваемых полей Joomla. Конфигурация разных типов](https://aleksius.com/joomla/rasshireniya/nastraivaemye-polya "Обзор настраиваемых полей Joomla. Конфигурация разных типов")» мы рассмотрели группы полей и настройки пятнадцати типов полей. А в данной статье посмотрим, как можно их добавлять в разные компоненты и менять их внешний вид (стиль, оформление).
В обзоре будет участвовать последняя, на момент написания статьи (17.06.2018), русскоязычная версия Joomla 3.8.8. Шаблон фронтальной части сайта – [JM Job Listings](https://aleksius.com/joomla/shablony/jm-job-listings "Обзор JM Job Listings. Шаблон каталога Joomla") 1.0.7.
## Добавление полей
Рассмотрим добавление полей для стандартных компонентов Joomla:
- com\_content – материалы.
- com\_categories – категории материалов.
- com\_users – пользователи.
- com\_contact – контакты и форма обратной связи.
Обратите внимание, что настройки [групп полней](https://aleksius.com/joomla/rasshireniya/polya#gruppy-polej "Обзор дополнительных полей Joomla. Типы и настройка") и [полей](https://aleksius.com/joomla/rasshireniya/polya#tipy-polej "Обзор дополнительных полей Joomla. Типы и настройка") аналогичны ранее рассмотренным.
### Поля материала
К ним можно получить доступ в *Материалы – Поля* и в фильтре выбрать *Материалы* (рисунок ниже).
 Поля в Joomla Вставка дополнительных полей в материал рассматривалась множество раз в [предыдущих статьях](https://aleksius.com/polya "Инструкция по дополнительным полям Joomla"). Это делается при помощи вкладки\\вкладок с полями (рисунок ниже). По умолчанию она называется «Поля». Но в моём примере – «Joomla», так как настраиваемые поля принадлежат к [группе полей](https://aleksius.com/joomla/rasshireniya/polya#gruppy-polej "Обзор дополнительных полей Joomla. Типы и настройка") с названием «Joomla».
 Joomla fields При такой вставке возможны [три варианта позиции отображения поля](https://aleksius.com/joomla/rasshireniya/polya#obshchie-parametry-polej "Обзор дополнительных полей Joomla. Типы и настройка"): *After* *Title, Before* *Display, After* *Display*. При необходимости поля можно вставить в любое место материала. Для этого нужно включить плагин контента «Материалы - Поля» и, по желанию, плагин расширений редактора «Кнопка - Поля». После этого в визуальном текстовом редакторе материала появится кнопка *Поле*. Нажав на неё перед Вами откроется список выбора полей для вставки (рисунок ниже).
 Joomla custom fields Можно вставить одно или несколько полей, или даже всю группу полей. Если Вы не активировали плагин «Кнопка - Поля», то чтобы вставить группу полей нужно указать **(в фигурных скобках - {})**:
```
fieldgroup 1
```
где «1» – ID группы полей. Можно узнать в *Материалы – Группы* *полей* столбец *ID*.
Чтобы вставить отдельное поле нужно указать **(в фигурных скобках - {})**:
```
field 1
```
где «1» – ID поля. Можно узнать в *Материалы – Поля* столбец *ID*.
Если Вам не нужно отображать поля в позициях *After* *Title, Before* *Display, After* *Display*, когда Вы вставили их в материал при помощи плагина, то в настройках каждого поля на вкладке *Параметры* для опции *Автоматическое отображение* выберите *Не показывать автоматически*.
### Поля категорий материалов
Добавление полей в 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) был Вам полезен. Если есть вопросы – задавайте в комментариях.
| Похожие материалы |
|---|
| - [ Обзор дополнительных полей Joomla. Типы и настройка ](https://aleksius.com/joomla/rasshireniya/polya) - [ Обзор настраиваемых полей Joomla. Конфигурация разных типов ](https://aleksius.com/joomla/rasshireniya/nastraivaemye-polya) - [ Дополнительные поля Joomla 4 для материалов ](https://aleksius.com/joomla/polya-joomla-4) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные** **ссылки:**
- [Официальная документация (на английском языке)](https://docs.joomla.org/J3.x:Adding_custom_fields "Adding custom fields").