Содержание
Произвольные поля в WordPress
Урок 17
Сейчас в WordPress вы можете спокойно задавать дополнительные параметры к различным сущностям сайта:
Эти дополнительные параметры и называются мета-поля, дополнительные поля, кастомные поля (custom fields), сейчас они чаще называются именно мета-поля.
«Произвольные поля» – это название метабокса для постов, где можно было как раз эти мета-поля устанавливать.
Что в видеоуроке?
В этом видеоуроке мы при помощи произвольных полей создадим счётчик просмотров для постов.
Мы рассмотрим такие моменты:
- Как сделать так, чтобы слово «просмотров» склонялось в зависимости от цифры – «1 просмотр», «2 просмотра», «5 просмотров».
- Как сделать так, чтобы счётчик просмотров прекрасно работал с установленными кэширующими плагинами на сайте, например WP-Super-Cache.
- Добавим в админку метабокс, в котором вы вручную сможете изменять значение количества просмотров для каждого поста индивидуально. Двумя способами – ручками и при помощи плагина Carbon Fields.
Чтобы скачать тему WordPress, которая получилась у нас в процессе этого урока, необходимо приобрести курс.
Как создать значения произвольных полей?
Итак, задавать значения произвольных полей в WordPress можно тремя способами:
- Стандартный способ через админку, метабокс «Произвольные поля».
- При помощи функций.
- При помощи метабоксов, которые мы либо написали сами, либо создали при помощи плагина, например Carbon Fields.
Используя метабокс «Произвольные поля»
Этот способ будет работать только для Записей, Страниц и других произвольных типов записей, у которых при регистрации в параметре supports
указано значение custom-fields
, например 'supports' => array( 'custom-fields' )
.
С приходом редактора Gutenberg этот метабокс с настройками полей считается устаревшим и мы обычно используем сайдбары Gutenberg для этих целей.
При помощи функций
Практически всегда мне было достаточно одной-единственной функции для этой цели – update_{сущность}_meta()
, то есть для каждой сущности функция выглядит немного по-другому, но работает примерно одинаково.
Например мы хотим установить значение количества просмотров поста на 10000, тогда мы можем использовать этот код:
update_post_meta( 1, 'views', 10000 );
При помощи метабоксов
Метабоксы кстати могут быть сами разными, например на недавнем проекте у нас был такой метабокс:
Метабокс с повторяющимися полями (репитер).
Если вы хотите кодить эти метабоксы сами, то рекомендую это руководство, если при помощи плагина, то мне очень нравится Carbon Fields. В любом случае, в видеоуроке мы рассмотрели оба варианта.
Вывод произвольных полей на сайте
В основном вывод осуществляется при помощи одних и тех же функций, если только вы не используете для этого какой-то плагин для создания метабоксов, например Carbon Fields.
Вот эти функции:
Принцип действия всех этих функций примерно одинаков, для того, чтобы его понять, вам нужно понять, что любое мета-поле состоит из трёх частей:
- ID сущности.
- Ключ
meta_key
. - Значение
meta_value
.
Скриншот из базы данных WordPress:
И тогда в коде это будет выглядеть примерно так:
$value = get_post_meta( $post_id, $meta_key, true );
Или для нашего примера:
$value = get_post_meta( 1, 'views', true );
Купить курс
- 18 видеоуроков
- Можно скачать готовый код после каждого урока
- Уроки актуальны под последние версии WordPress
- Можно начать проходить курс сразу же после оплаты
- Достаточно базовых знаний HTML и CSS, чтобы пройти курс
- Доступ навсегда
- Единоразовый платёж
5000 р3500 р
Скидка 30% до 26 августа
Произвольные поля профиля WP-Recall — CODESELLER
В этом видео вы увидите обзор страницы «Поля профиля» плагина, расположенной в админке вашего сайта по пути: «WP-Recall» -> «Поля профиля»
Произвольные поля профиля WP-Recall — дополнительные поля профиля пользователя, которые он сможет заполнять своими данными. Данные поля создаются и предлагаются к заполнению администратором сайта в разделе «Поля профиля» плагина WP-Recall.
В этом видео мы рассмотрим страницу создания и настроек полей. Рассмотрим каждую опцию. Создадим свое новое поле «Пол» и предложим пользователю выбрать из выпадающего списка одно значение: «Мужской», «Женский».
Создадим поле «Соглашение» (правила сайта, обработка персональной информации) — теперь в форме регистрации будет ссылка и на правила сайта и чекбокс, который обязательно надо будет выбрать.
В видео я покажу где выводятся поля профиля по умолчанию, но мы рассмотрим также альтернативные варианты вывода полей профиля.
Если вас не устраивают существующие дополнения что выводят поля профиля — выводите сами без программирования: шаблоны и переменные внутри произвольной вкладки и посмотрите прошлый видео урок Менеджер вкладок личного кабинета — там мы выводили поля профиля (с момента: Создадим вкладку с полями профиля)
Будет рассмотрено несколько полезных дополнений, которые связаны с полями профиля: день рождения, страна и город, продвинутый фильтр по полям профиля.
WP-Recall: Обзор страницы «Поля профиля»:
Ниже даны ссылки на нужный временной отрезок к этому видео. Можете самостоятельно перемотать видео выше, или, нажав на ссылку, перейдете на ютуб к этому временному отрезку.
Основные моменты:
1. Обзор страницы 0:18
2. Обзор настроек поля «Имя» 2:17
3. Создадим новое поле «Пол» 4:01
4. Создадим поле «Соглашение» (правила сайта, обработка персональной информации) 5:46
5. Зарегистрируем пользователя, используя новые поля в форме регистрации 6:46
6. Поля в ЛК — «Информация о пользователе» 7:47
7. Сторонние дополнения выводящие поля профиля 9:36
8. Сountry & city in profile 9:42
9. Birthday in Profile 10:02
10. Users Filter 10:16
11. Как вывести информацию о пользователе, не в блоке «Подробная информация», а где-то в другом месте? 10:31
11.1 Шаблоны и переменные внутри произвольной вкладки 10:45
11.2 Поставить другой шаблон ЛК 11:20
11.3 Display Profile Field 12:03
11.4 User Info Tab 12:19
Полезные ссылки:
«Поля профиля — быстрый старт» — книга: «WP-Recall для новичка» 1-я глава
Товарная метка: Пользователи
Товарная метка: Профиль
Товарная метка: Расширенный профиль
Документация WP-Recall
WordPress. Произвольные поля. Часть 2 из 2. Категория: Web-разработка • CMS WoprdPress
Если название мета-поля начинается с нижнего подчеркивания, например _edit_time
, то такое поле считается защищенным — используется для внутренних целей WordPress. Такие защищенные поля не выводятся в блоке мета-полей при редактировании записи. Проверить, является ли поле защищенным, можно с помощью функции is_protected_meta()
.
is_protected_meta( $meta_key, // ключ метаполя, которое нужно проверить $meta_type // тип метаполя: post, user, comment, term );
function is_protected_meta($meta_key, $meta_type = null) { $protected = ('_' == $meta_key[0]); return apply_filters('is_protected_meta', $protected, $meta_key, $meta_type); }
С помощью фильтра is_protected_meta
можно показать защищенные поля в блоке мета-полей при редактировании записи:
add_filter( 'is_protected_meta', function($protected, $meta_key, $meta_type) { // показываем скрытые поля для постов и страниц if ($meta_type == 'post') { return false; } }, 20, 3 );
Как изменять значения мета-полей
Функция update_post_meta()
Либо обновляет значение указанного мета-поля для указанного поста, либо добавляет новое, если поля не существует.
update_post_meta( $post_id, // идентификатор записи, мета-поле которого нужно изменить $meta_key, // ключ мета-поля, значение которого нужно изменить $meta_value, // устанавливаемое значение мета-поля $prev_value = '' // предыдущее значение мета-поля );
Если пост содержит несколько значений для одного и того же ключа и при этом если указан параметр $prev_value
, будет обновлено первое найденное значение.
Функция add_post_meta()
Добавляет мета-поле с указанным ключом для указанного поста.
add_post_meta( $post_id, // идентификатор записи, мета-поле к которому нужно добавить $meta_key, // ключ мета-поля, которое нужно добавить $meta_value, // устанавливаемое значение мета-поля $unique = false // это уникальное мета-поле? );
Если установить параметр $unique
в true
, то при добавлении поля, сначала будет проверяться существует ли уже поле с таким же ключом, если существует, то поле не будет добавлено.
Функция delete_post_meta()
Удаляет указанное мета-поле для указанного поста.
delete_post_meta( $post_id, // идентификатор записи $meta_key, // ключ мета-поля $meta_value // значение мета-поля );
Если оставить параметр $meta_value
пустым, то все значения мета-поля с указанным ключом будут удалены. Если нужно удалить только одно значение — в третьем параметре необходимо указать удаляемое значение.
Мета-данные для других сущностей
Мета-поля для записей хранятся в таблице БД wp_postmeta
. Аналогичные таблицы существуют для пользователей, комментариев и терминов. Все метаданные имеют одинаковую логику и таблицы одинаковой структуры в базе данных.
WordPress активно использует таблицы метаданных для записей и для пользователей. Менее активно используется таблица метаданных для комментариев — туда при помещении комментария в корзину записывается время удаления. И совсем не используется таблица метаданных для терминов.
Функции мета-данных
Почти все функции метаданных работают на основе четырех базовых функций. На основе этих четырех функций по сути построено API работы со всеми метаданными в WordPress.
add_metadata($meta_type, $object_id, $key, $value, $unique)
update_metadata($meta_type, $object_id, $key, $value, $prev_value)
delete_metadata($meta_type, $object_id, $key, $value, $delete_all)
get_metadata($meta_type, $object_id, $key, $single)
Для записей
get_post_meta($post_id, $key, $single)
add_post_meta($post_id, $key, $value, $unique)
update_post_meta($post_id, $key, $value, $prev_value)
delete_post_meta($post_id, $key, $value)
get_post_custom($post_id)
the_meta()
Для пользователей
get_user_meta($user_id, $key, $single)
add_user_meta($user_id, $key, $value, $unique)
update_user_meta($user_id, $key, $value, $prev_value)
delete_user_meta($user_id, $key, $value)
get_the_author_meta($field)
Для комментариев
get_comment_meta($comment_id, $key, $single)
add_comment_meta($comment_id, $key, $value, $unique)
update_comment_meta($comment_id, $key, $value, $prev_value)
delete_comment_meta($comment_id, $key, $value)
Для таксономий (терминов)
get_term_meta($term_id, $key, $single)
add_term_meta($term_id, $key, $value, $unique)
update_term_meta($term_id, $key, $value, $prev_value)
delete_term_meta($term_id, $key, $value)
has_term_meta($term_id)
Поиск:
CMS • Web-разработка • WordPress • Произвольные поля • Мета данные • update_post_meta • add_post_meta • delete_post_meta
Как пользоваться Advanced Custom Fields
Advanced Custom Fields переводится как Продвинутые Кастомные (Произвольные) Поля.
То есть, кроме стандартных полей Заголовок, Редактор, Миниатюра и так далее, в редакторе Постов, Страниц и других типов записей, вы можете добавить свои собственные кастомные поля.
В этой статье вы узнаете, как настроить и как пользоваться плагином ACF.
Содержание:
Стандартные поля редактора WordPress
Что такое кастомные поля. Что с их помощью можно делать.
Когда использовать Кастомные Поля
Встроенные в Вордпресс Произвольные Поля
Плагин Advanced Custom Fields
Как выводить поля Advanced Custom Fields
Сообщество Advanced Custom Fields
ACF Free vs. Pro
Альтернативы Advanced Custom Fields
Заключение
Если вы уже знаете, что такое Кастомные поля, и для чего они используются, переходите к настройке.
Стандартные поля редактора WordPress
Стандартные поля редактора WordPress
Что такое кастомные поля. Что с их помощью можно делать.
Кастомные (Произвольные) поля позволяют добавлять, хранить и выводить дополнительную информацию о вашем контенте.
Например, WooCommerce использует свои собственные кастомные поля для хранения дополнительной информации о Товарах:
- Цена
- Вес
- Цвет
- Размер
Если вы пользуетесь плагином событий, эти плагины используют кастомные поля для вывода информации:
- Место события
- Дата / Время начала
- Цена
Для сайта с недвижимостью вы можете выводить поля с типом недвижимости, аренда или продажа, количеством комнат, метраж, и так далее.
Для сайта о фильмах вы можете выводить информацию о режиссёре, студии, продолжительности, жанре фильма, и так далее.
Еще одна область применения плагина Advanced Custom Fields — на сайтах клиентов.
Например, вы сделали сайт, где на главной странице находится слайдер с несколькими строками текста.
Через некоторое время клиент хочет изменить текст в слайдере на какой-то другой. Чтобы он мог это сделать без вашей помощи, вы можете использовать кастомные поля.
Пример Банера / Слайдера на Главной
Добавьте кастомные текстовые поля в админку Главной страницы, а вывод полей — на слайдере. Тогда клиент может изменить текст на слайдере в бэк-энде сайта без использования пейдж-билдера. И нажать на кнопку Обновить.
Или, например, изменить цвет шрифта или фон секции.
В бесплатной версии ACF вы можете использовать такие типы кастомных полей:
Основное
- Текст
- Область текста
- Число
- Диапазон
- Ссылка
- Пароль
Содержание
- Изображение
- Файл
- Редактор WordPress
- Медиа
Выбор
- Выбор (select)
- Флажок (checkbox)
- Переключатель (radio)
- Группа кнопок
- Да / Нет
Отношение
- Ссылка
- Объект записи
- Ссылка на страницу
- Записи
- Таксономия
- Пользователь
jQuery
- Расположение на карте
- Дата
- Дата и время
- Время
- Цвет
Блок
- Сообщение
- Аккордеон
- Вкладка
- Группа
Когда использовать Кастомные Поля
Если вы хотите опубликовать на сайте, например, какое-то Мероприятие, вы можете это сделать это в виде простого текста в Статье или на Странице.
Можно и так, но лучше использовать кастомные поля по нескольким причинам:
- Вы выносите ключевую информацию в отдельное место
- Вы можете использовать одну и ту же информацию неограниченное количество раз
- Если вы захотите изменить стили вывода информации, вы можете это сделать в одном месте вместо изменений на каждой странице
- Если вы захотите использовать одну и ту же информацию на разных страницах, но с разными стилями.
Если у вас на сайте десятки или сотни страниц с одинаковым выводом информации, лучше использовать Кастомные поля.
Сайт недвижимости — Кастомные поля
Встроенные Произвольные Поля
В Вордпрессе есть встроенный функционал произвольных полей:
Инструменты — Настройки — Произвольные поля
Перейдите в Инструменты — Настройки — Произвольные поля.
Встроенные кастомные поля Вордпресс
Встроенные произвольные поля предполагают только текст, и их не так просто выводить во фронт-энде. Для вывода полей надо добавить код в шаблоны темы.
Обычно этим функционалом пользуются плагины, например SEO плагины.
Плагин Advanced Custom Fields
С плагином Advanced Custom Fields работать с полями гораздо проще. У плагина более понятный интерфейс с бóльшим числом функций и гораздо более простой процесс вывода полей.
Плагин ACF установлен на более чем 1 млн. сайтов и имеет рейтинг 98% на основе 1.100+ отзывов.
После установки плагин добавляет раздел меню Группы полей (Custom Fields) в админке Вордпресс.
Вы можете добавлять кастомные поля во все виды записей, включая собственные типы записей, таксономии, пользователям, в медифайлы, в комментарии и меню.
Вы можете выводить поля ACF с помощью кода в файлах темы (подробная документация по каждому типу полей и выводу с помощью кода), с помощью шорткодов и Elementor Pro.
Advanced Custom Fields — Настройка плагина
Подробная инструкция по настройке плагина Advanced Custom Fields.
Пример: Допустим, у вас он-лайн школа, и время от времени вы проводите вебинары / курсы на 3 определенные темы.
Вы хотите выводить на Главной странице информацию об этих вебинарах. В этом примере вы добавите кастомные поля для вывода такой информации:
- Название вебинара
- Картинка вебинара
- Описание вебинара
- Дата начала вебинара
- Кнопка со ссылкой на страницу вебинара
Вместо отображения полей только на одной странице вы можете задать другие условия отображения полей, например, выводить поля на всех страницах Блога.
ACF — Добавьте Группу полей
В админке Вордпресс перейдите в Группы полей — Добавить, чтобы создать новую группу полей.
Группа полей — это одно или несколько полей, которые относятся к одной по смыслу информации.
Например: Я хочу добавить Группы полей для 3 вебинаров. Для каждого вебинара нужно создать свою группу полей, которая будет состоять из 5 полей: Название, Изображение, Описание, Дата начала и Кнопка со ссылкой.
В этом примере нужно создать 3 Группы полей, по 5 полей каждая. Для удобства Группу полей можно создать один раз и несколько раз продублировать.
Дайте название Группе полей, и настройте отображение
В эту группу полей будут входить 5 полей. Группа будет отображаться на Странице Advanced Custom Fields.
ACF — Добавьте Кастомные поля
Чтобы добавить первое поле — в этом примере Название вебинара или курса, — нажмите на кнопку Добавить поле:
Добавьте первое поле
Заполните поля:
Настройте кастомное поле
Все настройки понятны из описания, кроме Атрибуты, — это ширина поля в бэк-энде.
Если вы хотите поместить несколько полей в один ряд — используйте эту настройку. В этом примере я задал ширину первого поля 65%.
Нажимайте на кнопку Добавить поле, добавляйте поля по одному. Выбирайте тип поля в выпадающем меню Тип поля, заполните остальные настройки полей.
Атрибуты ширины этим четырем полям я дам 50%. Подробнее далее.
В итоге должно получиться так:
Группа полей ACF
ACF — Настройки Группы полей
Группа полей создана, сделайте настройки отображения полей на выбранных страницах, в этом примере — на странице Advanced Custom Fields:
Настройки Группы полей
У всех настроек понятные описания, если не уверены — оставьте настройки по умолчанию.
Нажмите Опубликовать.
ACF — Дублирование Группы полей
В нашем примеры нужны 3 одинаковые группы, которые отличаются только индексом имен полей, то есть:
- Группы полей называются Курс 1, Курс 2, Курс 3
- Имена полей Название Курса называются course-title-1, course-title-2, course-title-3
- Имена полей Картинка Курса называются course-image-1, course-image-2, course-image-3
- И так далее…
Чтобы не создавать одни и те же Группы полей несколько раз, вы можете их продублировать.
Перейдите в Группы полей — Группы полей и продублируйте готовую группу:
Продублируйте группу
Переименуйте группу в Курс 2 и замените «1» в именах полей на «2», чтобы получилось так:
Создайте вторую Группу полей
Таким же образом создайте третью Группу полей. Не забудьте добавить «3» к каждому имени поля. В итоге должно получиться так:
Готовые группы полей
Перейдите на страницу Advanced Custom Fields, посмотрите что получилось:
Кастомные поля в бэк-энде страницы
ACF — Отображение полей в бэк-энде
В этом примере я дал полям Картинка Курса, Краткое описание Курса, Дата начала и Кнопка 50% ширины в Атрибутах поля.
Атрибуты поля — довольно мощный инструмент, с помощью которого вы можете настроить разные виды отображения ваших кастомных полей в бэк-энде.
Например, вы можете настроить отображение всех трех полей Название Курса в одной строке, если в Группе полей вы расположите все 3 поля Название Курса друг за другом и дадите каждому полю 33% ширины.
Картинки Курса будут во второй строке, каждое поле займет 33% ширины, и так далее.
Расположение полей в ряд с помощью настройки Атрибуты
Расположите в Группе полей каждое поле всех трёх Курсов друг за другом и дайте каждому полю 33% ширины.
В Настройках — Расположение меток выберите Вверху:
Настройки — Расположение меток — Вверху
Так у вас получится 1 аккордеон со всеми тремя Курсами вместо трёх аккордеонов с 1 Курсом в каждом.
Еще один вариант расположения — с помощью Типов полей — Вкладка и Группа:
Типы полей Вкладка и Группа
Чтобы сгруппировать Курсы по вкладкам, создайте Группу полей с типом Вкладка.
После этого добавьте поле с типом Группа. Внутри настроек поля Группа в разделе Вложенные поля добавьте нужные поля, в этом примере:
- Название Курса
- Картинка Курса
- Краткое описание Курса
- Дата начала
- Кнопка
Если вы будете использовать такую группировку (Родительское поле — Дочерние поля), то вывод полей во фронт-энде будет немного другим.
ACF — Условная логика
Еще одна крутая функция ACF — Условная логика, которая позволяет показывать или скрывать поля в зависимости от условий, которые выполняются или не выполняются в других полях.
Например, вы можете отключить показ полей, если решите не проводить Курс и снимите галочку:
Галочка отключает показ всех полей
Добавьте поле Будет Курс? с Типом поля Да / Нет. Включите условную логику на всех полях каждого Курса. Настройте логику Показывать поле, если поставлена галочка в поле Будет Курс?
Условная логика
Как вывести поля Advanced Custom Fields
Вы узнали, как добавлять информацию в Произвольные поля, как связывать поля с типом контента на сайте и сохранять информацию в базу данных.
Если сейчас вы заполните поля в бэк-энде, сохраните страницу и перейдете во фронт-энд, то поля не будут отображаться.
Существует 3 способа вывести поля в ACF:
- Добавить код в файлы темы. Этот способ требует технических знаний, но считается лучшим.
- С помощью шорткодов. Очень простой способ и используется, когда вы хотите поместить кастомные поля только в нескольких местах.
- С помощью Elementor Pro. Аналог первого способа, но без необходимости работать с PHP.
Как добавить Кастомные поля в файлы темы
Первый способ выводить поля ACF — добавить PHP функции Advanced Custom Fields в файлы шаблонов дочерней темы.
Этот способ предполагает работу с файлами темы, но гарантирует, что поля ACF будут всегда выводиться в одном и том же месте.
Например, если вы хотите добавить вывод полей ACF на всех страницах блога, вам нужно редактировать файл single.php.
В вашей теме это может быть другой файл, например, в теме TwentyNineteen этот файл называется content-single.php.
После того, как вы нашли файл шаблона страницы, добавьте в нужное место файла функцию ACF the_field() для вывода нужного поля. Подробнее о функции the_field().
В общем виде функция выглядит так:
Имена полей можно посмотреть здесь:
Имена полей ACF
Документация по функциям Advanced Custom Fields.
Как выводить Кастомные поля с помощью шорткода
Выводить поля ACF с помощью шорткода проще. Если у вас всего несколько мест / страниц, где вы хотите выводить кастомные поля, это простой и удобный способ.
Если вам нужно выводить поля на многих страницах, то придется везде добавлять шорткоды вручную. В этом минус этого способа.
Шорткод для вывода полей ACF:
Например, такой шорткод выводит поле Название Курса:
Если вы используете Родительские и Дочерние поля, вам нужно указать оба шорткода:
То есть, если вы использовали поле Вкладка, а в нем дочернее поле Название Курса, то шорткод должен быть такой:
Как выводить Кастомные поля с помощью Elementor Pro
Elementor — один из самых популярных конструкторов страниц. Он позволяет создавать страницы просто перетаскивая виджеты.
С помощью Elementor Pro вы можете создавать шаблоны страниц, включая добавление в них кастомных полей Advanced Custom Fields.
По сути это визуальный редактор первого способа, который позволяет вам редактировать файлы шаблонов без работы с кодом.
В этом примере вы добавляете поля на странице Advanced Custom Fields. Откройте страницу в Элементоре и добавьте виджеты для вывода кастомных полей.
Чтобы выводить Изображение, сделайте так:
Вывод изображения ACF в Elementor Pro
Остальные поля выводятся аналогично.
Если вы хотите выводить поля, например, на всех страницах Блога, вам нужно редактировать шаблон страницы.
Elementor — Конструктор темы — Одиночная
Создайте или загрузите нужный шаблон страницы и добавьте в него вывод ACF полей в нужном месте.
У ACF есть большое сообщество, которое занимается разработкой дополнений для плагина:
ACF Free vs. Pro
У плагина ACF есть версия Pro, в которой есть:
- Повторяющиеся поля — Вы можете повторять нужные поля на нужных страницах. Например, вы пишите о каком-то мероприятии, на котором будет несколько выступающих. В этом случае вам не нужно подбирать количество полей для каждого мероприятия вручную. Вы можете нажать +Добавить поле в админке каждой страницы, чтобы добавить столько полей, сколько нужно.
- Блоки ACF — Вы можете создавать свои собственные блоки для редактора Гутенберг.
- Гибкие поля — Еще больше возможностей для организации полей в группы.
- Страницы с настройками — Создавайте страницы в админке WP с кастомными полями.
- Галерея — Поле с несколькими картинками.
- Клонирование полей — Позволяет использовать существующие поля или группы полей по запросу.
Альтернативы Advanced Custom Fields
- Custom Field Suite — бесплатный, простой и легкий плагин, в котором «нечему ломаться». Поля выводятся с помощью PHP.
- CMB2 — бесплатный плагин. Метабоксы, кастомные поля и формы.
- Meta Box — бесплатный плагин, аналог ACF с 40 типами кастомных полей. Для работы требуется генерировать код в он-лайн генераторе. Инструкция.
- PODS — бесплатный плагин, который кроме кастомных полей создает кастомные типы страниц и таксономии. Создает страницы в админке WP для вывода настроек. Лучший бесплатный плагин для кастомных полей, страниц, таксономий и остального.
- Toolset — Платный и дорогой плагин. Кастомные поля, страницы и таксономии. Шаблоны, архивы, листинги, контроль доступа / мембершип, формы и карты.
- JetEngine — платный, но недорогой плагин. По функционалу превосходит предыдущий плагин (кроме мембершипа). Возможно, разработчики добавят мембершип в будущих версиях. Создает Листинги, Кастомные типы постов, Кастомные типы контента, Кастомные таксономии, Страницы опций, Формы, Админку пользователей и много чего еще. Один из флагманов CrocoBlock, постоянно развивается. Определенно стоит своих денег.
Скорее всего, вы хотите не только добавить кастомные поля, но и реализовать какой-то функционал, например, выбор автомобиля по параметрам и его аренда. Я рекомендую плагин JetEngine, он предлагает готовые динамические шаблоны и другой готовый софт для реализации ваших идей.
Заключение
Как видите, даже бесплатная версия ACF предлагает большой функционал.
Если вы хотите выводить кастомные поля всего на нескольких страницах сайта, вы можете использовать шорткоды или использовать динамические теги в редакторе Elementor.
Если вы хотите выводить кастомные поля на многих страницах, например, на всех страницах Блога, используйте PHP или редактируйте шаблон страницы в Элементоре.
Используя дополнительные кастомные поля вы можете использовать WordPress не только в качестве блог-платформы, но и, например, создать сайт недвижимости.
Надеюсь, статья была полезна. Оставляйте комментарии.
Произвольные поля в меню — WordPressify
В этом уроке хочу познакомить вас с двумя новыми хуками, появившимися в WordPress 5.4, которые позволят вам добавить какой-нибудь текст или HTML в интерфейс редактирования элемента меню в админке и кастомайзере. А если можно добавить HTML, то можно добавить какие-то поля 🤔
Если вы не до конца разобрались с функционалом меню WordPress, то обязательно посмотрите мой видеоурок по меню.
Экшен-хук wp_nav_menu_item_custom_fields
срабатывает сразу после того, как выводятся все поля при редактировании конкретного элемента меню и имеет следующие параметры:
$item_id
– ID элемента меню,$item
– объект элемента меню,$depth
– уровень вложенности элемента меню,$args
– объект дополнительных аргументов,$id
– ID самого меню, а не элемента.
То есть у нас есть возможность передать все эти параметры в прикреплённую к хуку функцию, например так:
add_action( 'wp_nav_menu_item_custom_fields', 'true_hello', 10, 5 ); function true_hello( $item_id, $item, $depth, $args, $id ) { echo 'Приветик'; }
И в итоге в админке мы получаем:
Сам я не очень часто пользуюсь кастомайзером, как-то добавлял поля для своего плагина туда и в то время написал гайд по кастомайзеру, с тех пор мне практически не приходилось его использовать. Однако есть плагины, которые его используют и не имеют альтернативных настроек в админке WordPress, например один такой плагин многие знают – WooCommerce.
На этом пункте особо подробно не буду останавливаться, скажу лишь, что у хука wp_nav_menu_item_custom_fields_customize_template
нет никаких параметров, однако внутри HTML, который вы выведете этим хуком, вы можете использовать такие конструкции как {{ data.menu_item_id }}
или <# if ( 'custom' === data.item_type ) { #>
.
Я бы написал об этом отдельный урок, и напишу, когда (если) буду чаще пользоваться кастомайзером.
Пример
Так как я сам недавно запилил на сайте два видеокурса (раз и два) и настраивал отображение сайта для зарегистрированных и незарегистрированных пользователей, то актуальнее всего будет добавить в элемент меню, который мы с вами будем выводить на примере условия отображения для авторизованных пользователей, например так:
Добавление полей в меню
add_action( 'wp_nav_menu_item_custom_fields', 'true_menu_field', 10, 5 ); function true_menu_field( $item_id, $item, $depth, $args, $id ) { // можете сюда также вкинуть wp_nonce_field и его проверку в следующем шаге $is_logged_in = get_post_meta( $item_id, '_menu_loggedin', true ); echo '<p> <label> <input type="checkbox" ' . checked( 'yes', $is_logged_in, false ) . ' name="menu-item-loggedin[' . $item_id . ']"> Только для зарегистрированных пользователей </label> </p>'; }
- Как видно на строчке 7, работа с метаданными меню по сути как и работа с мета обычных типов записей, мы даже используем наверняка знакомую вам get_post_meta().
- На строке 11 функция checked() позволяет сравнить два значения и, в случае их совпадения, сразу вывести
checked='checked'
для поля чекбокса.
Сохранение полей
Тут тоже всё делается обычным хуком, очень похожим на принцип действия save_post
.
add_action( 'wp_update_nav_menu_item', 'true_update_menu', 10, 2 ); function true_update_menu( $menu_id, $menu_item_db_id ) { // если добавляли nonce-поле, то тут его валидация $meta_value = isset( $_POST[ 'menu-item-loggedin' ][ $menu_item_db_id ] ) && 'on' == $_POST[ 'menu-item-loggedin' ][ $menu_item_db_id ] ? 'yes' : 'no'; update_post_meta( $menu_item_db_id, '_menu_loggedin', $meta_value ); }
Супер, чекбокс добавили, сохраняться тоже должен норм, теперь нужно как-то задействовать всё это на сайте.
Про функцию wp_get_nav_menu_items() у меня есть отдельный пост на сайте, а сейчас вкратце покажу, как интегрировать в неё нашу проверку на авторизованного пользователя при помощи is_user_logged_in().
if( $menu_items = wp_get_nav_menu_items( $menu ) ) { foreach ( $menu_items as $key => $menu_item ) { if( ! is_user_logged_in() && 'yes' == get_post_meta( $menu_item->ID, '_menu_loggedin', true ) ) { continue; } // ... тут идёт вывод элемента меню } }
В самой функции wp_nav_menu() мы не можем так легко залезть в тело цикла и прописать туда своё условие.
Что же делать? Использовать класс волкера, про который вы у меня можете почитать здесь и посмотреть видеоурок здесь.
Наше условие нужно прописать в самом начале метода волкера start_el()
function start_el( &$output, $item, $depth = 0, $args = NULL, $id = 0 ) { if( ! is_user_logged_in() && 'yes' == get_post_meta( $item->ID, '_menu_loggedin', true ) ) { return; } // ... }
пошаговое руководство пользования, советы — RUUD
The content of the article:
Произвольные поля WordPress (WP) отображаются в различных формах и размерах. Некоторые включают флажки и списки. Другие могут поставляться со средством выбора даты. Есть и такие, которые принимают только определенные символы, например, числа. Как и большинство функций WP, добавляют их к сообщениям и страницам через плагин или вручную без плагина произвольных полей WordPress. В англоязычной литературе этот термин имеет название «пользовательские поля».
О платформе WordPress
WordPress (WP) — это лучшая платформа с открытым исходным кодом для быстрого создания блогов. Его популярность и сила — это сообщество Custom Fields, которое участвовало в интенсивном развитии проекта и занимало лидирующие позиции в CMS в течение последних 15 лет.
You will be interested:How dangerous is the new coronavirus?
В настоящее время WP является самой популярной CMS в мире, которая поддерживает около 30% веб-сайтов. Эта статистика касается только публичных сайтов. Существует также большое количество безучетных сайтов, например, частные сайты, количество которых никто точно не знает. Результат многолетней истории развития бренда – это возможности для многомиллионных пользователей с базой в 45 000 плагинов и порядком 6000 тем, официально опубликованных на сайте WordPress.
Еще одной причиной, почему WP интересует владельцев новостных сайтов, портфолио бронирования отелей или электронной коммерции, являются произвольные поля WordPress и архитектура метаданных.
В WordPress существуют основные типы объектов: «пост», «пользователь», «комментарий», «таксономия» и «медиа». Они содержат только необходимые поля, предоставленные WP для их описания. Например, заголовок для продукта или сообщения, имя пользователя и название категории.
Произвольные метаданные
В БД все это выражается в соответствующих таблицах для объектов и произвольных полей WordPress. Можно интерпретировать метаданные как произвольные (мета), прикрепленные к первичным данным. Они предоставляют дополнительную информацию и уточняют их. Они не содержат саму «мету».
Например, если нужно изобразить объект «пост о товаре», нужна дополнительная информация о цене, количестве и качестве. Таким образом, вместо добавления столбцов в таблицу данные дополнительной информации будут сохранены в метаданные, а затем связаны с Post. Он становится продуктом, когда используются метаданные. Если пользователь больше не захочет, чтобы это был «продукт», можно связать его с произвольными полями WordPress, например, с ценой и пространством, поэтому Post становится Room без изменения его фундаментальных данных.
Эта чрезвычайно интересная и гибкая функция является основой для роста WordPress. Для того, чтобы пользователи могли добавлять, удалять или редактировать данные, должен быть инструмент для манипулирования ими — это произвольные поля, функция, которая помогает создавать формы для взаимодействия с метаданными (МД).
Настраиваемые поля
Если интерфейс (UI) произвольных полей отсутствует, единственный способ добавлять, удалять или редактировать МД — это использовать код с помощью функций, предоставляемых платформой. Фактически понятие МД редко упоминается, потому что это технический термин, скрытый в WP. И когда дело доходит до настраиваемых полей, обычно понимают, что они включают как интерфейс, так и МД.
Настраиваемые поля создают формы, чтобы пользователь мог добавлять необходимые метаданные. В разделе МД основными типами объектов являются Post, User, Comments, Media и другие. Все эти объекты имеют собственные настраиваемые поля, которые можно увидеть при редактировании.
Обычно есть много типов данных, которые нужно добавить к каждому объекту. Это может быть короткий текст, изображение или URL. Перед тем, как вывести произвольные поля WordPress, пользователи должны выбрать тип полей.
Варианты настройки
Для того, чтобы добавить такие настраиваемые поля в WordPress, существует три варианта:
- использовать стандартные функции WP по умолчанию;
- использовать ручную настройку функции WP;
- использовать плагины.
Для некоторых простых полей, таких как текст, достаточно использовать стандартные функции WordPress. Если нужно применить более сложные поля, можно вручную закодировать их. Это не слишком сложно для таких полей, как изображение и редактор, но это сложно для таких, как отношения.
Пользователь может создавать веб-сайты в разных отраслях с помощью произвольных полей. Например:
- путешествия — добавляют описательные поля для адреса, рейтинга, цены, путеводителя;
- отель — добавляют такие поля, как цена, доступность, вместимость, услуги;
- электронная коммерция — поля о цене, объеме, количестве.
В WP можно сказать, что там, где есть типы записей, существуют пользовательские поля.
МД и настраиваемые поля предоставили WP огромную возможность настройки для удовлетворения потребностей 30% веб-сайтов в мире во всех отраслях. Когда пользователь работает с WP, даже если создает простейший блог, он не может игнорировать произвольные поля.
С другой стороны, они являются причиной многих споров. Некоторые люди говорят, что это делает запрос медленнее, а другие — что он не подходит для масштабирования. Чтобы узнать правду, нет другого способа, кроме как самому испробовать и узнать больше о построении WordPress и запросе данных из БД произвольных полей.
Установка полей через плагин
Существует множество типов плагинов, которые позволяют очень быстро добавлять настраиваемые поля в WP, фаворитом же являются дополнительные произвольные поля Custom Fields.
Многим нравится этот плагин из-за простоты использования. В дополнение к простоте этот плагин включает в себя фильтр произвольных полей WordPress. Настраиваемые поля создаются им в одно мгновение, в несколько щелчков мыши.
Для начала нужно будет установить и активировать плагин. Открывают панель управления WP и нажимают «Плагины»> «Добавить новый». Затем находят «Дополнительные» в поле поиска и нажимают «Установить сейчас». Дожидаются появления кнопки «Активировать» и нажимают «Установить».
Как только плагин будет запущен, можно увидеть новую опцию Custom Fields на панели управления. При нажатии на эту кнопку откроется страница групп произвольных полей, которые на момент начала работ должны быть пустыми. Нажимают кнопку «Добавить новый» вверху страницы.
Плагин поможет создать новую группу, которая содержит несколько настраиваемых полей WP.
Используют плагин Advanced Custom Fields для создания поля, но не для его отображения на сайте. По умолчанию, поле будет отображаться только на панели мониторинга, а введенная информация будет храниться в базе данных. Если нужно, чтобы метаданные были видны посетителям сайта, необходимо отредактировать файлы для темы.
Ручная настройка
Можно добавить поля WP вручную и отредактировать тему для их отображения. Самым сложным является настройка темы для отображения метаданных, которые вводят в эти поля.
Алгоритм настройки.
Редактирование цикла тем
Для редактирования тем необходимо получить доступ к файлам сайта с помощью протокола передачи файлов (FTP) или Filezilla, если еще не настроен FTP-клиент.
После того, как FTP настроен, переходят в каталог public_html/wp-content/themes. При открытии находят папку, которая соответствует активной теме на сайте.
Встроенная функция пользовательских данных
Для того, чтобы добавить новое сообщение или отредактировать его, нажимают «Параметры экрана».
Использование встроенной функции.
Самостоятельная обработка настраиваемого поля из пользовательского интерфейса для сохранения данных намного сложнее.
Часто используемые функции показывают список полей во внешнем интерфейсе в упорядоченном списке, предоставляют настраиваемое значение полей в массиве ключ/значение, возвращают массив ключей всех полей, массив всех значений настраиваемого поля $key.
Вывод настраиваемого списка
Если нужно, чтобы вывод произвольных полей WordPress отображался сразу после заголовка публикации как в архиве, так и на отдельной странице, добавляют the_meta() функцию в файл template-params/post/content.php.
Настраиваемые поля — это способ для WP хранить произвольные дополнительные данные для контента, такие как имя автора, дата публикации книги. Чтобы сделать настраиваемые поля гибкими и совместимыми с различными видами данных, WP разрабатывает мета-таблицы (мета-пост, мета-термин, мета-пользователь и мета-комментарий) в форме «ключ-значение».
В соответствии с этим каждое настраиваемое поле сохраняется как одна строка в БД. Такой подход позволяет разработчикам хранить неограниченное количество информации независимо от их структуры. Но недостатком является быстрое распространение БД. Потому что количество настраиваемых полей обычно очень велико. Проект WordPress имеет все решения для оптимизации хранения настраиваемых полей в БД, чтобы повысить производительность сайта. Существуют некоторые недостатки использования структуры базы данных WordPress по умолчанию для мета-таблиц.
Между тем, структура БД будет препятствовать созданию сложных запросов. Таким образом, чтобы решить эту проблему для произвольных полей, нужно изменить способ хранения. Как уже отмечалось, настраиваемые поля не рекомендуются для поиска или запроса, хотя на практике иногда приходится выполнять такие операции. Таким образом, оптимизация хранилища для настраиваемых полей должна быть разделена на две задачи: оптимизация хранилища, используемого только для отображения/сохранения, а также запрос данных.
Пользовательские таблицы
Чтобы полностью решить эту проблему, нужно сохранять данные не так, как WordPress предлагает по умолчанию, а в виде пользовательских таблиц. С помощью них можно указать число, тип данных и способ сохранения.
Такая структура данных очень понятна, но может стать большой проблемой для многих разработчиков WordPress. Чтобы упростить работу для пользователей Meta Box, можно использовать расширение MB Custom Table, чтобы создать таблицы для обработки данных о получении/сохранении из произвольных полей и предоставлении класса кэша для повышения производительности.
Плюсы создания таблиц:
- очищают структуру данных;
- выполняют запрос по настраиваемым полям и создают сложные запросы;
- настраиваемые поля сохраняются в одной строке.
Минусы:
- не используют встроенные функции API метаданных WordPress;
- безопасность данных;
- реализуют слой кеша, когда данные растут самостоятельно.
Области применения
В любом случае информация, которую добавляют при использовании поля, может применяться для разных целей. Однако в большинстве из них эти поля используются для «метаданных». Например, в посте WP создают заголовок для описания контента, и технически — это уже метаданные.
Другие типы метаданных включают теги сообщений, мета-описание, категории страниц и многое другое, если у пользователя есть что-то общее, все, что WordPress предоставляет для добавления информации о контенте. В некоторых случаях нужно добавить метаданные, а WP не предлагает поля, предназначенные для этого. Для этого нужно будет добавлять настраиваемые поля WordPress и связывать их с контентом.
С правильными инструментами и пошаговым помощником можно создавать практически все виды настраиваемых полей WP. Примером является добавление звездной рейтинговой системы к сообщениям. Создавая настраиваемые поля для звездной рейтинговой системы, можно перемещать посты по популярности или просить посетителей оставлять отзывы, хотя это подразумевает выполнение более сложных настроек.
Важно отметить, что настраиваемые произвольные поля WordPress в записи и настраиваемые типы записей — это не одно и то же. Настраиваемая запись WordPress — это формат, специфичный для типа контента, например, это обзоры постов или страницы продуктов, которые должны разделять посты по категориям. Но, разумеется, на одной и той же странице или сообщении обычно есть поле и тип настраиваемого сообщения, и эти два элемента могут применяться изолированно.
Поскольку данные растут, производительность и масштабируемость становятся большими проблемами для всех веб-сайтов. Важно подумать об оптимизации хранилища для произвольных полей в базе данных. С помощью приемов, описанных выше, можно сэкономить место для хранения БД и в то же время повысить производительность запроса.
Источник
Основы работы с WordPress: произвольные поля
Произвольные поля — удобный инструмент для вывода любых данных и расширения стандартных возможностей. В посте рассказывается ввод произвольного поля и код для вывода значения произвольного поля.
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →
Произвольные поля — удобный инструмент для внесения индивидуальных данных, соответствующих определенному посту. С их помощью можно решать массу вопросов: выводить миниатры, специальные изображения, составлять прайс-листы, ценники, вставлять рекламу, специальные ссылки, и многое другое. Произвольные поля записываются в базу данных, и в любой момент их значения, соответствующие определенным постам, могут быть из нее извлечены и выведены. Давайте посмотрим, как вводить произвольное поле и выводить значение произвольного поля внутри записи.
Добавление произвольного поля
Чтобы добавить произвольное поле в пост, откройте свойства экрана в редакторе постов, и выведете форму работы с произвольными полями.
После этого можете добавить произвольное поле в пост. У произвольного поля есть название и значение. Название полю лучше давать стандартными латинскими символами.
Значение произвольного поля может быть любым.
Вы можете добавить любое нужное количество произвольных полей. Любое произвольное поле можно в последствии отредактировать: удалить, изменить значение. Все произвольные поля записываются в базе данных, и их можно выбирать из списка уже ранее использованых.
Вывод значения произвольного поля в посте
Вывод произвольного поля связан с постом. Поэтому он осуществляется всегда внутри цикла вывода содержимого поста, либо огранизуется отдельная функция, извлекающая значение произвольного поля по ID поста. Чтобы вывести значение произвольного поля ads, используйте код:
Вывод значения произвольного поля, как видно, можно осуществлять с помощью стандартной функции get_post_custom_values или с помощью функции get_post_meta.
Мне нравитсяНе нравится
настраиваемых полей | WordPress.org
WordPress имеет возможность разрешать авторам сообщений назначать настраиваемые поля для сообщения. Эта произвольная дополнительная информация известна как метаданные . Эти метаданные могут включать в себя такие биты информации, как:
- Настроение: Happy
- Читаю сейчас: Cinderella
- Слушаю: Rock Around the Clock
- Погода: Жарко и влажно
С дополнительным кодированием можно достичь более сложных действия, такие как использование метаданных для хранения даты истечения срока действия сообщения.
Метаданные обрабатываются с помощью пар ключ / значение . Ключ — это имя элемента метаданных. Значение — это информация, которая будет отображаться в списке метаданных для каждого отдельного сообщения, с которым связана эта информация.
Ключи можно использовать более одного раза в сообщении. Например, если вы читали две разные книги (возможно, техническую книгу на работе и художественную литературу дома), вы можете создать ключ «чтения» и использовать его дважды в одном и том же посте, по одному разу для каждой книги.
Вот пример того, как эта информация может выглядеть в вашем сообщении:
Читаю сейчас : Кальвин и Гоббс
Сегодняшнее настроение : Веселые и счастливые
На основе нашего примера, приведенного выше, давайте добавим два настраиваемых поля: одно называется «Читаю сейчас», а другое «Настроение сегодня». Выполните следующие действия, чтобы добавить эту информацию в сообщение с помощью настраиваемых полей.
- Параметры настраиваемых полей на экранах редактирования публикации и страницы по умолчанию скрыты, если они не использовались ранее.Используя редактор блоков, нажмите кнопку с тремя точками в верхней части правой боковой панели и посетите Параметры , чтобы включить его. (Если вы используете классический редактор, проверьте параметры экрана).
- После того, как вы написали свое сообщение, прокрутите вниз до области под названием Custom Fields .
- Чтобы создать новое настраиваемое поле под названием «Читаю в настоящее время», введите текст «Читаю в настоящее время» (без кавычек) в поле ввода текста с названием Имя .
- Вновь созданному ключу («Читаю в настоящее время») теперь должно быть присвоено значение , которое в нашем случае является названием книги, которую в настоящее время читают, «Кальвин и Гоббс».Введите «Кальвин и Гоббс» в поле Значение , снова без кавычек.
- Нажмите кнопку Добавить настраиваемое поле , чтобы сохранить эту настраиваемую информацию для этого сообщения.
Настраиваемые поля
Чтобы добавить «Настроение сегодня», повторите процесс и добавьте «Настроение сегодня» в ключ и описание своего настроения в текстовых полях значение и нажмите Добавить настраиваемое поле , чтобы сохранить это информация с поста.
В следующем посте вы можете добавить новую книгу и настроение к своим метаданным.В разделе Custom Fields , Key теперь будет иметь раскрывающийся список с ранее введенными настраиваемыми полями. Выберите «Читаю в настоящее время», а затем введите новую книгу, которую вы читаете, в , значение . Щелкните Добавить настраиваемое поле и затем повторите процесс, чтобы добавить «Сегодняшнее настроение».
Вам нужно создать новый «KEY» только один раз , после чего вы можете присвоить значение этому ключу для каждого сообщения, если хотите. Вы также можете назначить более одного Value ключу для публикации.Это пригодится людям, которые читают более одной книги за раз.
Наверх ↑
Чтобы отображать настраиваемые поля для каждого сообщения, вы должны использовать тег шаблона, который настраивает вашу тему. Подробнее об этом:
Вы можете установить плагин, который управляет настраиваемыми полями.
- Плагин Meta Box — Плагин, который позволяет создавать настраиваемые мета-блоки и настраиваемые поля.
- Piklist — Плагин, который позволяет создавать настраиваемые мета-поля и поля везде в WordPress.
- Advanced Custom Fields — Плагин, который позволяет создавать сложные поля и макеты с помощью удобного интерфейса.
Meta Box — WordPress Custom Fields Framework — плагин WordPress
Meta Box — мощный, профессиональный и легкий набор инструментов для разработчиков, позволяющий создавать настраиваемые мета-блоки и настраиваемые поля для любого настраиваемого типа сообщений в WordPress.
Meta Box помогает вам добавлять настраиваемые поля и детали на ваш веб-сайт, такие как страницы, сообщения, настраиваемые типы сообщений, формы и в любом месте, где вы хотите, используя более 40 различных типов полей, таких как текст, изображения, загрузка файлов, флажки и многое другое.
Кроме того, каждый тип настраиваемого поля WordPress имеет обширные внутренние параметры для неограниченных возможностей содержимого. Полная настройка и управление находятся всего в нескольких щелчках мыши.
Добавление настраиваемых полей и настраиваемых мета-полей WordPress для настраиваемых типов сообщений выполняется быстро и безболезненно: выберите нужные типы полей в удобном для пользователя онлайн-генераторе, затем скопируйте и вставьте код в файл functions.php
вашей дочерней темы.
Бум! Вся сила без наворотов.
Существуют также бесплатные и платные расширения для добавления расширенных возможностей. Вы можете управлять отображением и организацией своих настраиваемых полей WordPress, условиями, при которых они появляются, и стать лучшим мастером данных WordPress.
Вы также можете ознакомиться с полным списком расширений и подробностями в MetaBox.io.
Характеристики
Создание любого типа метаданных или настраиваемых полей в WordPress
Правильно — любого типа. Независимо от того, куда вам нужно вставить пользовательские данные и функции, настраиваемые поля WordPress Meta Box всегда под рукой и с бесконечными вариантами загрузки.
Вот лишь некоторые из типов данных, которые вы можете настроить:
Широкий выбор типов полей и опций
Возьмите стандартное настраиваемое поле WordPress и представьте, что оно бесконечно расширяется. Вот сколько вариантов дает вам Meta Box:
- Meta Box поддерживает 40+ встроенных настраиваемых типов полей WordPress для всех ваших нужд, включая текст, текстовое поле, редактор WYSIWYG, изображение, файл, публикацию, выбор, флажок, переключатели, выбор даты / времени, таксономию, пользователя, oembed и еще не все.
- Недостаточно? Вы также можете легко создать свой собственный тип поля.
- Meta Box поддерживает поля клонирования для большинства типов полей, включая поле редактора WYSIWYG. Он также поддерживает повторяющиеся группы полей.
- Используйте мощную систему действий и фильтров WordPress, чтобы вы могли создавать или изменять внешний вид и поведение сайта в плагине.
Удобно для разработчиков
Как разработчик, у вас достаточно возможностей. Вам не нужно создавать совершенно новую систему для каждого проекта.Используйте Meta Box в полной мере.
Вы можете использовать Meta Box и его настраиваемые поля для любого настраиваемого типа сообщений в WordPress на любом количестве веб-сайтов, поэтому вы также можете использовать его в клиентских проектах.
Не любите кодировать? Тебе повезло!
Meta Box создан в основном для разработчиков, так как вам нужно скопировать и вставить некоторый код, но если вы предпочитаете более визуальную систему для создания настраиваемых полей в WordPress, вы можете выбрать одно или все расширения ниже:
Расширение Meta Box Builder имеет массу функций, позволяющих быстро выполнить любой проект:
- Вся мощь Meta Box без единой строчки кода.
- Это удобный для дизайна, легкий и работает с высочайшей скоростью.
- Создавайте неограниченное количество настраиваемых полей WordPress с молниеносной скоростью и с помощью удобного интерфейса перетаскивания.
- Доступно более 40 типов настраиваемых полей, которые можно перетащить туда, где они вам нужны.
- Экспортируйте пользовательские поля и настройки в PHP. Затем добавьте его на новый сайт без необходимости устанавливать это расширение, чтобы получить невероятно легкий вариант.
- В нем есть готовые и ожидающие товары с условной логикой, параметрами приоритета и контекста.
Расширения
Говоря о расширениях, существует масса бесплатных и премиальных, доступных для дальнейшего расширения и без того мощного основного плагина Meta Box, чтобы вы могли перегружать свои настраиваемые поля в WordPress.
У вас будет полный контроль над добавлением любых мета-блоков и настраиваемых полей в WordPress, которые вы когда-либо захотите. Затем вы можете адаптировать все это в соответствии с вашими конкретными требованиями.
Бесплатные расширения
Расширения Премиум
- МБ Просмотры: вывод настраиваемых полей и создание интерфейсных шаблонов для WordPress, не затрагивая файлы тем.
- МБ: создавайте собственные блоки Гутенберга с помощью PHP, используя тот же синтаксис, что и в Meta Box.
- Meta Box Builder: создавайте настраиваемые мета-блоки и настраиваемые поля в WordPress с помощью удобного интерфейса перетаскивания.
- Meta Box Group: создавайте повторяющиеся группы настраиваемых полей WordPress для лучшего внешнего вида и структуры.
- МБ Страница настроек: создавайте страницы настроек для тем, плагинов или веб-сайтов с красивым синтаксисом.
- МБ Term Meta: добавьте метаданные в категории, теги или любую настраиваемую таксономию с помощью простого синтаксиса.
- Meta Box Conditional Logic: добавление зависимости видимости для настраиваемых мета-блоков и настраиваемых полей в WordPress.
- Meta Box Include Exclude: Показать или скрыть мета-блоки по идентификатору, шаблону страницы, таксономии или пользовательской функции.
- МБ Отправка из внешнего интерфейса: создавайте формы внешнего интерфейса для пользователей, чтобы отправлять пользовательский контент и встраивать их в любое место с помощью шорткода.
- столбцов Meta Box: отображайте привлекательные настраиваемые поля в WordPress, помещая их в сетки из 12 столбцов.
- Вкладки мета-боксов: без труда создавайте вкладки для мета-боксов.Поддерживаются 3 встроенных стиля вкладок и значков WordPress.
- МБ Столбцы администратора: отображение настраиваемых полей WordPress в столбцах таблицы на экранах администратора для всех типов сообщений.
- МБ Настраиваемая таблица: Сохраняйте данные настраиваемых полей в настраиваемые таблицы вместо метатаблиц по умолчанию, чтобы уменьшить размер базы данных и повысить ее производительность.
- МБ: отслеживайте изменения в настраиваемых полях в WordPress с исправлениями. Вы можете без проблем сохранять, сравнивать и восстанавливать изменения.
- МБ User Meta: быстро добавляйте настраиваемые поля WordPress в профили пользователей в таблице wp_usermeta с помощью простого синтаксиса.
- Meta Box Geolocation: автоматическое и мгновенное заполнение данных о местоположении с помощью API геолокации Google Maps.
- Meta Box Template: упростите определение настраиваемых мета-блоков и настраиваемых полей WordPress с помощью шаблонов.
- Meta Box Tooltip: отображение справочной информации для настраиваемых полей в WordPress с помощью красивых всплывающих подсказок.
- Meta Box Show Hide: переключение мета-боксов по шаблону страницы, формату сообщения, таксономии и категории с помощью JavaScript.
Блоки
Ревизия
См. Все доступные расширения на веб-сайте Meta Box.
Подробная документация
Мы не оставим вас в покое.
Мы предоставляем регулярно обновляемую и обширную документацию, а также руководства по использованию MetaBox и настраиваемых полей в WordPress в ваших интересах, а также наиболее эффективным способом.
Вот несколько руководств, которые помогут вам быстро начать работу с Meta Box и создать свои собственные настраиваемые поля WordPress:
Узнайте больше на странице документации по Meta Box.
Advanced Custom Fields — плагин для WordPress
Используйте плагин Advanced Custom Fields, чтобы получить полный контроль над экранами редактирования WordPress и данными настраиваемых полей.
Добавляйте поля по запросу. Наш конструктор полей позволяет быстро и легко добавлять поля на экраны редактирования WP с помощью всего лишь нажатия нескольких кнопок!
Добавьте их где угодно. полей могут быть добавлены по всему WP, включая сообщения, пользователей, термины таксономии, мультимедиа, комментарии и даже страницы с настраиваемыми параметрами!
Покажи их повсюду. Загружайте и отображайте значения настраиваемых полей в любом файле шаблона темы с помощью наших удобных для разработчиков функций!
Характеристики
- Простой и интуитивно понятный
- Мощные функции
- Более 30 типов полей
- Расширенная документация
- Миллионы пользователей
Ссылки
ПРО
Плагин Advanced Custom Fields также доступен в профессиональной версии, которая включает в себя больше полей, больше функций и больше гибкости! Узнать больше
Просто и понятно
Сделано для разработчиков
Все о полях
Из панели управления WordPress
- Посетите Плагины> Добавить новый
- Найдите по запросу «Расширенные настраиваемые поля»
- Активируйте расширенных настраиваемых полей на странице ваших плагинов
- Щелкните в новом пункте меню «Настраиваемые поля» и создайте свою первую группу настраиваемых полей!
- Прочтите документацию, чтобы начать работу
Какую поддержку вы оказываете?
Форумы поддержки. Наши форумы сообщества предоставляют отличный ресурс для поиска и поиска ранее отвеченных и заданных вопросов поддержки. Вы можете создать новую тему на этих форумах, однако получение ответа от нашей службы поддержки не гарантируется. Это скорее область, в которой разработчики могут общаться друг с другом, публиковать идеи, плагины и предоставлять базовую помощь. Посмотреть форум поддержки
После использования этого плагина исчезли поля основного изображения и краткого описания на моей странице администратора продукта.Удаление плагина не решило проблему. Избегайте любой ценой !!!
Один из моих любимых плагинов, когда мне нужны настраиваемые поля в моем сообщении.
Делая отличную работу, так держать.
Настраиваемые поля — отличная функция в WP, и ACF очень помогает в управлении ими. Это отличный плагин, простой в использовании, с огромным количеством документации в Интернете.
Они могут не спешить с ответом на вопрос службы поддержки, но с более чем миллионом пользователей, как ответить всем?
Было бы намного труднее работать без вашего плагина! Большое вам спасибо за это! 👍
Очень надежный, я использую этот плагин для всех своих сайтов, никогда не было проблем.Спасибо за это!
Один из самых крутых и мощных плагинов, который очень помог мне в моих проектах программирования WordPress. Спасибо всем, кто внес свой вклад в программирование этого замечательного плагина.
Прочитать 1129 отзывов
«Расширенные настраиваемые поля» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.
авторов
Полное руководство для начинающих (2021)
Хотите узнать больше о настраиваемых полях WordPress?
Вы уже заметили, что некоторая основная информация часто отображается при написании контента для вашей учетной записи WordPress — имена авторов, даты и заголовки — это лишь некоторые примеры.
Метаданные — это термин для этого типа данных, которые WordPress обычно генерирует автоматически.
Однако вы можете редактировать метаданные своих сообщений и страниц, используя собственные настраиваемые поля WordPress, чтобы отображать все, что вы хотите. Инструмент настраиваемых полей обычно скрыт по умолчанию, но его легко включить и использовать. Кроме того, существуют плагины, которые помогают в дальнейшем совершенствовании этой полезной функции.
Мы называем это настраиваемыми полями WordPress. При этом давайте рассмотрим основы, не так ли?
Что такое настраиваемые поля WordPress?
Custom Fields — важная и полезная функция WordPress, которая дает нам очень широкие возможности настройки.
Если вы уже знакомы с WordPress, вы, вероятно, узнали, что это отличный форум для быстрого создания блогов. Настраиваемые поля, которые сыграли ключевую роль в быстром росте и восхождении WordPress на вершину рынка CMS за предыдущие 15 лет, также являются частью его реальной силы.
Повторение одной и той же информации в нескольких сообщениях, особенно на сайтах с большим объемом контента, таких как блоги, может занять много времени. Используя настраиваемые поля WordPress, вы можете выполнить эту задачу намного быстрее.Настраиваемые поля в WordPress предоставили мощные возможности настройки, позволяя удовлетворить потребности почти 30% веб-сайтов по всему миру во всех отраслях. При работе с WordPress вы можете создать простой блог или не игнорировать настраиваемые поля.
Word Пользовательские поля, с другой стороны, являются источником разногласий. Некоторые утверждают, что это замедляет запросы, тогда как другие утверждают, что это не подходит для масштабирования. Чтобы узнать правду, вам нужно больше узнать о базе данных настраиваемых полей WordPress и о том, как запрашивать данные из нее.Пожалуйста, проявите терпение; мы постепенно узнаем о них все, что нужно знать.
Как работают настраиваемые поля WordPress?
WordPress Пользовательские поля — это метаданные, которые можно использовать для добавления дополнительных сведений к редактируемой записи или странице. Когда вы создаете новую статью, блог или любую другую форму контента, WordPress по умолчанию сохраняет ее в двух местах.
Продолжение статьи ниже
Тело вашего контента, которое вы добавляете с помощью редактора сообщений, является первой частью.
Во втором разделе содержится подробная информация о рассматриваемом материале. Например, название, автор, дата, время и другие детали. Метаданные относятся к информационному разделу сообщения.
WordPress добавляет все необходимые метаданные к каждому сообщению или странице, которые вы создаете автоматически.
Вы также можете использовать настраиваемые поля для создания и хранения собственных метаданных.
Каковы преимущества использования настраиваемых полей WordPress?
Вы обязательно должны это сделать.С другой стороны, разделение этой информации на отдельные настраиваемые области дает вам гораздо больше универсальности. Вы можете, например:
- Преимущество настраиваемых полей в том, что они хранят определенные значения для контактов (идентификатор клиента, номер учетной записи и т. Д.).
- Только владелец учетной записи и администраторы могут добавлять настраиваемые поля, что делает его более стабильным.
- Позволяет подкатегории и включение предварительно определенных значений для целостности данных.
- Автоматически форматируйте рейтинг в интерфейсе вашего сайта, чтобы создать стилизованное окно обзора.
- Убедитесь, что все ваши обзорные сообщения имеют одинаковое форматирование.
- Используйте рейтинг обзора для запроса и сортировки содержимого. Например, вы можете создать страницу, на которой будут перечислены все отзывы, которым вы поставили идеальную оценку, или вы можете позволить посетителям сортировать отзывы по рейтингу обзора.
- Параметры фильтра включают функцию ИЛИ (фильтрация по контактам с идентификатором клиента: 123 или запросил демонстрацию: да.
Настраиваемые поля идеально подходят для особой категоризации контактов.Эти преимущества усиливаются для более сложных сайтов. Рассмотрим следующий сценарий: вы создали сайт со списком недвижимости с тысячами домов. Вы же не хотели бы делать дизайн каждого дома вручную, не так ли?
Представьте, что вам нужно вручную форматировать количество спален, ванных комнат и т. Д. Для каждого отдельного объявления. Это займет вечность!
Вместо этого вы можете использовать настраиваемые поля для заполнения основных деталей для спален, ванных комнат и других областей, а затем позволить своему дизайну отформатировать их для каждого дома.
Рассмотрим категорию, которая является узкой или имеет две или более узких подкатегорий.
Перед тем, как создавать настраиваемую область, подумайте, достаточно ли она точна, чтобы ее не нужно было часто менять и является ли она эксклюзивной для многих контактов.
В таком случае можно найти хорошее применение настраиваемому полю. Например, если вы храните идентификатор платежа для клиентов, вы можете использовать настраиваемую зону.
Допустим, у вас есть партнерский веб-сайт, на котором вы регулярно публикуете обзоры новых продуктов.Чтобы четко отображать рейтинг для каждого продукта, вы можете добавить в свои сообщения настраиваемое поле «оценка».
Как включить настраиваемые поля WordPress?
На экране редактирования публикации опция настраиваемых полей по умолчанию скрыта. Чтобы увидеть его, перейдите в правый верхний угол экрана и нажмите трехточечное меню, затем выберите «Параметры» в меню.
Откроется всплывающее окно, в котором вы должны выбрать «Пользовательские поля» на расширенных панелях. Затем, чтобы перезагрузить редактор сообщений, нажмите кнопку «Включить и перезагрузить».
Панель настраиваемых полей появится под редактором содержимого после обновления редактора сообщений.
Как добавить настраиваемые поля WordPress?
Страница и сообщение, которое вы создаете в WordPress, имеют свои собственные метаданные, которые включают такую информацию, как заголовок и описание. Эти данные автоматически добавляются платформой с использованием специальных полей. Однако вы можете создавать свои собственные метаданные, используя настраиваемые поля WordPress.
Есть два основных способа сделать это, и мы рассмотрим оба из них в этой статье.Вы можете сделать следующее:
- Воспользуйтесь плагином настраиваемого поля для WordPress.
- Добавьте вручную настраиваемые поля WordPress и отредактируйте свою тему, чтобы сделать их видимыми.
Использовать плагин настраиваемого поля для WordPress
Доступно множество плагинов, которые позволяют легко добавлять настраиваемые поля в WordPress. Теперь мы научим вас использовать плагин для добавления настраиваемых полей и работы с ними. Хороший плагин настраиваемых полей также позволит вам собирать различные типы информации в настраиваемых полях в дополнение к упрощению работы с настраиваемыми полями.Вы найдете категории полей для таких вещей, как:
- Текст
- Номера
- URL-адреса
- Загрузка изображений / файлов
- Расположение Google Maps
- И т. Д.
В этом руководстве мы будем использовать бесплатный плагин Advanced Custom Fields (ACF), который является одним из самые популярные варианты.
Расширенные настраиваемые поля
Этот плагин нам особенно нравится, потому что он прост в использовании. Он также поставляется с рядом готовых настраиваемых полей WordPress, которые вы можете добавить на свой веб-сайт с помощью нескольких щелчков мышью.
Разработчики
WordPress могут использовать плагин WordPress Advanced Custom Fields, чтобы назначать поля и входные данные шаблонам страниц и сообщениям для заполнения пользователями CMS. Он позволяет разработчикам добавлять в WordPress различные стили полей, такие как текстовые поля и загрузки изображений, без необходимости писать собственный код.
Поскольку у ACF есть собственная команда разработчиков, которые работают с фреймворком и управляют кодом, использование настраиваемых элементов управления и поддержка одного и того же кода во многих проектах WordPress является для нас гораздо более эффективным решением.
Для начала вы должны сначала установить и запустить плагин. Так что перейдите на панель управления и выберите в раскрывающемся меню Плагины -> Добавить новый. Если вы там, проверьте «Расширенные настраиваемые поля» в строке поиска.
Чтобы установить плагин, нажмите кнопку «Установить сейчас» рядом с его названием. Подождите, пока текст изменится на «Активировать», прежде чем щелкнуть по нему еще раз.
Когда подключаемый модуль установлен и включен, на вашей панели управления появится новая вкладка «Настраиваемые поля». Если вы щелкните по нему, появится список групп настраиваемых полей WordPress, все из которых должны быть пустыми.
Давайте исправим это, нажав кнопку «Добавить» вверху страницы. Затем плагин проведет вас через процесс создания группы с несколькими настраиваемыми полями WordPress.
Для начала перейдите в верхнюю часть экрана и нажмите кнопку «Добавить поле». Затем для вашего нового сектора выберите метку, которая также будет служить его названием. Вы также захотите решить, какое поле вы хотите создать на этом этапе.
Вот два наиболее важных варианта:
Метка поля — это имя поля.При этом также будет заполнено поле «Имя поля», с помощью которого вы будете ссылаться на это поле программно (при необходимости).
Тип поля — Тип данных, которые вы хотите собрать, определяется типом поля. Вы можете выбрать один из множества вариантов, включая текст, номер, адрес электронной почты, URL-адрес, изображение, выбор даты и т. Д.
В этом примере создадим поле для электронной почты.
Затем, чтобы другие пользователи вашего сайта знали, что им делать с вашей настраиваемой областью, вы можете написать набор инструкций.Эта фаза не нужна, но это хорошая привычка.
Вы можете повозиться с еще несколькими расширенными настройками, но давайте пока продолжим. Когда вы закроете редактор, ваше новое поле появится в списке сообщества.
После этого вам нужно будет решить, когда и где появится эта категория настраиваемых полей. Это можно сделать в настройках местоположения. Показать эту категорию поля, если это вариант, который можно использовать для настройки параметров просмотра.
В этом примере мы настроили настраиваемое поле для отображения в обычных сообщениях.
Используя кнопку «Добавить группу правил», вы можете добавить более одного места для отображения ваших новых настраиваемых полей WordPress.
Здесь есть еще один раздел, который позволяет вам настроить, где будет отображаться поле на вкладке редактора WordPress. По умолчанию он появится в текстовом редакторе, который мы вам вскоре покажем. А пока не забудьте сохранить новое настраиваемое поле, нажав кнопку «Опубликовать».
Теперь ваша территория готова к использованию. Он должен появиться внизу экрана, когда вы откроете редактор WordPress для одной из ваших статей.
Имейте в виду, что плагин Advanced Custom Fields можно использовать только для создания полей, но не для их просмотра на вашем веб-сайте. По умолчанию поле будет отображаться только на вашей панели инструментов, а его значение будет сохранено в базе данных WordPress.
Добавьте вручную настраиваемые поля WordPress и отредактируйте свою тему, чтобы сделать их видимыми
Для начала перейдите в мета-поле настраиваемых полей в сообщении или на странице, куда вы хотите добавить настраиваемое поле.
Затем вам нужно указать имя для настраиваемого поля, а затем ввести его значение.Нажмите кнопку «Добавить настраиваемое поле», чтобы сохранить его.
Вы можете отредактировать это настраиваемое поле в любое время и сохранить изменения, нажав кнопку обновления. Вы также можете удалить его при необходимости. Теперь вы можете сохранить свой пост, чтобы запомнить настройки настраиваемого поля.
Как отображать настраиваемые поля WordPress?
Добавление настраиваемых полей на ваш сайт WordPress позволяет просматривать более подробную информацию о вашем контенте и может помочь вам занять более высокое место в Google и других поисковых системах.Однако нетехническим пользователям может быть сложно понять, как отображать настраиваемые поля.
Существует также множество плагинов, которые позволяют, среди прочего, добавлять расширенные настраиваемые поля, такие как поля ввода, флажки и выборки. Один из наших любимых плагинов для отображения настраиваемого поля WordPress называется Toolset, или вы можете использовать код для отображения настраиваемого поля в WordPress.
Показать настраиваемые поля с использованием кода
В WordPress метод отображения настраиваемых полей по умолчанию:
- Активировать сингл.php или файлы темы page.php (через FTP или локально). Вы можете создать дочернюю тему, если используете стороннюю тему.
- Найдите функцию содержания, чтобы указать данные настраиваемого поля после фактической информации публикации или страницы.
- Получите значения настраиваемых полей с помощью функции get post meta, а затем перечислите их с помощью PHP echo.
Наборы инструментов
Toolset упрощает отображение настраиваемых полей во внешнем интерфейсе.
- Нажмите Добавить настраиваемые поля в строке формы публикации, в которую вы хотите добавить настраиваемые поля на вкладке панели инструментов Toolset.
- Для начала щелкните, чтобы выбрать тип настраиваемого поля, которое вы хотите создать.
- Введите название вашей области в появившемся диалоговом окне. Слизень производится на лету.
- Можно установить другие параметры для вашего настраиваемого поля. Для разных типов полей доступны разные варианты.
Вы можете добавить дополнительные настраиваемые поля, нажав кнопку «Добавить новое поле» после того, как добавите одно поле.
Когда вы закончите добавлять все необходимые поля, нажмите «Сохранить группу полей».
Вы можете использовать «динамический источник» для производительности любого блока Toolset. Включение этого параметра позволяет вам выбрать настраиваемое поле для отображения этого блока.
По умолчанию каждое настраиваемое поле может иметь только одно значение. Однако иногда вам может потребоваться несколько значений для одного поля.
Обеспечение повторяемости отдельных полей
Используя, например, повторяющуюся область изображения, вы можете быстро добавлять галереи и слайдеры.
Чтобы сделать этот выбор доступным, выполните следующие действия:
- Измените значение отдельного поля, о котором идет речь.
- Выбирайте одиночный или повторяющийся сектор.
- Разрешить несколько экземпляров этого поля, установив флажок.
Учтите, что не все поля могут повторяться.
Мы будем использовать один из этих блоков, чтобы отображать повторяющиеся отдельные поля позже, когда мы услышим о представлении пользовательского контента:
- Используйте этот блок для отображения повторяющихся полей, которые не являются изображениями.
- Используйте блоки «Ползунок» и «Галерея» для отображения повторяющихся полей изображения.
Создание повторяемых классов полей
Целую группу полей можно сделать «повторяемой». Например, если вы создаете кулинарный веб-сайт, вы можете использовать группу повторяющихся полей для хранения «ингредиентов» с «названием» и «количеством».
Чтобы создать группу повторяющихся полей, выполните следующие действия:
- Щелкните категорию «Добавить новые настраиваемые поля» на вкладке «Настраиваемые поля набора инструментов».
- Чтобы создать вечеринку после полевых работ, выберите опцию.
- Сохраните категорию ключевого поля с именем.
- Ваша группа ключей должна быть назначена одной форме сообщения, чтобы можно было вставить повторяющуюся группу полей. Выберите одну форму публикации, нажав кнопку «Изменить» в разделе «Куда включить эту группу полей».
- Нажмите кнопку «Добавить новое повторяющееся сообщество», дайте ему имя и начните добавлять в него поля.
- Вам нужно будет создать представление, чтобы отображать повторяющиеся классы полей.
Подведение итогов!
Уф, надеюсь, это не так уж много!
По мере того, как вы приобретаете опыт работы с WordPress, вы можете начать изучать и использовать некоторые из его более продвинутых функций.Настраиваемые поля — отличный пример скрытой функции, которая дает вам гораздо больший контроль над вашим контентом.
Пользовательские поля в WordPress позволяют добавлять различные типы метаданных к вашим сообщениям и страницам. Например, вы можете добавить настраиваемое поле, в котором отображается рейтинг каждого сообщения, флажки или даже карты. С настраиваемыми полями WordPress мало что нельзя сделать, и настроить их очень просто.
Однако большинство людей не работают напрямую с собственными функциями настраиваемых полей.Вместо этого большинство людей могут использовать плагин.
Просто установите ACF или Toolset и начните настраивать способ ввода данных вами и вашей командой. При планировании следующего проекта учитывайте универсальность, которую обеспечивают настраиваемые поля. Они могут обрабатывать широкий спектр контента, позволяя при этом быстро вносить изменения в масштабе всего сайта.
Возможность настраивать и улучшать метаданные ваших публикаций и страниц поднимет ваш сайт на новый уровень, будь то сайт с обзорами, торговая площадка для электронной коммерции или даже просто дружелюбный блог, в котором вы хотите поделиться тем, что происходит в вашей жизни.
Чтобы получить представление об основах, попрактикуйтесь в использовании функций в своей работе. Оттуда вы сможете создавать потрясающие приложения в кратчайшие сроки. «До следующего раза, ребята!
настраиваемых полей WordPress. Все, что вам нужно знать о
Настройка — одна из основных функций, предлагаемых WordPress в качестве мощного программного обеспечения для системы управления контентом. Благодаря этой функции вы можете создать индивидуальный веб-сайт в соответствии с вашими потребностями. Один из вариантов настройки, который вы можете использовать, — это настраиваемые поля.Что это?
В этой статье мы расскажем все, что вам нужно знать о настраиваемых полях WordPress. Вот что мы рассмотрим:
- Что такое настраиваемое поле
- Как создать настраиваемое поле
- Как добавить настраиваемое поле в плагин компоновщика страниц
- Плагины для создания настраиваемых полей
Что такое настраиваемое field
В нашей предыдущей статье мы рассмотрели анатомию шаблона отдельного сообщения в WordPress. Какая связь с настраиваемыми полями ?.В шаблоне отдельного сообщения WordPress вы обычно найдете такие элементы, как заголовок сообщения, мета сообщения, избранное изображение и т. Д. Эти элементы называются полями, и они уже предоставлены WordPress. Зная PHP, вы можете настроить отображение этих полей по умолчанию. Или вы также можете использовать плагин для построения страниц, такой как Elementor, Brizy и Divi Builder, для отображения этих элементов, если у вас нет знаний PHP.
Если вам нужно дополнительное поле для хранения настраиваемых метаданных, вы можете создать настраиваемое поле.Другими словами, настраиваемое поле позволяет хранить дополнительную информацию (метаданные) о сообщениях в блогах, страницах, настраиваемых типах сообщений и других типах контента в WordPress.
Для чего используются настраиваемые поля?
Вы когда-нибудь использовали WooCommerce? WooCommerce — лучший пример того, как можно использовать настраиваемые поля. При добавлении нового продукта в WooCommerce вы можете добавить такую информацию, как цена продукта, категория продукта, рейтинг продукта, цвет продукта и так далее. Затем вы можете управлять тем, как продукты будут отображаться в интерфейсе вашего веб-сайта.В большинстве случаев посетители могут сортировать товары по цене, цвету, категории, рейтингу и другим параметрам. В контексте WooCommerce такие параметры, как цена, цвет, рейтинг и категория, являются примерами настраиваемых полей.
Нужен более простой пример?
Допустим, вы хотите создать веб-сайт с обзором фильмов. Скорее всего, вы захотите добавить такие параметры, как рейтинг, жанр и сводка. Вместо добавления этих параметров в редактор содержимого, как показано ниже:
Вы можете отделить эти параметры от основного содержимого, создав следующие настраиваемые поля:
Разделение этих параметров в настраиваемых полях может дать вам гибкость и преимущества.Например:
- Это помогает обеспечить одинаковый стиль и форматирование ваших обзорных сообщений.
- Вы можете создать страницу со списком лучших фильмов и предложить пользователям возможность сортировать фильмы по доступным параметрам (рейтингу или жанру).
Помимо сайта просмотра фильмов и сайта электронной коммерции, вы также можете использовать настраиваемые поля для создания других типов веб-сайтов, таких как сайт проживания, сайт аренды автомобилей и т. Д. В WordPress настраиваемые поля хранятся в разных таблицах базы данных WordPress.
Одним из самых больших преимуществ настраиваемых полей WordPress является то, что вы можете создавать веб-сайты любого типа, не полагаясь на плагины. Вместо этого вы можете сами создавать настраиваемые поля в соответствии с вашими потребностями. Если вам нужно установить плагин, вам нужно установить только один плагин (плагин для создания настраиваемых полей)
Как создать настраиваемое поле
WordPress фактически поставляется с функцией по умолчанию для создания настраиваемого поля, но для реальный веб-сайт, возможно, вы не захотите его использовать.Но если вы хотите знать, вы можете щелкнуть значок с тремя точками в правом верхнем углу редактора WordPress и выбрать Options .
В появившемся окне включите опцию Пользовательские поля .
После перезагрузки редактора вы увидите новый блок под редактором содержимого, где вы можете добавить настраиваемые поля.
Для отображения информации из настраиваемых полей вам необходимо знать PHP.
В качестве альтернативы вы можете использовать плагин для создания настраиваемых полей WordPress, а затем отображать информацию с помощью конструктора страниц.Это лучшее решение, если вы не знакомы с PHP. ACF (Advanced Custom Fields), Pods и JetEngine (только Elementor) — это примеры плагинов, которые вы можете использовать.
Pods — лучший вариант, если вы ищете бесплатное решение для плагина настраиваемых полей, поскольку он выпущен как бесплатный плагин. Вот как использовать модули для создания настраиваемых полей WordPress.
Как создавать настраиваемые поля WordPress с помощью модулей
Модули поддерживают 18 типов полей, включая средство выбора даты на основе jQuery, средство выбора цвета, загрузку файлов, редактор WYSIWYG.Вы можете скачать его в каталоге плагинов WordPress.
После установки и активации перейдите в Pods -> Добавить новый . Вы столкнетесь с двумя вариантами. Если вы хотите назначить настраиваемые поля новому настраиваемому типу публикации, вы можете выбрать опцию Create New . И наоборот, вы можете выбрать опцию Existing , чтобы назначить настраиваемые поля существующему типу контента, например сообщениям в блогах, страницам, таксономиям и т. Д. В этом примере мы выбираем опцию Extend Existing .
Выберите тип контента, а также тип сообщения, которому вы хотите назначить настраиваемые поля, и нажмите кнопку Next Step .
Чтобы добавить поле, вы можете нажать кнопку Добавить поле . Добавьте метку поля, имя поля и описание поля. Также выберите тип поля. Если вы хотите сделать поле обязательным, вы можете просто отметить опцию Обязательно . Чтобы добавить дополнительные параметры, такие как максимальная длина и заполнитель HTML, вы можете открыть вкладку Дополнительные параметры поля .Нажмите кнопку Сохранить поле , чтобы сохранить поле.
Вы можете повторить описанные выше шаги, чтобы добавить дополнительные настраиваемые поля. После добавления настраиваемых полей нажмите кнопку Save Pods , чтобы опубликовать настраиваемые поля.
Ваши настраиваемые поля готовы к использованию.
Как добавить настраиваемое поле в подключаемый модуль компоновщика страниц
Большинство подключаемых модулей компоновщика страниц имеют функцию добавления настраиваемых полей, включая наши любимые конструкторы страниц Elementor, Brizy и Divi Builder.В Elementor и Brizy возможность добавлять настраиваемые поля доступна в профессиональных версиях. Однако не все плагины настраиваемых полей поддерживаются построителями страниц. Например, капсулы. Его нельзя использовать в Divi Builder. У нас есть отдельные статьи, в которых рассказывается, как добавлять настраиваемые поля в Elementor, Brizy и Divi Builder. Вы можете прочитать статьи, чтобы узнать больше. Вот ссылки:
4 плагина для создания настраиваемых полей
Как мы только что упомянули выше, не все плагины настраиваемых полей поддерживаются построителями страниц, поэтому обязательно установите тот, который поддерживается построителем страниц, который вы используете.Вот 4 лучших плагина для создания настраиваемых полей WordPress.
1. JetEngine
Если вы используете Elementor, JetEngine — это первый плагин, который вы можете попробовать. Это надстройка Elementor премиум-класса, разработанная Crocoblock, частью JetPlugins. С JetEngine вы можете создать полностью настраиваемый веб-сайт на базе WordPress без программирования с минимальным количеством плагинов. Существует 17 типов полей, которые вы можете выбрать при создании настраиваемой группы полей с помощью JetEngine:
- Текст
- Дата
- Время
- Дата и время
- Текстовая область
- WYSIWYG
- Switcher
- Checkbox
- Icon picker
- Media
- Gallery
- Radio
Repeater
Select
Number
Color picker
Post
JetEngine сам по себе является достаточно универсальным плагином.Помимо создания настраиваемых полей, вы также можете использовать его для создания настраиваемой формы благодаря модулю Forms. Вы также можете использовать его для создания произвольного типа сообщения.
2. Pods
Как уже упоминалось, Pods — лучший вариант, если вы ищете бесплатное решение плагина настраиваемого поля. Плагин выпущен как бесплатный плагин, совершенно бесплатно. Модули поддерживают 18 типов полей.
- Обычный текст
- Веб-сайт
- Телефон
- Электронная почта
- Пароль
- Обычный текст абзаца
- Редактор QYSIWYG
- Код
- Дата / время
- Дата
- Время
- 25 Обычный номер
- 25 Валюта
- Файл
- oEmbed
- Relationshop
- Да / Нет
- Палитра цветов
Модули можно использовать на Elementor и Brizy.
3. Расширенные настраиваемые поля, также известные как ACF
Расширенные настраиваемые поля (сокращенно ACF) — самый популярный плагин для создания настраиваемых полей WordPress. У него уже более 1 миллиона установок. Поскольку это самый популярный плагин с настраиваемыми полями, неудивительно, что ACF поддерживается большинством плагинов для построения страниц, включая Elementor, Brizy и Divi Builder. Сам ACF выпущен как плагин freemium, то есть есть возможность использовать его бесплатно. ACF поддерживает следующие типы полей:
- Текст
- Текстовая область
- Номер
- Диапазон
- Электронная почта
- URL
- Пароль
- Изображение
- Файл
- Редактор WYSIWYG
- oEmbed Select
- oEmbed Select
- Флажок
- Радиокнопка
- Группа кнопок
- Верно / неверно
- Ссылка
- Опубликовать объект
- Ссылка на страницу
- Взаимосвязь
- Таксономия
- Пользователь
- Google Maps Date
- Дата Выбор времени
- Палитра
- Палитра времени
- Палитра цветов
- Сообщение
- Гармошка
- Группа вкладок
4.Toolset
Toolset — это платный плагин настраиваемого поля. Нет возможности использовать его бесплатно бесплатно. Набор инструментов поддерживается большинством плагинов для построения страниц, включая Brizy и Elementor.
Итог
Возможность добавлять настраиваемые поля — превосходная функция, предлагаемая WordPress для создания полностью настраиваемого веб-сайта с минимальным количеством подключаемых модулей. Понимание того, как работают настраиваемые поля, — ключ к тому, чтобы стать веб-разработчиком на базе WordPress. Знания PHP не требуются. Вместе со своим любимым конструктором страниц вы можете стать веб-разработчиком, освоив определенный плагин настраиваемого поля.
7 лучших плагинов WordPress с настраиваемыми полями 2020
Повторное добавление одной и той же информации к нескольким сообщениям может занять много времени, особенно для сайтов с большим объемом контента, таких как блоги, образовательные сайты, бизнес-сайты и сайты электронной коммерции. К счастью, это то, что вы можете выполнить намного быстрее с помощью настраиваемых полей в WordPress.
Пользовательские поля — это своего рода мета-поля, куда мы вставляем данные, связанные с публикациями. А чтобы обеспечить функциональность настраиваемых полей на вашем сайте, вы можете использовать плагины настраиваемых полей.
В этом посте мы обсудим семь лучших плагинов WordPress, которые помогут настроить любой сайт WordPress.
Итак, приступим.
Что такое плагины настраиваемых полей WordPress?
Как обсуждалось ранее, настраиваемые поля позволяют добавлять дополнительные метаданные к вашим сообщениям, страницам и настраиваемым типам сообщений. Они улучшают функциональность вашего сайта и делают его контент высокоорганизованным в соответствии с вашими желаниями.
Настраиваемые поля также повышают эффективность управления содержимым сайта пользователем.Например, с помощью правильного настраиваемого поля вы можете легко обновить важные данные на своем веб-сайте или при необходимости внести некоторые коррективы.
С благодарностью, существует удобный способ создания настраиваемых шаблонов полей для вашего сайта. Вы также можете добавлять их на свои страницы, в сообщения, пользовательские типы сообщений и практически в любом месте вашего веб-сайта WordPress. Это возможно, установив соответствующий плагин настраиваемых полей для WordPress. Другой способ сделать это — в полной мере использовать его функции, инструменты и функции.
7 лучших плагинов настраиваемых полей для сайтов WordPress
Мы собрали некоторые из лучших плагинов настраиваемых полей для веб-сайтов WordPress, предлагающих самые выдающиеся функции, которые могут сделать любой сайт максимально настраиваемым. А еще лучше, постоянные обновления доступны и для этих плагинов WordPress.
Итак, пользователи WordPress могут быть уверены, что разработчики активно находят решения возникающих проблем. Кроме того, делаются регулярные обновления, чтобы предоставлять более качественные услуги пользователям, установившим плагины на свои сайты.
Пользовательские поля WooCommerce
С помощью плагина WooCommerce Custom Fields вы можете позволить своим клиентам выбирать дату и время для доставки своего продукта. Вы также можете взимать дополнительную плату за надстройки и услуги, выбранные во время оформления заказа, если хотите. Вы можете создавать неограниченное количество полей продукта, отмечать поля как общедоступные или частные и отображать настраиваемые поля WooCommerce на странице оформления заказа.
Характеристики :
- Этот плагин обеспечивает фильтр ценового диапазона для вашего интернет-магазина.
- Вы можете предлагать популярные услуги и дополнения, такие как подарочная упаковка или расширенная гарантия, используя продажи для более значительной прибыли.
- Вы можете использовать плагин WooCommerce Custom Field для сбора дат рождения, чтобы удивить клиентов учетной записью дня рождения.
- Кроме того, вы можете предоставить информацию об отслеживании доставки или серийный номер приобретенного ими устройства и держать своих клиентов в курсе.
Цена :
Цена этого плагина составляет 39 долларов США, с 6-месячной поддержкой RightPress.
Набор инструментов
Это идеальный выбор для продвинутых и начинающих разработчиков, поскольку этот плагин позволяет легко добавлять настраиваемые поля без каких-либо знаний в области программирования. Вы также можете выбирать из более чем 20 типов настраиваемых полей, включая изображения, числа и видео.
Самое лучшее в использовании этого плагина Custom Field заключается в том, что вы можете добавить все функции, необходимые для пользовательского сайта WordPress, с помощью одного плагина, включая таксономии, пользовательские типы сообщений, пользовательский поиск и многое другое.
Характеристики :
- Вы можете создавать собственные типы сообщений и таксономии без программирования PHP.
- Toolset предлагает повторяемые группы полей, поэтому вы можете создавать несколько наборов полей столько раз, сколько захотите.
- С помощью этого плагина Custom Field вы можете полностью контролировать, как вы хотите настроить свои группы полей.
- Пользовательские поля вашего сайта могут быть полностью доступны для поиска в строке поиска.
Плагин
Цена:
Вы можете купить плагин настраиваемого поля для презентации набора инструментов всего за 69 долларов — если вам нужны настраиваемые поля.
Но если вы хотите создать сайт целиком, Toolset Interactive поможет вам создать три пользовательских сайта WordPress за 149 долларов.
Фильтр настраиваемых полей и таксономий
Filter Custom Fields and Taxonomies является одним из лучших плагинов WordPress с настраиваемыми полями, потому что этот плагин использует форму поиска Profi для каждой функции, которую он предоставляет.
Практически все функции плагина Filter Custom Fields and Taxonomies выполняются с помощью этой формы поиска.Этот фильтр очень полезен при применении поисковых фильтров к поиску.
Используя форму Profi Search, ваши клиенты могут выполнять полнотекстовый поиск, использовать ползунок диапазона для выбора возраста, цен и т. Д.
Форма поиска Profi — это форма поиска и фильтрации. Чтобы использовать его на своем сайте, вам необходимо ввести шорткод. Вы также можете использовать виджет для фильтра поиска на боковых панелях.
Характеристики :
- Плагин Filter Custom Fields and Taxonomies легко настраивается из области администрирования.
- Ваши клиенты могут выполнять полнотекстовый поиск. Это означает, что поисковая система проверяет все слова в каждом документе и пытается соответствовать критериям поиска.
- Также этот плагин имеет ползунок диапазона. Ваши клиенты могут выбрать конкретную цену, возраст человека и поле выбора.
- Этот фантастический плагин предоставляет множество фильтров, таких как фильтры по настраиваемым полям, сообщениям, таксономиям, и каждый из них предлагает разные функции.
Цена :
Это 4.Плагин Custom Field с рейтингом 5 звезд будет стоить вам всего 21 доллар.
Расширенное настраиваемое поле Pro
Это новый плагин, который выпускается вместе с ACF версии 5 и содержит функции 4 дополнительных надстроек. ACF Pro рекомендуется для пользователей, которые использовали расширенные настраиваемые поля, таких как администраторы, разработчики или другие пользователи со средним уровнем опыта работы с WordPress.
ACF Pro имеет множество дополнительных функций для разработки лучших сайтов. Он содержит много чего — галерею, повторитель и гибкое поле контента с опциями для создания страниц.
Поле повторителя помогает создать набор подполей. Эти подполя можно использовать снова и снова. Поле повторителя позволяет с легкостью управлять и создавать любые индивидуальные данные.
Характеристики :
- Этот плагин предоставляет поле галереи, которое обеспечивает интуитивно понятный интерфейс для управления коллекцией изображений.
- ACF Pro имеет гибкое поле контента, которое является менеджером макета контента. Он помогает определять, редактировать, добавлять и переупорядочивать группы макетов.
- С помощью этого плагина вы можете отображать настраиваемое поле профиля в 26 местах на странице вашей учетной записи.
- Поле клонирования в этом плагине позволяет выбирать и отображать существующие поля.
Плагин
Цена :
Advanced Custom Field Pro доступен с двумя лицензиями: персональной и лицензией разработчика.
- Лицензия разработчика — поддержка неограниченного количества веб-сайтов за 100 долларов.
- — стоимость 25 долларов с пожизненными обновлениями для одного веб-сайта.
Персональная лицензия
Плагин настраиваемых полей и настраиваемых типов сообщений
Это плагин WordPress, который работает просто и предоставляет интуитивно понятный интерфейс. Вы всегда можете перейти на его премиум-версию, если вам нужны расширенные функции в отношении пользовательских типов сообщений.
Этот плагин помогает настраивать все поля и сообщения. С помощью этого плагина вы можете создавать повторяющиеся настраиваемые поля, таксономии, типы сообщений и создавать шаблоны интерфейса прямо из области администрирования WP.
Характеристики :
- В этом плагине вы можете найти как настраиваемую таксономию, так и создателя.
- Этот плагин имеет расширенный редактор настраиваемых полей Repeater Custom Fields Creator; с его помощью вы также можете создать набор подполей.
- Он предоставляет вам различные варианты создания страниц.
- Используя плагин Custom Fields & Custom Post Types, вы также можете создать интерфейс вашего сайта.
Цена :
Плагин
Custom Fields & Custom Post Types доступен в двух тарифных планах:
- Pro Версия для неограниченного количества веб-сайтов за 149 долларов.
- Версия для любителей с одним доступным веб-сайтом.
Набор пользовательских полей
Еще один простой в освоении и бесплатный плагин WordPress — Custom Field Suite. Это легкий плагин WordPress, который не перегружает ваш сайт.
Custom Field Suite позволяет просматривать административное меню «Группы полей». Это очень поможет вам в добавлении функциональности вашему сайту. В этом плагине вы найдете множество типов полей, таких как цикл, текст, вкладка, гиперссылка и многое другое.
Разработчики регулярно обновляют этот плагин и решают возникающие проблемы. Этот плагин отлично подходит для настройки страниц вашего сайта WordPress.
Кроме того, этот плагин имеет до 40 000+ активных установок и имеет 5-звездочный рейтинг многих пользователей.
Характеристики :
- CFS создает группу полей, которая содержит одно или несколько настраиваемых полей.
- Поставляется с документацией, которая упрощает использование.
- С помощью поля «Правила размещения» вы можете легко решить, где должна отображаться группа полей.
Цена :
Это простой в использовании бесплатный плагин.
Шаблон настраиваемого поля
Это простой плагин WordPress Custom Fields для WordPress, который не слишком усложняет множество функций.
Как только этот плагин будет установлен, он поможет расширить функциональные возможности по умолчанию, которые у вас уже есть в WordPress. Использование этого замечательного плагина ничем не отличается от стандартной процедуры создания настраиваемых полей.
Характеристики :
- Имеется возможность установить любое количество настраиваемых шаблонов полей.
- Вы можете использовать его для установки значения уровня доступа пользователя.
- Поддержка шорткодов.
- Если вы знаете о JavaScript или PHP, вы можете настроить многие аспекты плагина.
Цена :
Этот плагин является бесплатным.
Заключение
По мере того, как вы чувствуете себя более комфортно с WordPress, вы можете начать расширяться и использовать некоторые из его более продвинутых функций.Настраиваемые поля — отличный пример — скрытая жемчужина, которая значительно расширяет ваш контроль над контентом WordPress.
Теперь вам решать, какой плагин настраиваемого поля вы будете использовать для своего веб-сайта WordPress. Все эти настраиваемые поля очень эффективны; вы можете использовать любой из них для своего сайта WordPress. Сообщите нам, какой плагин вам понравился больше всего, а какой вам больше всего подходит для работы с вашим собственным проектом.
Основное руководство по настраиваемым полям WordPress
Если в WordPress есть одна особенность, которая отличает его от других систем управления контентом (CMS), то это настройка.Настраиваемые поля в WordPress — это встроенная часть CMS, которая позволяет расширять не только отображаемые метаданные и информацию, но также полностью изменять функциональность и полезность публикации или страницы. Мы хотим помочь вам понять основы. Мы собираемся обсудить, что такое настраиваемые поля, почему они полезны, и предоставим несколько реальных примеров того, как они используются.
Подпишитесь на наш канал Youtube
Что такое настраиваемые поля WordPress?
Короче говоря, настраиваемые поля WordPress позволяют добавлять определенные элементы на страницы.Это может быть конкретное изображение или авторская биография, или биография автора, может быть, рейтинг или даже что-то подобное, как говорится в записи Кодекса в настраиваемых полях, настроение, текущее чтение, прослушивание или погодные поля.
Эти поля составляют так называемые метаданные для вашего сообщения (в основном все, что не входит в основное содержание вашей статьи). По умолчанию WordPress имеет мета-поля для общей информации, такой как теги, категории, постоянные ссылки, избранные изображения и т. Д. Если вы хотите добавить больше, вы будете использовать настраиваемые поля.
Возможно, вы даже захотите добавить информацию, которую каждый из авторов в вашей команде должен заполнить, чтобы опубликовать сообщение.
Вы можете создать обязательное поле, в котором запись не будет опубликована, пока не будут отмечены определенные критерии. Так что имейте в виду, что эти настраиваемые поля предназначены не только для информации о интерфейсе пользователя. Они также могут быть полезны для серверной части.
Добавление настраиваемых полей в сообщение WordPress
По умолчанию настраиваемые поля WordPress отключены в редакторе страниц и сообщений.Если вы используете редактор блоков, их легко включить. Просто щелкните значок Gear Icon в правом верхнем углу экрана. Выберите Параметры .
Затем включите Custom Fields в нижней части всплывающего экрана. Вам придется перезагрузить страницу, поэтому сначала обязательно сохраните свою работу.
После включения и перезагрузки мета-поля настраиваемых полей появятся в нижней части экрана.Под частью экрана редактора контента.
Хотя настраиваемые поля WordPress невероятно эффективны, значения по умолчанию ограничены текстовым значением. Чтобы сделать их более надежными, нужны PHP и разработка. К счастью, есть плагины, которые делают эту работу за вас, и мы расскажем, как их запустить. Если все, что вам нужно, это текстовое поле в некоторых сообщениях и не нужен плагин, не стесняйтесь пропустить ниже о добавлении настраиваемых полей WordPress во внешний интерфейс вашей темы.Это относится к полям по умолчанию, а также к тем, которые создаются плагинами, такими как Advanced Custom Fields.
Использование плагина расширенных настраиваемых полей
Как и в большинстве случаев в WordPress, у вас есть два варианта реализации. Вы можете вручную отредактировать файлы PHP, чтобы добавить функциональность настраиваемого поля, или вы можете использовать плагин. В этом случае мы настоятельно рекомендуем использовать плагин. Однако, если вы чувствуете необходимость отредактировать PHP и войти в код, вы можете сделать это в Внешний вид — Редактор тем .Вот страница WP Codex с настраиваемыми полями, чтобы вы начали. Он ссылается на различные теги шаблона и хуки, которые вам понадобятся для его работы.
Но опять же, мы настоятельно рекомендуем использовать плагин Advanced Custom Fields вместо настройки кода. Плагин позволяет использовать все, что вы хотите, от настраиваемых полей (и некоторых других), поэтому мы не чувствуем необходимости изобретать велосипед. Когда это работает, это работает. Используй это.
После того, как ACF будет установлен и активирован, вы увидите запись Custom Fields на левой боковой панели административной панели WordPress.Он поставляется с тремя вариантами: Группы полей , Добавить Новый и Инструменты .
Группы полей можно рассматривать как наборы. Все, что вы хотите отобразить в одном окне, вы включаете в ту же группу. Добавить новый позволит вам добавить как новую группу , так и новое настраиваемое поле. В то время как Tools — это то место, где вы можете импортировать и экспортировать различные существующие наборы настраиваемых полей с других сайтов WordPress.
Основы ACF
Создать сами поля довольно просто. Перейдите в окно Добавить новый .
Несмотря ни на что, настраиваемые поля ACF будут включены в группу полей . Это просто означает определенные поля, содержащиеся в одном поле. Таким образом, вы можете назвать его как хотите, как в редакторе сообщений. Каждый раз, когда вы хотите добавить отдельную запись в группу, вы нажимаете кнопку Добавить поле .Делайте это каждый раз, когда вам нужно другое поле в одном и том же мета-поле. Правила Location определяют, где и когда появится окно. В этом примере, поскольку тип сообщения равен сообщению , это означает, что он будет отображаться только в сообщениях. Не страницы или другие пользовательские типы сообщений.
Затем вы действительно можете выбрать Настройки для самого поля. Что он собирается делать и какую функцию будет выполнять на сайте.
Вы в основном выбираете место размещения (под контентом публикации в редакторе, на боковой панели, над контентом и т. Д.), а также размещение текста и самих полей. Область Hide on Screen — самая интересная. В зависимости от того, как вам нужно использовать настраиваемые поля, вы можете исключить любые или все другие мета-блоки из своих черновиков. Выберите условия для внешнего вида этого настраиваемого поля, а затем определите, какие другие поля будут отображаться вместе с ним, если таковые имеются. Много раз вы даже не беспокоитесь об этом.
Создание настраиваемых полей с помощью ACF
После того, как вы назвали свою группу полей, вы можете нажать кнопку Добавить поле .Вы можете иметь любое количество полей в одной группе, но убедитесь, что все они связаны друг с другом. С помощью ACF вы можете создать практически любое поле ввода, какое только можете себе представить.
В этом примере представим, что у нас запущен сайт WordPress в области поп-культуры, который просматривает фильмы и хочет, чтобы в настраиваемых полях отображался рейтинг, указывается, транслируется ли фильм в потоковом режиме, и если да, то где его найти.
Все они будут находиться в одной группе полей, но в разных полях. Как вы можете видеть выше, Is It Streaming? Поле настроено как переключатель с переключателем да / нет, который требуется перед публикацией.Кроме того, мы хотим, чтобы условное поле отображалось, если поле помечено как Да. Это делается простым повторным нажатием Добавить поле .
При включенном переключателе Conditional Logic вам просто нужно выбрать, какое поле оно подлежит и какое значение должно быть. В данном случае Is It Streaming? должно быть равно от до Да.
В редакторе сообщений запись настраиваемых полей будет выглядеть так:
И когда вы опубликуете свое сообщение, введенные вами метаданные станут частью сообщения.Но есть еще одна проблема. Вы не можете его видеть, и ваши посетители не могут.
Как отображать настраиваемые поля во внешнем интерфейсе WordPress
Даже если вы все это сделали идеально, введенные вами данные не появятся в интерфейсе вашего сайта без небольшой настройки. В конце концов, где бы это появилось? Часто ваша тема будет иметь способ отображения метаданных и настраиваемых полей, но они различаются по теме. Проверьте параметры вашей темы для документации.
Еще один способ отображения настраиваемых полей во внешнем интерфейсе — встроенные короткие коды ACF.Хотя в ACF нет встроенного средства настройки или построения, вы можете использовать следующий шорткод только для текстовых полей .
Но поскольку он ограничен текстовыми полями, он может иметь ограниченное использование для многих людей. Вы также можете зайти в PHP и использовать код ACF, как в примерах их документации. Вы также можете перейти на ACF Pro и получить доступ к встроенному блоку Gutenberg, который отображает настраиваемое поле точно так, как вы его стилизуете в конструкторе.
Но, как мы уже говорили, в наши дни многие темы поставляются с интеграцией настраиваемых полей, и мы покажем вам, как это делается в Divi.
Как отображать настраиваемые поля во внешнем интерфейсе с помощью Divi
Во-первых, помните, что многие модули Divi могут отображать шорткоды. Очень часто ваши текстовые настраиваемые поля, созданные в ACF, можно просто вставить с помощью их коротких кодов, как мы упоминали выше.
В нашем примере выше, в котором используется условная логика и переключатели, мы будем использовать функцию динамического содержимого Divi. К тому же им очень легко пользоваться. Мы покажем вам это через конструктор тем Divi, но вы можете использовать его буквально в любом модуле, который поддерживает его в обычном конструкторе Divi.Щелкните Black + и выберите нужный модуль. Для этого используется Text Module .
Затем найдите часть модуля, в которую вы хотите вставить настраиваемое поле. Найдите значок Dynamic Content справа от любого места, которое поддерживает эту функцию.
Щелкните его, чтобы выбрать из раскрывающегося меню все доступные типы динамического содержимого, включая все настраиваемые поля. Они могут быть в самом низу.
Divi дает вам возможность добавлять метки «до» и «после» к содержимому поля. Мы хотим, чтобы наш фильм читался естественно как часть сообщения, поэтому Доступен ли этот фильм для потоковой передачи в Интернете? будет помещен перед значением при визуализации поля. Кроме того, мы добавили конечный пробел в конце, чтобы отделить нашу метку от значения ACF.
Так как вы можете иметь только один фрагмент динамического содержимого на область модуля, повторите этот процесс для других полей.Однако обратите внимание, что, хотя настраиваемое поле является условным, модуль Divi не является . Итак, если вы используете метку до / после в условном поле, вы все равно увидите эту метку. Если вы оставите их пустыми, никакое значение не будет отображаться.
Кроме того, опция Enable Raw HTML позволит отображать любой код, введенный в поле ACF, например ссылки на различные платформы и т. Д.
Завершение
Как видите, несмотря на кажущуюся сложность, настраиваемые поля WordPress — это функция, для правильной работы которой не требуется разработчик.Просто установите ACF и начните настраивать способ ввода информации вами и вашей командой. Будь то сайт с обзорами, торговая площадка для электронной коммерции или просто дружелюбный блог, в котором вы хотите поделиться тем, что происходит в вашей жизни, возможность настроить и улучшить метаданные ваших сообщений и страниц может поднять ваш сайт на новый уровень.
Для чего вы используете настраиваемые поля WordPress?
Изображение предоставлено SurfsUp / shutterstock.com
.