Произвольные поля плагин wordpress: Лучшие плагины произвольных полей в WordPress

Если вы не разработчик, возможно, вы не знакомы с этими волшебными инструментами. Но скорее всего вы использовали пользовательские поля WordPress, хотя не знали этого.

Что такое пользовательские поля WordPress

По словам разработчика, настраиваемые поля позволяют хранить дополнительную информацию, называемую «метаданными», используя пары ключ / значение. То есть пользовательские поля помогают вам хранить дополнительную информацию о части контента. Вы можете просто сохранить эту информацию для себя и показать ее в бэкэнд-редакторе или отобразить на веб-интерфейсе для ваших посетителей.

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

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

Почему лучше использовать настраиваемое поле, чем просто записать что-то в текст записи? Потому что, с этими данными намного проще работать. Теперь вы можете:

• Позволить посетителям искать и фильтровать контент по рейтингу обзора.
• Быть уверенными, что рейтинг обзора отобразится в одном стиле.
• Легко обновлять рейтинг обзора.
• И многое другое.

Огромное количество плагинов, которые вы используете и любите, основаны на принципах пользовательских полей. Несколько примеров:

• Events plugin, который использует настраиваемые поля для хранения дат событий, цен и других данных.
• eCommerce plugin, использует настраиваемые поля для хранения цен на товары, деталей и т. д.
• Directory plugin, этот плагин использует настраиваемые поля для хранения информации о каждом элементе в вашем каталоге.

Можно использовать настраиваемые поля более простым способом, например, добавить некоторую дополнительную информацию в запись блога и отобразить:

• Место, из которого вы пишете пост (это было бы здорово для туристического блога).
• Альбом, который вы сейчас слушаете или книгу, которую читаете.
• Вес, который вы недавно подняли в тренажерном зале (отличная идея для фитнес-блога).
• И другие интересные возможности.

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

Простые в использовании плагины для пользовательских полей WordPress

Хотя WordPress включает встроенные функции для настраиваемых полей, самый простой способ работы с ними – с помощью плагинов:

1. Toolset

Toolset – это популярный набор инструментов, работающий с пользовательскими полями WordPress и типами записей.

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

Toolset – это премиальное решение с планами, начинающимися с 69 долларов.

2. Advanced Custom Fields

Advanced Custom Fields – это популярный плагин, который добавляет различные новые типы полей через простой и удобный интерфейс. Плагин предоставляет возможность отображения полей через PHP или шорткоды.

Это супер популярный по определенной причине и отличный вариант, если вы немного технически подкованы.

Базовая версия доступна бесплатно на WordPress.org, а Pro версия стоит всего 25 долларов.

3. Pods

Pods – это популярный бесплатный плагин, который работает как с пользовательскими полями, так и с пользовательскими типами записей.

Он также позволяет отображать данные пользовательских полей с помощью простых тегов (а не PHP), что удобно. Вам нужно будет знать немного HTML / CSS, чтобы все выглядело хорошо, но в этом легко разобраться.

Плагин на 100% бесплатный.

4. Meta Box

Meta Box – еще один популярный плагин для настраиваемых полей WordPress, который работает с подходом, аналогичным Advanced Custom Fields.

Он поддерживает более 40 различных типов полей, включая расширенные функции, такие как группы повторителей.

Вы можете отображать информацию о поле, используя как PHP, так и шорткоды.

Базовая версия бесплатна на WordPress.org, а также есть ряд бесплатных и платных расширений, которые добавляют больше функциональности.

Смотри также:

Как работать с произвольными полями в WordPress с помощью плагина Meta Box

Пример отображения пользовательских полей WordPress в плагине Toolset

Все вышеперечисленные плагины – отличные варианты. Рассмотрим функционал Toolset потому, что он позволяет легко добавлять пользовательские поля, получать эту информацию и отображать ее на веб-интерфейсе своего сайта.

Для создания пользовательских полей с помощью Toolset вам понадобится модуль Types и для отображения этих настраиваемых полей – модули Views или Layouts.

Предположим, что нужно добавить настраиваемые поля в обычный пост WordPress. Но вы также можете использовать типы инструментов Toolset для создания собственного типа записи WordPress, а затем добавить туда настраиваемые поля.

Например, у нас есть фитнес-блог, и мы хотим добавить настраиваемые поля для отслеживания показателей в наших основных упражнениях (тяга, присед и другие).

Шаг 1: Доступ к интерфейсу пользовательских полей

