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


Содержание материала:

Как вывести в шаблон страницы произвольные поля, плагин WordPress — ACF

09.08.2020, 20:11

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

Как вывести дополнительные поля ACF?
Доброго времени всем. Суть вопроса следующая: Я обычно на странице получал нужный пост функцией.

WordPress не показывает произвольные поля
Такой вопрос: создал на странице «Дом №1» два произвольных поля (Цена и площадь), как видно на.

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

Как вывести цитату для страницы wordpress
Выводятся анонсы именно страниц дочерних от той где находимся. Сейчас выводится контент, стоит цель.

10.08.2020, 17:32 [ТС] 2

Решение

10.08.2020, 17:32

Как использовать шаблон WordPress без использования сервиса WordPress ?
Как использовать шаблон WordPress без использования сервиса WordPress ?

Как вывести свойство инфоблока в шаблон страницы
Не получается вывести свойство инфоблока в шаблон страницы. 1. В свойствах инфоблока создал.

ACF как вывести функцию
Помогите разобраться. Использую плагин Advanced Custom Fields/ Создаю доп поля но как вывести их не.

Как пользоваться Advanced Custom Fields

Название WordPress плагина Advanced Custom Fields переводится как – расширенные произвольные поля. Скажем по простому, что этот плагин существенно расширяет возможности уже встроенных в WordPress произвольных полей – Custom Fields. В дальнейшем я буду использовать сокращенное название плагина – ACF.

Кому будет полезен ACF?

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

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

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

Легенда

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

Вы скажите: «Да не вопрос, я и без плагина справлюсь!» ОК, посмотрим.

Вывод списка без плагина

Откроем запись со статьей в окне редактирования и пропишем теги маркированных списков с оценками.

А что не нравится, выглядит нормально, осталось только задать стили.

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

Вывод списка с плагином ACF

Сайт плагина: https://www.advancedcustomfields.com

На странице с документацией, выберите Field Types -> Text. Работать мы будем с текстовым типом поля. Самое важное вы увидите внизу – это PHP код вставки в шаблон, но мы позже к этому вернемся. А сейчас давайте вместе создадим произвольное текстовое поле к записи с рецензией.

  • Создаём новую группу с названием «Оценки рецензий», куда мы позже добавим поля.
  • Задаем условие, где должны появиться поля (записи, страницы).
  • Ниже в настройках, выберите местоположение группы полей для редактирования в админке.
  • Нажмите на кнопку +Добавить поле.
  • Заполните поле, как на скриншоте, имя поля (rate) обязательно латиницей.
  • Продублируйте поля столько раз, сколько надо, каждый раз давая имени поля уникальное имя.
  • Перейдите в админку, откройте любую запись и внизу под записью вы увидите, только что созданные произвольные поля.

Собственно ради этой панели редактирования, мы и ставили плагин. Теперь довольный клиент может безопасно редактировать и создавать новые дополнительные поля, не касаясь никаких HTML тегов.

Вывод произвольных полей в шаблоне

До этого момента все было просто, но наши замечательные поля мы видим только в админке. Как же вывести их на сайт? Вернемся на сайт Documentation -> Field Types -> Text, там вы увидите PHP код для вставки в шаблон (Template usage).

the_fields – базовая функция WordPress-а, которая выводит значение из текстового поля всех постов с аргументом text. У нас будут свои названия аргументов и HTML теги тоже другие.

