что такое произвольные поля
Блок произвольных полей в админке WordPress своими руками
Чтобы не создавать произвольные поля полностью в ручную, используйте мой PHP класс для удобно создания метаполей записи.
Чтобы вывести подобный блок для элементов таксономий, смотрите описание события: (taxonomy)_edit_form_fields. Также смотрите ответ на вопрос: Метаполя для рубрик (таксономий) в WordPress
В в одная часть
Прежде чем начать рассказывать о том как создать произвольный блок данных в админ-панели на странице редактирования постов, который будет управлять указанными произвольными полями, следует отметить, что WordPress — платформа которая, пожалуй, как никакая другая поддается расширению с наименьшими усилиями. В частности, именно поэтому под WordPress написано так много плагинов — все очень просто, нужно лишь знать азы PHP и понимать принцип работы системы.
Каждый, кто достаточно близко знаком с WordPress неоднократно встречался с понятием «произвольные поля» и с их помощью решал некоторые нетривиальные задачи.
Произвольные поля в WordPress — очень удобный инструмент, когда нужно «прикрепить» к конкретному посту какие-либо дополнительные данные. Такими данными может быть что угодно, начиная от логических true/false (1/0), заканчивая объемными текстами, массивами и прочим. К примеру, мы можем создать новое произвольное поле Title и в его значение написать текст (альтернативный заголовок поста), затем в коде шаблона использовать следующий код, чтобы вывести этот текст:
Следует отметить, что функцию get_post_meta() можно использовать за пределами Цикла WordPress, т.е. где угодно в шаблоне. В данном примере мы используем её в части документа, чтобы дать html странице заголовок отличный от заголовка самой статьи (иногда полезно для SEO).
Другой пример: используя произвольные поля мы можем выполнять или не выполнять действия, в зависимости от того, какие данные у нас находится в значении произвольного поля. Например, размещая в произвольное поле логические цифры 1 или 0 мы можем выводить или не выводить какую-либо информацию для текущего поста.
Произвольные поля используются в WordPress сплошь и рядом, различными плагинами оценки постов (WP-PostRatings), SEO плагинами (Platinum SEO Pack), позволяющими указать Title, Description, Keywords поста, моим плагином для создания миниатюр (Kama Thumbnail) и многими другими плагинами. Образно говоря, каждая четвертая нестандартная задача решается посредством произвольных полей, поэтому если вы еще не знаете как их использовать, то ознакомьтесь с этим мануалом. А ниже мы поговорим о том, как создать отдельный блок с нужными нам произвольными полями и как сделать это без плагинов.
Прежде чем начать создание
Забегая вперед, скажу что нижеследующие описание будет полезно, только тем кто хоть немного разбирается в HTML, т.е. если вы совсем не в зуб ногой в HTML и PHP, то читать все что ниже — пустая трата времени.
Предположим, что мы делаем сайт на заказ, и при этом на сайте используются произвольные поля. Объяснять заказчику, какое поле выбирать из списка, чтобы добавить ту или иную информацию к посту, проблематично, к тому же это быстро забывается. Именно поэтому уже давно написаны плагины, благодаря которым можно легко создать блок произвольных полей, где не нужно выбирать поле (ключ), и только потом вписывать значение. В таких блоках нужно сразу вписывать значение и есть возможность описать каждое поле, при одном взгляде на которые становится понятно его назначение. Блок, который мы сейчас создадим будет выглядеть так:
А данные такого блока в самих произвольных полях, после сохранения поста, будут записаны так:
Создаем мета блок произвольных полей
#1. Создадим новый мета блок для постов
Назовем его «Дополнительные поля»:
#2. Заполним этот блок полями html формы
#3. Сохраняем данные
На этом этапе, мы уже создали блок произвольных полей, теперь нужно обработать данные полей при сохранении поста. Обработать, значит записать их в в базу данных или удалить от туда. Для этого используем хук save_post, который срабатывает в момент сохранения поста. В этот момент мы получим данные из массива extra[] и обработаем них:
Вот и все, блок произвольных полей готов!
Блок произвольных полей для произвольного типа записей
Если нужно создать блок для другого типа записей, допустим page (для страниц), то регистрируем еще один мета блок и описываем его html код в новой функции, которую так же нужно указать при регистрации блока ( extra_fields_box_page_func ). Функцию обработки полей при сохранении поста создавать уже не надо, главное указать названия полей в виде массивов extra[] :
Сложности с типом checkbox
Чтобы обойти этот «недуг» я сделал так: перед полем чекбокса создаем hidden поле с name как у чекбокса и пустым значением. И получается, если галочка стоит, то значение hidden поля перебивается, если галки нет, то берется пустое значение hidden поля.
Т.е. checkbox нужно вызывать так:
Такой же трюк иногда может пригодится и для поля с типом radio.
Пример реального кода с типами checkbox:
Еще один пример создания метабокса (ООП)
Этот пример показывает как создать одно поле, в котором будет храниться массив данных. Массив можно расширять или уменьшать через нажатие на + или удалить (работает на скрипте).
Это пример создание поля «повторитель», как у плагина ACF (поле repeater в платной версии).
В результате получим такой метабокс:
Плагины для создания блоков произвольных полей
В статье я говорил о плагинах, которые создают мета блоки заменяющие произвольные поля, но ни разу не упомянул ни один. Исправляюсь:
Advanced Custom Fields (ACF) — пожалуй, самый популярный и гибкий плагин для создания произвольных полей. С хорошей документацией.
Custom Field Suite — похож на ACF, только менее навороченный.
Carbon Fields — похож на ACF только без визуальной настройки, все делается в коде. Хорошо подойдет для разработчиков. Бесплатный.
CMB2 — CMB2 инструмент для разработчиков для создания: метабоксов, метаполей. Позволяет легко управлять записями, элементами таксономий, пользователями, комментариями или создавать произвольные страницы настроек.
Custom Field Template — настоящий комбайн. С ним можно создать любую форму, для любых типов постов, указать формы для отдельных постов и рубрик. Думаю в большинстве случаев, можно обойтись без такого комбайна.
Заключение
Простота в настройке блока произвольных полей при создании его таким способом теряется! Я ни в коем случае не хочу сказать, что создавать блоки таким способом лучше чем использовать плагины. Однако, такой подход более гибок, потому что мы можем создать абсолютно любые поля и расположить/стилизовать их как нам вздумается.
К тому же, обычно нет нужды создавать по несколько таких блоков и часто их редактировать, как это можно делать используя плагины. К примеру, на этом блоге я использую такой подход и совсем небольшой код в functions.php избавляет меня от необходимости использовать очередной плагин.
Это скорее обучающая статья и для многих плагины реализующие эту задачу будут лучшим решением.
Использование произвольных полей (custom fields) в WordPress
Сначала расскажу о том, что такое произвольные поля (custom fields) для WordPress и как их использовать, а затем приведу парочку примеров для применения. Дело в том, что в некоторых своих блогах я весьма успешно использую эту конструкцию, поэтому решил поделиться с вашим хорошим советом. Итак, произвольные поля вы можете найти в админке WordPress в одном из блоков под текстовым редактором для создания новых записей или страниц. Выглядит он примерно следующим образом:
Здесь слева располагается имя поля, а справа его значение. В качестве имени вы можете выбрать несколько вариантов по умолчанию, у меня там было title, description, keywords. Кстати после заполнения значений плагина All in One Seo Pack для увеличение трафика с поисковиков все значения (заголовок, описание и ключевые слова) копируются в эти произвольные поля. То ли они просто дублируются, то ли можно обходиться без вышеупомянутого плагина, хотя, конечно, тот выполняет еще ряд полезных функций.
Так вот, в WordPress custom fields можно также добавлять свои поля. Для этого кликаем по ссылке «Добавить новое», вводим имя (ключ) — используем для этого только английские символы, а справа указываем значение поля, после чего нажимаем на кнопку «Добавить произвольное поле». Например, введем в поле значения некоторый текст по типу «hello world» и зададим ему имя mytext.
То есть заходим в шаблон WordPress блога, например, в файл единичного отображения поста single.php. Там после отображения текста статьи функцией the_content добавляем нужную строку для вывода только что созданного custom fields.
Функция echo выводит текст в php. После этого сохраняем шаблон и проверяем как работает наше произвольное поле – заходите на страницу и пост, где вы это поле добавили, ведь оно будет отображаться только там. Точно также для других статей потом придется заходить в текстовый редактор, но теперь уже не добавлять новое поле, а выбирать его из списка по имени.
Для чего же можно использовать произвольные поля (custom fields) в WordPress. Я могу назвать, по крайней мере, три разных варианта:
1. Вывод различного рода текстов для статей – автор, источник статьи, редакторы, используемая литература ну и любой другой текст, что теоретически может быть указан для поста. Зачем выводить текст, если можно добавить его в саму статью? – спросите вы. Все очень просто, с помощью произвольного поля вы сможете вывести его в любом месте шаблона, задав для него другое оформление. Иногда такие ситуации возникают.
2. Спонсорские ссылки и постовые. В последнее время все, кто заказывают постовые, хотят чтобы они транслировались на главную страницу блога, а у меня есть проекты, где там выводится только часть поста со ссылкой «Читать далее». В таком случае вы добавляете html код ссылки в custom fields.
После чего выводите его не только на странице с отдельным отображением поста, а еще и на главной. Для этого используется та же самая функция get_post_meta.
3. Последний вариант – это вывод картинки для поста. Иногда бывают ситуации, когда хочется сделать в шаблоне все красиво и аккуратно, чтобы для каждой статьи выводились картинки одинаковой ширины и высоты. Либо отображать рисунок, которого нет в тексте записи. Для этого также подойдут произвольные поля (custom fields) в WordPress. Для этого создаем поле с названием, например, mythumb, где в качестве значение указываем название изображения (его предварительно заливаем на фтп), а в шаблон добавляем код по типу:
Произвольные поля WordPress. Что такое и как этим пользоваться?
Всем снова здравствуйте! Каждый владелец блога на CMS WordPress при написании поста или создании страницы может увидеть раздел «произвольные поля». О том, как можно использовать произвольные поля WordPress на практике, читайте далее.
Итак, произвольные поля WordPress могут пригодиться нам в случае, если Вы хотите отобразить любой текст, картинку и даже скипт-код. Вообще смысл произвольных полей заключается в том, что можно не вставлять весь текст/картинку/код в шаблон, а «записать» это в произвольное поле и вывести в любом месте шаблона используя всего одну строчку.
Давайте разберем конкретный пример.
Допустим, Вы хотите вставить баннер RotaBan, после всех записей с использованием произвольных полей.
Конечно, можно вставить код в том виде, в котором Вы получите на самом RotaBan в файл темы single.php, но тогда этот код займет много места. Можно воспользоваться плагином AdRotate и вывести рекламу тоже с помощью одной строки, но как Вам известно — чем меньше плагинов, тем быстрее блог.
Произвольные поля WordPress
В админпанели блога открываем любую запись, или любую страницу на редактирование, или добавляем новую.
Находим блок «произвольные поля«. Если вдруг по каким-то причинам произвольные поля не отображаются на странице редактирования записи/страницы, то включить произвольные поля можно в настройках экрана и поставить галочку напротив Произвольные поля:
Добавляем новое произвольное поле:
Даем ему название на латинском в левой части, а в правую часть вставляем код, или то, что хотим отображать. В нашем случае это код рекламы RotaBan.
Нажимаем Добавить произвольное поле.
Теперь после добавления нового произвольного поля задаем параметры его отображения в шаблоне. Делается это с помощью php-кода следующей конструкции:
Разберем переменные кода:
Чтобы узнать id записи/страницы, в админпанели войдите в список записей/страниц, и наведите на запись/страницу, к которой привязано произвольное поле, курсор:
В URL-адресе и будет содержаться id интересующей записи/страницы.
key – имя произвольного поля, в нашем случае rota-ban.
single – в основном используется значение true. false используется в случае отображения всего массива данных с произвольными полями.
В итоге для отображения произвольного поля с рекламой RotaBan мы будем использовать вот такой код:
Добавляем данный код в файл темы single.php после контента, или перед контентом, в зависимости от того, где нужно отобразить рекламу.
Теперь немного о минусе произвольных полей. Минус произвольных полей заключается в том, что они создают дополнительный запрос к базе данных. То есть использование произвольных полей «разгрузит» файлы шаблона блога от лишнего кода, но создаст дополнительную нагрузку на базу данных.
Использовать, или нет произвольные поля WordPress — решать Вам.
Полное руководство по плагину Advanced Custom Fields
Плагин Advanced Custom Fields облегчает работу с произвольными полями WordPress. Этому плагину и посвящена данная статья.
Что такое произвольные поля в WordPress?
Произвольные поля WordPress позволяют добавлять и отображать дополнительную информацию. Например, хранить метаданные.
Произвольные поля обеспечивают большую часть функциональности плагинов и тем оформления. Например, WooCommerce использует произвольные поля для хранения дополнительной информации о продукте:
А плагин календаря событий будет использовать их для хранения дополнительной информации о мероприятиях:
Когда использовать произвольные поля?
Произвольные поля обладают несколькими важными преимуществами:
WordPress предоставляет встроенный функционал произвольных полей
В классическом редакторе постов и страниц произвольные поля можно включить в «Настройках экрана». В новом блочном редакторе их можно активировать в разделе параметров:
Как получить доступ к произвольным полям в редакторе WordPress.
Затем можно ввести значение и идентификатор произвольного поля.
Встроенная функциональность произвольных полей в WordPress
Но это не самый удобный способ работы с произвольными полями. Поэтому многие используют плагин Advanced Custom Fields.
Advanced Custom Fields упрощает дело
Плагин Advanced Custom Fields упрощает интерфейс добавления и управления произвольными полями в административной панели и процесс их отображения на страницах сайта.
С помощью этого плагина вы сможете использовать календарь для выбора даты, чекбоксы и другие элементы управления:
Advanced Custom Fields в блочном редакторе.
Плагин предоставляет более 30 различных типов произвольных полей, которые можно добавить в посты, таксономии, комментарии и даже страницы параметров.
Бесплатная или платная версия плагина Advanced Custom Fields?
Бесплатная версия плагина доступ практически ко всем типам произвольных полей и функциям. Но версия Pro предоставляет более обширный функционал:
Как добавлять произвольные поля с помощью Advanced Custom Fields
Допустим, что есть блог о беге, в каждом посте которого автор делиться достигнутыми результатами:
Чтобы предоставить эту информацию, потребуется пять произвольных полей. Разделим это руководство на две основные части, в которых мы рассмотрим:
1. Создание новой группы произвольных полей
После установки и активации бесплатной версии плагина Advanced Custom Fields в левой боковой панели перейдите в раздел Произвольные поля > Добавить.
Группа полей – это несколько произвольных полей, которые отображаются вместе на панели инструментов WordPress. В этом примере мы создадим одну группу произвольных полей, состоящую из пяти элементов.
Дайте создаваемой группе полей имя, а затем выберите область ее отображения. В этом примере мы хотим вывести произвольные поля для обычных постов в блоге. Поэтому используем значение по умолчанию ( Post ).
Вы также можете настроить несколько правил для отображения создаваемых произвольных полей сразу в нескольких местах.
Создание новой группы полей ACF
2. Добавьте произвольные поля
Нажмите кнопку «+Добавить поле», чтобы создать первое произвольное поле.
Добавление нового произвольного поля
Это действие откроет перечень свойств. Два наиболее важных из них:
Настройка произвольного поля
Далее введите варианты состояния переключателя
Ввод вариантов состояния переключателя
Рассмотрим другой пример: произвольное поле для отображения расстояния пробега. На этот раз используем тип данных «Число»:
Создание числового поля
Также можно добавить единицы измерения расстояния, а также проверку минимального и максимального значений.
Больше настроек произвольных полей
Повторите этот процесс для всех других полей, которые вы хотите создать.
5 различных полей ACF
3. Настройте параметры и опубликуйте
Чтобы сохранить внесенные изменения, прокрутите вниз до поля настроек. С их помощью можно управлять отображением произвольных полей в редакторе WordPress.
В большинстве случаев подойдут значения по умолчанию. Но можно и поэкспериментировать с ними.
Настройка параметров группы полей ACF
После этого опубликуйте свою группу произвольных полей, чтобы она отобразилась на сайте.
4. Добавьте дополнительную информацию в редакторе WordPress
После публикации группа произвольных полей появится при создании нового поста.
Advanced Custom Fields в редакторе WordPress.
Информация, вводимая в них, будет храниться в базе данных WordPress.
Обзор условной логики
Плагин Advanced Custom Fields поддерживает условную логику, которая позволяет отображать/скрывать произвольные поля в зависимости от информации, введенной пользователем в предыдущем поле.
Допустим, автор блога захотел рассказать о своих путешествиях. Поэтому нет смысла отображать поля с информацией о беге.
Пример условной логики
Если установите флажок, появятся произвольные поля с информацией о беге. Если вы не установите его, они останутся скрытыми.
Остальные произвольные поля отображаются при установке флажка
Чтобы настроить условную логику, необходимо отредактировать ранее созданную группу полей и добавить новое поле « Да/Нет» для условия «Этот пост о беге?»:
Добавление поля «Да/Нет»
Добавление уловной логики к другим полям
Как отображать условные поля на сайте
Созданные произвольные поля пока не появляется на сайте.
Произвольные поля не отображаются на сайте
Давайте исправим это. Существует несколько способов произвольных полей на страницах сайта:
Как добавить произвольные поля в файлы шаблона темы оформления
Это способ предполагает редактирование шаблонов используемой темы оформления. Но он гарантирует, что ваши произвольные поля всегда будут автоматически отображаться в одном и том же месте.
После этого нужно использовать функцию Advanced Custom Fields the_field() для отображения информации из произвольного поля. Например:
Например, чтобы отобразить произвольное поле «Цель», используйте приведенный ниже код:
Произвольные поля в WordPress: простое руководство для начинающих
Произвольные поля используются многими плагинами и темами, и вполне вероятно, что вы уже ими пользовались в своей работе. Но если вы не до конца не знаете, как правильно работать с такими полями в виджетах и темах оформления WordPress, то эта статья вам поможет понять, как правильно использовать произвольные поля в WordPress.
Эти поля – часть функциональности ядра WordPress, которая в явном виде может и не использоваться. Между тем, настроить это можно достаточно просто на вашем WordPress-сайте. По умолчанию такие поля невидимы, и чтобы включить их отображение, нужно перейти к ‘ Настройкам экрана ’ вверху справа в Консоли и к вкладке по добавлению нового поста или редактирования существующей страницы.
Поставив отметку так, как показано на рисунке, вы увидите, как появится новый мета-бокс в режиме редактирования / написания новых постов.
В зависимости от плагинов и тем, которые установлены на вашем сайте, выпадающее меню в колонке ‘ Имя ’ уже может содержать какие-то произвольные поля. Но если сайт новый, то и полей может не быть.
Зачем вам может понадобиться произвольное поле?
Пример использования произвольных полей мы рассмотрим на сайте, посвященном фитнес-тематике. Часть информации, которую можно добавить к основному посту, можно дополнить авторской информацией.
Для нашего фитнес-сайта мы добавим произвольное поле для отображения данных по недавней тренировке под названием ‘ Последняя тренировка ’. Для создания нового поля просто кликнем на ссылку ‘ Введите новое ’ и заполним название поля, а далее нажмем на кнопку добавления нового поля ‘ Добавить произвольное поле ’.
В конце поля не забудьте убрать лишние символы, чтобы они не отображались на страницах и в постах WordPress.
К примеру, можно также включить такие произвольные поля:
Любую интересующую ваших читателей дополнительную информацию можно включить в произвольное поле.
После создания произвольного поля можно теперь дать возможность каждому вашему пользователю, которые пишут посты в блоге, добавить новую информацию, доступную из выпадающего меню. Такая информация будет доступна для подстановки дополнительных данных во всех новых постах.
Произвольные поля отображаются на экранах в рубрике ‘ Добавить новую запись ’ или ‘ Редактировать запись ’. Произвольному полю можно присвоить различные значения в зависимости от того, какую функцию выполняет поле. Также можно сделать их обязательными полями для публикации поста (заполнять, преждем чем опубликовать). Это очень удобно, если у вас несколько разных авторов.
Что делать с данными?
Теперь мы знаем, как собирать и упорядочивать данные, но пора попробовать всё в деле. Один из популярных способов использовать все эти данные – это добавление произвольной информации в поля. Эти данные будут публиковаться на странице или в посте так, чтобы ее видели ваши читатели.
Для этого надо внести несколько правок в файлы вашей темы. Для примера рассмотрим стандартную тему Twenty Twelve и для этого в панели администратора перейдем к Внешний вид → Редактор и выберем файл ‘ content.php ’.
Также неплохо бы создать резервную копию файла ‘ content.php ’ перед началом редактирования. Быстрый способ сделать такую резервную копию – это скопировать код и вставить в новый документ. Если с файлом возникнут какие-то трудности, всегда можно быстро в ручном режиме вставить обратно весь сохраненный код из Блокнота или загрузить его по FTP в папку с темой на сервере.
Так ваш код будет отображаться под заголовком поста и над основной его частью с контентом. Можете поэкспериментировать с разным расположением поля. По умолчанию в WordPress перечень произвольных полей отображается как маркированный список :
В каждом посте может быть неограниченное число произвольных полей и по несколько типов разного контента:
Он бесплатен и удобен в работе, позволяет создавать визуально новые поля и заполнять их контентом, указав атрибуты и свойства для новых полей:
С помощью данного плагина можно полностью задать все свойства и настройки для каждого произвольного поля.
Самой полезной опцией этого плагина можно назвать возможность вставки шорт-кодов в новые посты и произвольные поля к ним. Так вы сэкономите время на редактирование файлов темы в большинстве случаев.
Заключение
Множество плагинов позволяет использовать произвольные поля для разных целей. Надеемся, что наша статья подсказала и показала вам, как можно их применить на вашем сайте и улучшить при этом эффективность и удобство работы с WordPress.
Если у вас возникли какие-то вопросы или пожелания, не стесняйтесь спрашивать в комментариях к этому посту.