После того, как вы установили Toolset, перейдите к новой Toolset области в панели управления WordPress.

Там найдите тип записи, к которому вы хотите добавить пользовательские поля – в нашем примере «Запись» – и нажмите кнопку «Добавить пользовательские поля»:

Шаг 2: Выберите тип поля

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

Для этого примера – отслеживание веса, который вы поднимаете для конкретного упражнения – понадобится тип числовое поле:

Шаг 3: Настройте поле

После того, как тип поля выбран, вы получите ряд опций для его настройки.

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

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

Например, вы могли бы сначала создать набор блоков radio, в которых перечислены ваши тренировки (push, pull, low и другое ). Затем можно использовать условную логику для отображения только определенных подъемов, которые применяются к выбранной вами тренировке.

Шаг 4: Повторите и сохраните

Теперь повторите процесс для всех других настраиваемых полей, которые вы хотите добавить.

Дайте вашей группе полей имя (это имя для коллекционирования всех пользовательских полей) и нажмите Сохранить группу полей:

Шаг 5: Добавление данных пользовательских полей в редакторе WordPress

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

Например, так выглядит набор боксов radio для типа тренировки:

Затем, как только я выбираю тренировку, для нее появляется новый набор настраиваемых полей (с использованием функции условной логики Toolset):

Шаг 6: Показать на веб-интерфейсе

На данный момент вы сохранили свои данные в пользовательских полях, но эти данные пока не будут отображаться на веб-интерфейсе для ваших посетителей.

Для отображения информации на веб-интерфейсе вы можете использовать модули видов или макетов панели инструментов. Например, вот как выглядит шаблон для добавления настраиваемых полей в записи:

Для этих задач также можно использовать редактор Elementor Pro.

Elementor Pro для отображения данных пользовательских полей

С премиальной версией Elementor – Elementor Pro – вы можете динамически включать настраиваемые поля в свои конструкции Elementor через простой интерфейс.

В настоящее время Elementor Pro работает со всеми плагинами, перечисленными выше:

• Toolset,
• Advanced Custom Fields,
• Pods,
• Meta Box (с бесплатным расширением).

Таким образом, вы будете использовать мощные опции дизайна Elementor для отображения этих данных на веб-интерфейсе.

Чтобы вставить данные настраиваемого поля в Elementor Pro, используйте новую опцию Динамический, которая добавляется к существующим виджетам. Например, вы должны добавить обычный виджет текстового редактора, а затем использовать параметр «Динамический» для вставки информации из настраиваемого поля.

Надеемся, что у вас уже появились крутые идеи о том, где можно применить настраиваемые поля WordPress на вашем сайте. Комбинация пользовательских типов записей и настраиваемых полей – вот где WordPress становится действительно мощным.

Источник: wplift.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Произвольные поля в WordPress

Многие мои читатели задаются вопросом как создать «кастомные» или «дополнительные» поля WordPress. Для того, чтобы в дальнейшем не возникало подобных вопросов, предлагаю раз и на всегда помочь вам разобраться с вопросом произвольных полей в WordPress.

В WordPress по умолчанию имеется возможность для каждого поста (любого типа, будь то запись post, страница page или какой-нибудь произвольный тип постов) задавать неограниченное количество параметров. На этот случай имеется даже отдельная таблица в базе данных wp_postmeta.

Эти параметры называются произвольными полями или метаданными поста. Метаданные состоят из пар ключ=>значение, например color=>красный, size=>большой.

Также один пост может иметь несколько произвольных полей с одним и тем же ключом: color=>красный, color=>синий, color=>зелёный.

Задавать значения произвольных полей в WordPress можно тремя способами:

1. Стандартный способ через админку.
2. При помощи функций.
3. При помощи метабоксов (перейдите по ссылке, чтобы почитать про этот способ подробнее, в данной статье я его рассматривать не буду).

Произвольные поля в админке

Итак, пошагово:

1. Переходим на страницу редактирования или создания нового поста.
2. Прокручиваем вниз до блока «Произвольные поля».

   В версии WordPress 3.1 и выше этот блок может быть скрыт. Включите его в настройках экрана (о том как — читайте далее).

3. Укажите имя (вы можете выбрать из списка один из уже используемых ключей либо ввести новый) и его значение и нажмите «Добавить произвольное поле».

Что делать, если в админке их нет?

В первую очередь проверьте «Настройки экрана» — галочка напротив «Произвольные поля» должна быть отмечена.