Теперь надо определиться с шаблоном, куда вставлять код. Поскольку мы имеем дело с контентом, выводимом в цикле, то и вставлять следует в файл content.php, текущей темы. Я для примера использую дефолтную тему Twenty Seventeen. Вставьте код перед закрывающим тегом div с классом entry-content.

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

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

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

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):
  • Комментарии ( 0 ):

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2020 Русаков Михаил Юрьевич. Все права защищены.

    Оптимизация плагина ACF

    Безусловно, плагин Advanced Custom Fields (ACF) является лидером среди плагинов для добавления произвольных полей в WordPress.

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

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

    Экспорт полей в РНР

    Для начала экспортируем имеющиеся поля в виде PHP кода. Для чего переходим по пути Группы полей → Инструменты, отмечаем чекбокс Выбрать все и нажимаем кнопку Генерировать РНР.

    Копируем полученный код и вставляем его в файл functions.php вашей активной темы, используя рекомендуемый хук acf/init :

    Отключение GUI в ACF

    Так как все поля у нас теперь инициализируются через РНР, то управлять ими через админку нам более не требуется, поэтому отключим данный интерфейс при помощи хука acf/settings/show_admin внутри файла functions.php вашей активной темы:

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

    Удаление лишних записей в базе данных

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

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

    Перед началом работы с базой данных — сделайте её полный бекап.

    Бекап делаем при помощи WP-CLI:

    После создания бекапа, открываем консоль MySQL, куда будем вводить SQL запросы:

    Удаление полей у записей

    Ищем поля, которые начинаяются на _field_ и удаляем их:

    Удаление полей у пользователей

    Ищем поля, которые начинаяются на _field_ и удаляем их:

    Отключение плагина ACF во фронтенде

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

    Копируем следующий код и вставляем его в файл _disable-acf-on-frontend.php (подчеркивание в начале нужно, чтобы файл подключился в самом начале загрузки плагинов WordPress) в папке wp-content/mu-plugins :

    Теперь, чтобы вывести поля нужно использовать стандартные функции ядра get_post_meta , get_term_meta , get_user_meta вместо функции get_filed из набора ACF.

    Плагин ACF: advanced custom fields wordpress

    Привет всем, как и обещал сегодня опишу очень функциональный плагин для создания произвольных полей — Advanced Custom Fields WordPress. Долго чет не мог собраться с мыслями и вот наконец то пришла муза. Приступим.

    Плагин Advanced Custom Fields на сегодня (20.08.15) имеет более 1 миллиона активных инсталов и это число продолжает упорно расти. Он предназначен для работы с произвольными полями у ВП, но в отличии от остальных плагинов умеет создавать не только custom field для постов / страниц, а и для других частей сайта.

    ACF может создавать произвольные поля для:

    • постов / страниц;
    • категорий;
    • меток;
    • таксономий;
    • пользовательских типов;
    • пользователей;
    • всего сайта, в отдельную вкладку, с помощью дополнения.

    Прикладываю скриншот справа для всех типов полей на тот случай если я что то пропустил.

    Теперь вдумайтесь, для всех этих блоков произвольных полей Advanced Custom Fields WordPress может создавать данные такого типа:

    Обычное типичное текстовое поле

    Область текста / textarea

    Область текста с конвертацией хтмл тегов и новых линий без редактора.

    текстовые поля: телефон, email, пароль

    Не чем не отличающие поля от аналогов хтмл.

    Вставляет редактор в поле для ввода произвольного поля текст. Выглядит это вот как то так:

    и редактор имеет множество своих настроек. можно отключить не нужные кнопки.

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

    Выбрать / он же select

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

    Это так сказать 2 в 1, поле которое может выступать как радио кнопка или как обычный чекбокс с множественным выбором

    Блок отношения: ссылка / объект / таксономия / взаимоотношения / пользователь

    Нет смысла описывать этот тип данных по отдельности. Все они могут сохранять данные о добавленных ссылках, объектах, таксономиях, пользователях.

    jQuery google карта

    Тип данных что хранить информацию о координатах объектов, при этом в админке добавляется вот такая google maps:

    Теперь добавить адрес и указать координаты на google maps из админки WordPress проще чем на большинстве CMS.

    Текстовый блок, который умеет форматировать даты + вот такая незаурядная выпадашка:

    Текстовый блок к которому привинтили вот такой jQuery редактор:

    Как работать с advanced custom fields

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

    Любое поле можно получить используя функцию get_field($field_name, $post_id, $format_value):

    $field_name — имя поля;

    $post_id — идентификатор поста, страницы (по умолчанию это идентификатор поста / страницы, но можно указывать ID таксономии, пользователя, категории и так далее);

    $format_value — (true / false) форматировать или нет полученные данные с базы.

    Работать с функцией можно вот так:

    Перед этим конечно нужно создать поле с именем «my_field» и заполнить его через админку. Надо сразу уточнить, что никто не отменял работу функции для wordpress custom fields — get_post_meta, она описанная в указанной ссылке.

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

    В принципе, описанной выше функции достаточно для работы с любым полем advanced custom fields. Ей можно получать обычный отформатированный текст, координаты объектов, цвет, дату, взаимоотношение и много другое.

    Примеры работы с функцией get_field в advanced custom fields

    Получаем и выводим данные с произвольно поля «Редактор WYSIWYG» он же tinyMCE (если подключен), конечно перед этим нужно не забыть добавить такое произвольное поле:

    Получаем произвольное изображение из advanced custom fields wordpress:

    При условии что у нас в базе хранится именно изображение как ссылка:

    Получаем координаты объекта из поля jQuery google maps:

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

    Получаем текстовое поле для категории:

    переменная $cat у вашем макете должна быть автоматически заполненная, по этому вам достаточно создать текстовое поле для категории с именем «CAT_TXT», ну и не забыть заполнить его.

    На этом пока что все, постараюсь в ближайшее время выложить еще несколько постов по работе с плагином advanced custom fields wordpress для создания произвольных полей у вордпресе. Следите за выходом новый записей и жмите лайк если эта статья была вам полезная:

    P.S.: Плагин advanced custom fields полнофункциональное расширение для wordpress, которое позволяет создавать произвольные поля разной сложности, такие как:

    • текстовое поле;
    • редактор WYSIWYG или tinyMCE;
    • гугл карты / google maps;
    • взаимоотношения между постами, страницами, пользователями, категориями, таксономиями.

    У меня не выводится содерджание поля
    версия плагина 5.8.0
    wordpress 5.2.1
    Создал поле для конкретной страницы.
    Пробовал вывести поле разными способобами.

    НЕ выводиться. Подскажите в чем может быть дело?

    Пробовал на двух сайта. Создал поле с редактором для одной страницы и вывожу приведенными в предыдущем сообщении кодами. Результат 0(

    Добрый день.
    Вывод делаете на странице?? Поле заполненное? Файл нашли правильно, который за отображение отвечает. Например, забрасываете в page.php а у вас за вывод отвечает шаблон page-shab1.php как вариант.

    acf не хочет чтобы обновили базу. сообщение с зеленой кнопкой??

    Обновлять базу запросов нет. Установил сегодня новую версию плагина.
    Пробовал и на отдельном шаблоне и в общем и на странице.

    И дело в том, что другое поле для вывода контента в категории — отлично выводиться

    В категории этот код точно не сработает, для кат надо второй параметр в функцию get_field писать.

    да я знаю. Вот так вывожу php if($desk_act=get_field(«desk_act»,get_category($cat)))

    Дак что может быт не так. Почему это поле не выводиться php if($adress_timashevsk=get_field(«adress_timashevsk»)) .

    Еще заметил что кода нет в коде страницы. Пустой див только

    А если добавляю в блок контента страницы то почему то вот так выводиться -Как коментарий

    Если есть возможност дать доступ, то завтра точно гляну и найду причину там 100% какая-то мелочевка. Если доступ нет тогда нужны скины файла пхп куда вставляете, скин где поле заполнено и скин как поле настроено. попробую помочь.
    Сегодня уже не успею

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

    Добрый день.
    WordPress новый, 5 версия? Если да то нужно обновить плагин ACF зайти в настройки произвольных полей, и в каждом типе поля проверить чтоб было вот так отмечено https://help-wp.ru/wp-content/uploads/2020/01/trabl-001.jpg и сохранить если было не так.

    Всё-равно при просмотре кода страницы он отсутствует

    В верху страницы в правом углу есть настройки, возможно вы там отключили отображение пользовательских полей??

    В админке они есть.

    Проблема на фронте? во время отображения поля?
    как получаете? get_field(«название поля»), там есть второй параметр get_field(«название поля»,$post->ID) где global $post — это текущий пост.
    Рекомендую перед получением поля сделать:
    var_dump($post->ID);
    var_dump(get_field(«название поля»,$post->ID));

    если получите значение false false значит нужно искать почему у вас потерялась переменная $post.
    Если получите «число» false проверте число совпадает ваш ид поста с этим числом или нет. если не совпадает значит где то затираете переменную, нужно перед получением вставить wp_reset_query();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Произвольные поля в WordPress (Custom Fields) или как их еще называют пользовательские поля — очень полезная фишка. С их помощью вы сможете добавить на страницу/пост сайта любой контент, который будет выводится в определенном месте шаблона.

    По умолчанию в системе пользователю доступно задание лишь нескольких базовых форматов данных для записи: заголовок, текст, МЕТА (если установлены плагины) и т.п. Используя функцию произвольный полей, получится внедрить дополнительные нужные вам информационные блоки.

    Например: иконку для страницы, оригинально оформленные контакты в одноименном разделе, блок категорий товаров, карту Google Maps + слайдер картинок.

    Сегодня рассмотрим два полезных плагина по теме — это Custom Field Suite и Advanced Custom Fields.

    Можно, конечно, работать с произвольными WordPress полями вручную, о чем я когда-то рассказывал в другом блоге. Однако, во-первых, информация там слегка устарела, а во-вторых, модули значительно упрощают задачу и ускоряют процесс разработки. Грех ими не воспользоваться. Более детально познакомимся с Custom Field Suite, с которым работал уже несколько раз, а также обратим внимание на популярный и продвинутый плагин Advanced Custom Fields.

    Custom Field Suite

    Найдете модуль в официальном репозитории на этой странице. Текущая версия на момент написания статьи (2.5.6.1) требует вордпресс от 4.0, имеет более 30 тысяч установок и оценивается в 4.9 баллов из 5-ти возможных. Основная функция — внедрение удобного интерфейса для работы с произвольными полями WordPress, который бы позволял их легко создавать и управлять ими. Плагин Custom Field Suite (CFS) поддерживает 12 типов элементов:

    • Text — текстовая строка;
    • Textarea — поле для текста из нескольких строк;
    • WYSIWYG — графический редактор;
    • True / False — чекбокс (блок с галочкой);
    • Color — выбор цвета;
    • Date — выбор даты;
    • Select — несколько чекбоксов или выпадающий список;
    • File Upload — загрузка файла;
    • User — выбор пользователя;
    • Relationship — виджет для похожих постов;
    • Loop — контейнер повторяющихся полей;
    • Hyperlink — URL ссылки;
    • Tab — объединение группы полей в табы.

    Плюс модуля Custom Field Suite в том, что кроме ввода определенных данных (текстов, дат, цветов) здесь есть элементы организации полей: табы и контейнеры. Последний, например, позволяет реализовать галерею на слайдере Owl Carousel 2 за счет создания нескольких повторяющихся объектов «текст + картинка». Табы мне также пригодились в работе. Решение абсолютно бесплатное, функциональное и очень простое.

    Вывод произвольных полей в WordPress с помощью CFS

    Давайте разберем на реальном примере как вывести произвольные WordPress поля с помощью модуля Custom Field Suite. Алгоритм приблизительно следующий:

    1. В самом начале, разумеется, устанавливаем и активируем Custom Field Suite.

    2. Далее заходим в админку вордпресс в раздел «Field Groups» (Группа полей). Там содержится список всех созданных вами элементов и кнопка «Add New» (Добавить новую) . С ее помощью можно создать новый набор нужных элементов. Кликаем и видим на открывшейся странице 3 блока для ввода информации:

    • Fields — список всех элементов/полей;
    • Placement Rules — правила размещения;
    • Extras — дополнительные настройки.

    Первым делом нужно добавить произвольные поля в WordPress с помощью соответствующей кнопки.

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

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

    Большую часть этих характеристик вы встретите и в других типах произвольных полей, однако в каждом из них есть и свои особенности. На картинке выше можете видеть 6 элементов, 3 из которых являются табами (tabs), а 3 текстовой областью. В результате в админке пользователь увидит следующую картинку:

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

    3. Как я говорил выше, на этой же странице есть блоки настроек Placement Rules и Extras. Полезнее всего первый, т.к. там создаются условия для вывода произвольных полей в WordPress админке.

    Ограничения показа могут касаться:

    • Post Types — типов записей (посты, страницы, товары);
    • Post Formats — форматов постов (обычный, видео, цитата, ссылка);
    • User Roles — пользовательских ролей (админ, автор, редактор);
    • Posts — конкретных записей;
    • Taxonomy Terms — терминов таксономии;
    • Page Templates — шаблонов страниц.

    В примере выше я использовал последний вариант, поскольку нужно было добавить произвольные поля в WordPress только для страницы контактов (она имела специальный шаблон). Теоретически можно было бы воспользоваться опцией Posts.

    4. Финальная и самая основная стадия интеграции Custom Fields — вывод значений произвольных полей в WordPress файле шаблона. Для этого используется специальная функция get. Например:

    Отображение значения поля contacts_email

    Считывание всех значений для текущей записи

    Вывод произвольного поля contacts_email для поста с >

    Вариант с циклом для галереи:

    Детальное ее рассмотрение и примеры найдете на странице описания API плагина Custom Field Suite. Кроме нее есть еще функции поиска полей, отображения их свойств, создание форм и т.п.

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

    Здесь, во-первых, используется условный оператор «IF !empty» для проверки не пустое ли у нас поле, во-вторых, с помощью __() я вывожу значение произвольного поля с учетом выбранного языка сайта. Для локализации используется плагин qTranslate-X.

    5. После завершения манипуляций по добавлению и выводу произвольных полей в WordPress вам нужно лишь зайти в админку на нужную страницу и заполнить соответствующие тексты/данные. После этого перейдите на сам сайт и проверьте все ли корректно отображается. Если нет, весь алгоритм по работе с плагином Custom Field Suite нужно будет тщательно проверить и повторить.

    Advanced Custom Fields

    По WordPress плагину произвольных полей Advanced Custom Fields вообще создан отдельный сайт с описанием, документацией и подсказками. Сразу замечу, что в нем есть 2 версии — обычная бесплатная и PRO. Первую совершенно спокойно можно скачать отсюда с официального репозитория вордпресс. Оценка 4.9, минимальная версия WP — 3.5 и более миллиона загрузок!

    Основная функция модуля, как и в предыдущем варианте — это упрощение работы с пользовательскими полями WordPress с помощью специальных интуитивно понятных инструментов интерфейса. Данное решение позволит легко создавать и редактировать поля, а также определять для них правила отображения. За счет использования базовых механизмов Custom Fields системы WordPress работа плагина достаточно быстрая. Для веб-разработчиков определены соответствующие хуки, фильтры и функции интеграции с шаблоном.

    Advanced Custom Fields имеет чуть больше типов пользовательских полей, которые разделены на 6 групп:

    • Базовые: текстовая строка и область.
    • Выборка: чекбоксы, True / False, выпадающий список, Radio Button.
    • Контент: файлы, галерея, картинка, текстовый редактор, встраиваемый объект oEmbed.
    • Элементы jQuery: цветовая палитра, выбор даты/времени, Google карта.
    • Для разметки: отображение (клонирование) определенных полей, гибкий элемент контента (Flexible Content), табы, повторяющиеся элементы.
    • Связи: URL линк, таксономия, объект поста, ссылка на объект.

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

    Разобраться с интеграцией Advanced Custom Fields даже для начинающего разработчика не будет проблемой. Кроме того, в самой админке плагин имеет весьма приятный интерфейс. В разделе Add-ons на официальном сайте найдете несколько модулей для расширения функциональности — поддержка Font Awesome, дополнительные поля для таблиц и аккордеона, переводы через qTranslate.

    В принципе, можно было сказать, что плагин является идеальным, если бы не одно «но». Дело в том, что добавить произвольные поля типа галереи, гибкого контента и повторяющегося элемента можно только в PRO версии. Поэтому мне пришлось создавать слайдер картинок через связку Custom Field Suite + Owl Carousel 2. С другой стороны, стоимость PRO для одного сайта ($25) может быть включена в общую смету сайта, а если вы часто разрабатываете проекты, то пожизненная лицензия ($100) окупится достаточно быстро. Там же есть Add-on для создания страницы настроек Options Page в WP через произвольные поля, что также может пригодиться (как альтернатива соответствуюших фреймворков).

    Итого. Если вам нужно добавить произвольное поле в WordPress простого типа (текст, картинка, ссылка), то тут подойдет любой плагин — Custom Field Suite или Advanced Custom Fields. Выбирайте тот, что больше нравится. Если же требуются повторяющиеся поля (цикл), то бесплатно эта функция есть только в первом модуле.

    Произвольные поля Advanced Custom Fields для шаблонов Elementor

    Ссылка на эту страницу:

    Встроить HTML код видео:

    Произвольные поля в Вордпресс значительно расширяют возможности управления содержимым (контентом) сайта. Вы создаёте произвольные поля, заполняете их в записях и далее остаётся только вывести их в шаблоне. Как выводить произвольные поля Advanced Custom Fields в теме WordPress, мы разбирали в другом видео. В этом же речь пойдёт о том, как использовать произвольные поля с шаблонами конструктора сайтов и страниц Elementor Pro. Алгоритм простой:
    1) Создаём и заполняем произвольные поля;
    2) Редактируем шаблон Elementor, в нашем случае это шаблон записи;
    3) Вставляем нужные виджеты и размечаем динамические области созданными ранее полями.
    Всё, данные произвольных полей теперь будет выводиться в каждой записи или странице, для которой делался шаблон.

    Advanced Custom Fields — обзор и использование WordPress плагина

    Ищете простой способ добавления и управления настраиваемыми полями? Расширенные пользовательские поля используют встроенные функции пользовательских полей WordPress, но делают их более доступными с помощью удобного графического интерфейса. Узнайте, как вы можете сэкономить время на управление настраиваемыми полями с помощью WordPress плагина Advanced Custom Fields

    Зачем использовать WordPress плагин advanced custom fields?

    Пользовательские поля позволяют добавлять свои собственные метаданные в сообщения и страницы WordPress.

    Многие мощные плагины, такие как Yoast SEO или Edit Flow, используют пользовательские поля для добавления данных в ваши сообщения.

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

    Настройка advanced custom fields

    Но интерфейс по умолчанию для пользовательских полей WordPress просто не подходит для пользователей:

    Есть только основное текстовое поле для работы — вы не можете загружать изображения или вводить другие конкретные типы данных.

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

    Advanced custom fields поля

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

    • текст
    • числа
    • адреса электронной почты
    • URL-адреса
    • изображения
    • файлы
    • true / false
    • и многое другое

    Как использовать Advanced Custom Fields

    Итак возникает вопрос как использовать плагин advanced custom fields. Установите и активируйте плагин, и вы можете перейти к пользовательским полям »Пользовательские поля для начала работы.

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

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

    • Вам нужно использовать несколько настраиваемых полей только для одной категории сообщений или просто для вашего пользовательского типа сообщений? Они должны находиться в одной группе.
    • Хотите добавить определенное пользовательское поле к сообщениям в одной категории, но другое настраиваемое поле для сообщений в другой категории? Они должны быть в отдельных группах полей.

    В нашем примере мы добавим GIF на каждый пост в категории «Кошки».

    Введите имя группы полей и нажмите кнопку «Добавить поле», чтобы добавить свое первое поле.

    В нашем примере мы добавим GIF для каждого сообщения в категории «Кошки». Введите метку поля и выберите тип поля. В нашем примере мы выбираем «Изображение». Когда вы закончите выбирать свои параметры поля, вы можете закрыть это поле, чтобы свернуть его. Просто наведите указатель мыши на имя поля, чтобы отредактировать или удалить его.

    Введите имя группы полей и нажмите кнопку «Добавить поле», чтобы добавить свое первое поле.

    В разделе «Место» выберите, где вы хотите отображать пользовательские поля в этой группе.

    Когда вы выбрали все свои параметры, нажмите «Опубликовать» справа.

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

    Advanced custom fields вывод полей

    Первый шаг прикрепляет эти данные к сообщению в вашей базе данных, но он не отображает его автоматически на сайте

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

    Плагин Advanced Custom Fields имеет множество встроенных функций, которые облегчают отображение ваших данных.

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

    Функция имеет два аргумента:

    • $field_name : (обязательно) имя получаемого поля
    • $post_id :(необязательно) идентификатор сообщения, в котором было введено ваше значение (по умолчанию используется текущий идентификатор сообщения)

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

    Произвольные поля в WordPress: простое руководство для начинающих

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

    Эти поля – часть функциональности ядра WordPress, которая в явном виде может и не использоваться. Между тем, настроить это можно достаточно просто на вашем WordPress-сайте. По умолчанию такие поля невидимы, и чтобы включить их отображение, нужно перейти к ‘ Настройкам экрана ’ вверху справа в Консоли и к вкладке по добавлению нового поста или редактирования существующей страницы.

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

    В зависимости от плагинов и тем, которые установлены на вашем сайте, выпадающее меню в колонке ‘ Имя ’ уже может содержать какие-то произвольные поля. Но если сайт новый, то и полей может не быть.

    Перед созданием нового произвольного поля давайте посмотрим на то, что собой представляют эти поля и как можно их использовать. У каждого поля есть 2 части: Имя поля и его Значение . В Значении написан контент. Также там можно указать и веб-адреса наряду с обычным текстом.

    Зачем вам может понадобиться произвольное поле?

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

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

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

    К примеру, можно также включить такие произвольные поля:

    • Для фудблога – ‘ Свежие блюда ’
    • Для музыкального блога – ‘ Сейчас слушаю ’
    • Для шоппинг-блога – ‘ Свежая покупка ’
    • Для блога рецензий – ‘ Скачать / Ссылка на продукт ’

    Любую интересующую ваших читателей дополнительную информацию можно включить в произвольное поле.

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

    Произвольные поля отображаются на экранах в рубрике ‘ Добавить новую запись ’ или ‘ Редактировать запись ’. Произвольному полю можно присвоить различные значения в зависимости от того, какую функцию выполняет поле. Также можно сделать их обязательными полями для публикации поста (заполнять, преждем чем опубликовать). Это очень удобно, если у вас несколько разных авторов.

    Что делать с данными?

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

    Для этого надо внести несколько правок в файлы вашей темы. Для примера рассмотрим стандартную тему Twenty Twelve и для этого в панели администратора перейдем к Внешний вид → Редактор и выберем файл ‘ content.php ’.

    Также неплохо бы создать резервную копию файла ‘ content.php ’ перед началом редактирования. Быстрый способ сделать такую резервную копию – это скопировать код и вставить в новый документ. Если с файлом возникнут какие-то трудности, всегда можно быстро в ручном режиме вставить обратно весь сохраненный код из Блокнота или загрузить его по FTP в папку с темой на сервере.

    Теперь надо добавить следующую строку кода для отображения произвольных полей и содержимого этих полей: ?php the_meta(); ? >

    Чтобы произвольное поле было частью нового поста, поищите строку с кодом div > и вставьте под ней ?php the_meta(); ? > с новой строки:

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

    В каждом посте может быть неограниченное число произвольных полей и по несколько типов разного контента:

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

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

    • Поля с графикой и галереи фотоснимков
    • Загрузка файлов
    • Переключатели и кнопки для списков
    • Ссылки на страницы
    • Информация о пользователе
    • Выбор даты и времени

    С помощью данного плагина можно полностью задать все свойства и настройки для каждого произвольного поля.

    Самой полезной опцией этого плагина можно назвать возможность вставки шорт-кодов в новые посты и произвольные поля к ним. Так вы сэкономите время на редактирование файлов темы в большинстве случаев.

    Заключение

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

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

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

    Насколько полезным был этот пост?

    Нажмите на звезду, чтобы оценить этот пост!

    Средний рейтинг: 4.3 / 5. Количество голосов: 4

    Блог вебмастера

    создание сайтов, заработок в сети, раскрутка, программирование

    Как включить дополнительные поля acf в поиск wordpress

    Есть сайты на wordpress, где часть контента выводиться через дополнительные поля. Это могут быть атрибуты товара, время мероприятий, адреса и т.п. И кроме того, что эти данные нужно выводить на странице, еще иногда может потребоваться совершать поиск по произвольным полям. В этой статье я напишу как организовать это дело с помощью плагина Relevanssi.

    Как установить плагин Relevanssi на wordpress

    Плагин устанавливается с репозитория вордпресс. Зайдите в Плагины — Добавить новый. Введите «Relevanssi» и нажмите Установить.

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

    Как настроить плагин Relevanssi

    После активации идите в Настройки — Relevanssi. На первой странице будет инструкция и общая информация. Нажимайте вторую вкладку Indexing (у меня плагин на английском).

    Как настроить плагин Relevanssi wordpress. Переходим на вкладку Indexing

    На этой странице выбираем какие данные нужно индексировать плагину Relevanssi WordPress (только посты, посты и страницы, медиафайлы, контактные формы). Чуть ниже также есть таблица с другими данными — индексировать ли комментарии, категории, теги, имена авторов статей, шорткоды, и дополнительные поля.

    Как включить поиск по дополнительным поля в Relevanssi

    Вот мы и подошли к тому, как искать произвольные поля на wordpress. В настройках есть несколько нюансов. Первое — нужно выбрать какие Произвольные поля будут индексироваться: все, только видимые, некоторые (нужно указать какие именно). Эта фильтрация очень удобная, потому не всегда нужно открывать поиск по всем параметрам.

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

    Второе — нужно включить Расширенные произвольные поля в общий Индекс. Например, у меня индексируются посты, страницы и поля, как на картинке:

    Включаем в индекс поля. Как сделать поиск по Расширенным произвольным полям в вордпресс

    Как обновить поиск Relevanssi (переиндексация постов)

    В плагине есть кнопка «Индексировать новые посты» (index unindexed posts). Когда добавляете новые записи, в которых нужно делать поиск по произвольным постам, нажимайте ее. После первой настройки плагина возможно нужно будет нажать Build the index для индексации всех данных, которые Вы выбрали. И на всякий случай Сохраняйте настройки.

    Как узнать что искали люди на сайте

    У плагина Relevanssi есть очень полезная функция — она показывает что именно люди искали на Вашем сайте.

    Как узнать что люди искали на сайте wordpress через Relevanssi

    Для этого нужно включить лог. Зайдите в Настройки плагина, Вкладка Logging. Нажмите Enable logs, и если надо айпи пользователя — Log user IP.

    Включаем логгирование на сайте, что ищут пользователи

    Как у Вас устроен поиск по произвольным полям? Пользуетесь этим или другими плагинами? Есть вопросы? Обязательно пишите в комментариях.

    Топ-пост этого месяца:  Категории функций — Форматы — WordPress
    Добавить комментарий
    Тип данных произвольного поля Описание / скин
    Файл Поле для сохранения файлов. Работает по аналогии с типом «Изображение», может хранить 3 варианта данных.