Если же в настройках экрана вы ничего подобного не нашли, то вероятнее всего тип поста, с которым вы работаете, не поддерживает использование произвольных полей — это легко поправимо при помощи add_post_type_support(). Код для functions.php:

function true_custom_fields() {
	add_post_type_support( 'book', 'custom-fields'); // в качестве первого параметра укажите название типа поста
}
 
add_action('init', 'true_custom_fields');

Типы постов page (страницы) и post (записи) имеют поддержку произвольных полей по умолчанию!

Как вывести произвольные поля

1. the_meta()

Функция позволяет вывести все произвольные поля текущего поста в виде маркированного списка <ul>. Например для нашего случая код:

<p>Метаданные поста:</p>
<?php the_meta(); ?>

Выведет:

<p>Метаданные поста:</p>
<ul>
<li><span>color:</span> красный, синий, зеленый</li>
<li><span>size:</span> большой</li>
</ul>

Параметров у функции нет.

2. get_post_meta()

Про get_post_meta() я уже подробно писал здесь.

3. get_post_custom()

Возвращает многоуровневый массив всех произвольных полей для текущего поста или поста, ID которого указан в параметрах функции.

print_r( get_post_custom( 541 ) );

Получим что-то вроде этого:

[color] => Array ( [0] => красный [1] => синий [2] => зеленый )
[size] => Array ( [0] => большой ) )

В отличие от функции the_meta(), get_post_custom() возвратит также и все скрытые произвольные поля поста.

4. get_post_custom_keys()

Функция возвращает массив ключей всех произвольных полей поста.

print_r( get_post_custom_keys( 541 ) );

Выдаст:

Array ( [0] => color [1] => size )

Является производной от get_post_custom(), а если быть точным, то просто пропускает её результат через php-функцию array_keys().

5. get_post_custom_values()

Возвращает один из ключей функции get_post_custom() в виде массива, вне зависимости от количества аргументов.

print_r( get_post_custom_values( 'size', 541 ) );

[size] => Array ( [0] => большой ) )

Первый параметр функции обязателен (если вы его не укажите, будет возвращено null).

Как изменять значения произвольных полей

Ну во-первых, вы можете добавлять и изменять их через админку (об этом было написано выше). Во-вторых, для этих целей существует несколько функций.

1. update_post_meta()

Либо обновляет значение указанного произвольного поля, либо добавляет новое, если его не существует.

update_post_meta( $post_id, $meta_key, $meta_value, $prev_value = '' )

$post_id

(целое число) ID поста, метаданные которого нужно изменить.

$meta_key

(строка) ключ.

• Если пост содержит несколько значений для одного и того же ключа, то, если не указан параметр $prev_value, будет обновлено первое найденное значение.
• Если пост вообще не содержит метаданых с указанным ключом, тогда они будут добавлены.

$meta_value

(целое число|строка|массив) устанавливаемое значение.

$prev_value

(целое число|строка|массив) предыдущее значение параметра.

Пример:

update_post_meta( 541, 'color', 'белый', 'синий');

2. add_post_meta()

Добавляет метаданные для указанного поста.

add_post_meta( 541, 'color', 'желтый' ); // добавляем ещё один цвет к трем имеющимся

Последний параметр функции позволяет указать, нужно ли добавлять метаданные в том случае, если произвольное поле с указанным ключом уже имеется в базе данных:

• false — нужно (стоит по умолчанию),
• true — не нужно, ключ должен быть уникален.

  add_post_meta( 541, 'size', 'огромный', true );

  Предположим, что наш товар может иметь только один размер, поэтому второе произвольное поле с ключом size добавлено не будет.

3. delete_post_meta()

Удаляем метаданные для указанного в параметрах поста.

delete_post_meta( 541, 'color' ); // в параметрах - ID поста и ключ произвольного поля

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

delete_post_meta( 541, 'color', 'зеленый' );

Фильтр, поиск и сортировка по произвольным полям

Про это уже написан целый пост, вы можете найти его по этой ссылке.

Произвольные поля для рубрик и меток

Сам по себе WordPress не имеет поддержки метаданных для таксономий (рубрик, меток и пр.), но в этом вам может помочь плагин Meta for taxonomies.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Произвольные поля Advanced Custom Fields

Всем привет. В последнее время, выполняя заказы по разработке сайтов на WordPress, я очень часто использую плагин Advanced Custom Fields, который позволяет создавать и выводить произвольные поля. Причем фронт работы и возможности огромные. В данном посте я произведу обзор плагина ACF и рассмотрю несколько вариантов, в которых он может пригодиться.

Создаем произвольные поля ACF

Для начала вам нужно скачать плагин с официального сайта и установить его. Как делать это думаю объяснять не нужно. После активации плагина в меню админки появится дополнительная вкладка «Произвольные поля».

Развернув данную вкладку, мы увидим 3 подменю:

• Произвольные поля – здесь мы и будем производить все основные настрйоки;
• Экспорт – здесь вы сможете экспортировать все ваши настройки и созданные поля, жаль только импортировать их в бесплатной версии вы вряд ли сможете потом;
• Аддоны – дополнительные бесплатные и платные плагины, работающие в совокупности с Advanced Custom Fields.

Итак, давайте посмотрим, что и как нужно делать. Переходим во вкладку «Произвольные поля», сверху видим кнопку «Добавить новую». Нажимаем и попадаем на новую страницу.  Здесь мы видим следующее:

1. Область, в которой задается название группы произвольных полей. Здесь все просто – пишите любое название, какое вам будет удобно.
2. Область, в которой мы и будем создавать произвольные поля. Ее мы рассмотрим подробно чуть ниже.
3. Местоположение – довольно важная область, в которой мы будем определять, где и кому будут доступны или показаны созданные нами произвольные поля. Например, мы можем задать условие, что поля будут отображаться только при добавлении новых записей и только для администраторов. Настройка довольная гибкая и позволяет выставлять практически любые условия, начиная от типов записей, таксономий и заканчивая типам пользователей. Причем условия выставляются по принципу «И» и «ИЛИ». В первом случае, поля будут видны только если все условия были выполнены, а во втором, если одно из условий совпадет.

4. Группа опций, для более тонкой настройки. Здесь задается очередность отображение. Например, если у вас будет несколько блоков с полями, то вы сможете сортировать порядок их отображение. Кроме того, сможете указать позицию расположение, до или после содержания. Грубо говоря вы указываете где будут находиться ваши поля, до визуального редактора, после него или же сбоку. Для примера, я показал, как поля будут отображаться перед редактором записей. Также мы можем выбрать стиль оформления. На скрине выше показан стиль WP metabox. Можете выбирать тот, который вам понравится. В этом же меню, вы сможете указать области, которые вы хотите скрыть там, где будут использоваться произвольные поля. Например, скрыть текстовый редактор или рубрики, чтобы не мешались.

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

С основными настройками, я думаю разобрать будет не сложно. Поэтому давайте рассмотрим принцип добавления произвольных полей на сайт. Каждый раз, добавляя поле, вам нужно будет нажимать на кнопку «Добавить поле». Раскрывается следующее меню. С множеством настроек. Давайте рассмотрим их подробнее.

Ярлык поля – это название нашего поля. Рекомендую сразу указывать нормальное и понятное название, чтобы потом самому же не путаться.

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

Тип поля – плагин ACF позволяет создавать не только текстовые поля, но и:

• Область текста – область для большого текста, например, для описания компании или услуги;
• Номер – поле для ввода только цифр;
• E-mail – поле для указания электронной почты;
• Пароль – поле для ввода пароля;
• Редактор WYSIWYG – текстовый редактор, точно такой же, как при добавлении новых записей;
• Изображения – возможность загрузить картинку или фотографию;
• Файл – поле для загрузки файла на сайт;
• Выбрать – поле input для выбора значения из сворачиваемого списка;
• Чекбокс – чекбокс для выбора одного или нескольких значений;
• Радио-кнопка – кнопка, позволяющая выбрать только одно из доступных значений;
• Истина/ложь – позволяет задавать условие «Да» или «Нет»;
• Ссылка на страницу – выводит список страниц или записей и позволяет выбрать одну из них;
• Объект записи – позволяет выбрать один или несколько объектов из рубрики;
• Взаимоотношения – устанавливает взаимоотношения между записями сайта;
• Таксономия – позволяет выбрать таксономию, например, рубрику или тэги, либо другую, созданную пользователем, таксономию;
• Пользователь – предоставляет на выбор всех пользователей с возможностью сортировки по должности;
• Гугл карта – выводит карту от Гугла по заданным координатам, либо по названию города, улицы и т.д.;
• Выбор даты – позволяет указать дату из календаря, может использоваться, например, для указания даты проведения акции и т.д.;
• Выбор цвета – предлагает на выбор палитру;
• Вкладка – позволяет группировать ваши поля вкладкам, например, вкладка «Контакты» с полями «Имя», «Телефон», «Почта».

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

Обязательно – поставить условие, обязательно ли должно быть заполнено данное поле. Если выбрано «обязательно», то пока поле не будет корректно заполнено, опубликовать запись не получится.

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

Текст внутри поля – выступает в качестве placeholder в поле input. Данные текст будет отображаться в поле, но исчезать, при попытке что-то ввести в поле.

Добавить в начало и добавить в конец – текст, который будет находиться перед или после поля.

Форматирование – у вас есть возможность указать, будет ли преобразовываться html теги в код или нет.

Ограничение символов – не даст пользователю ввести больше символов, чем ему разрешено.

Условная логика – работает только в совокупности с типом поля Истина/Ложь. Например, у вас на сайте пользователь с помощью произвольных полей может составить свою анкету. Ему задается вопрос, хочет ли он указать свой мобильный телефон. Если он нажимает «Да», то ему показывается поле для ввода телефона. Если он ничего не выбирает, то соответственно и поле телефона не видно. В таком случае, для вопроса, мы задаем тип Истина/Ложь, а для поля ввода телефона выбираем «Условная логика – Да», и указываем, что будет отображаться в том случае, если поле с вопросом выбрано.

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

Кому может пригодиться плагин Advanced Custom Fields

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

1. Сайт знакомств – принцип такой, пользователь регистрируется и добавляет свою анкету. В котором будут такие поля, как имя, возраст, телефон, фотография, описание и т.д. После проверки модератором, анкета попадает на сайт.
2. По точно такому же принципу можно сделать доску объявлений на WordPress. Человек регистрируется, указывает свои контакты, выкладывает несколько фотографий товара и цену, после чего товар публикуется на сайт и становится доступным для просмотра.
3. Есть и более нестандартные варианты. Например, совсем недавно я делал каталог товаров, при добавлении которых, была возможность вставки вот такого переключателей блоков на сайт.

Ну и что здесь такого, скажете вы? А то, что вручную добавлять администратору эти блоки не нужно будет.

При добавлении товара, у него появляются вот такой блок. Если администратор решил добавить «Условные обозначения» или «Технические характеристики товара», то ему достаточно просто нажать на кнопку «Да» и откроется поле для ввода информации и на странице товара автоматически добавится вкладка с информацией, которую можно будет переключать. Довольно удобно.

4. Так же, недавно на одном из сайтов, был реализован следующий функционал. Пользователь регистрируется на сайте и выбирает что он будет представлять: частного мастера маникюра или салона красоты. После чего, через те же произвольные поля ACF, он может добавить информацию о себе или о салоне, указать какие работы он выполняет и их стоимость, а также загрузить свою фотографию и работы в портфолио. Пользователь или салон получает свою персональную страничку, а вся информацию добавляется автоматически на сайт. Страничка на сайте выглядит вот так:

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

Более того, мы пошли дальше, и добавили возможность добавления записей front-end через плагин Advanced Custom Fields. Что это значит? То, что, пользователю совершенно не нужно заходить в админку, а свои услуги он сможет добавлять и редактировать прямо с сайта. И это все позволяет реализовать данный плагин. Реализовали и вот что –  нужная информация (фото мастера или фото салона), берется из произвольный полей и выводится в отдельном каталоге вместе с именем мастера или названием салона. Т.е. посетитель сайта может просмотреть всех мастеров в отдельной категории. А при желании и отфильтровать их с помощью Ajax фильтра на WordPress. Фильтруются практически все параметры, полученные из этих полей. Причем довольно удобно, без перезагрузки страницы.

5. При желании, вы сможете создать каталог продукции на данном движке и с помощью произвольных полей выводить необходимые параметры товара, например, цвет, размер, страну производства и т.д. Т.е. некий упрощенный аналог мощного плагина Woocommerce, только без возможности добавления товара в корзину и оформления заказа.

Надеюсь я смог показать вам, насколько крутой плагин Advanced Custom Fields и сколько он имеет возможности для реализации. А о том, как вывести произвольные поля ACF я расскажу вам в следующем посте.

Изучайте плагин, тренируйтесь, пробуйте и вы сможете сделать ваш сайт функциональным и уникальным. Главное практика.

Loading Likes…

• Facebook
• Twitter
• Вконтакте
• Одноклассники

МАТЕРИАЛЫ ПО ТЕМЕ

  в настоящее время читает :  Келвин и Гоббс  
  Сегодняшнее настроение :  Веселые и счастливые