Advanced custom fields как вывести поля

Вывод значений на сайте

Обзор

API Advanced Custom Field позволяет легко вывести значения полей на в вашей теме. Есть множество функций для работы со значениями. Они описаны в документации.

Основы

После создания группы полей их можно вывести на сайте.

Все значения хранятся через встроенные post_meta (когда сохраняется пост) и конечно можно использовать встроенную WP функцию get_post_meta() для вывода данных, но будет лучше использовать ACF функцию get_field() для вывода. Почему? Потому, что ACF формирует значения в зависимости от типов полей и делает разработку проще!

Для присвоения значения поля переменной используйте функцию get_field(). Это очень гибкая функция, которая позволяет вернуть значение любого типа.

Если нужно сразу вывести значение, то используйте функцию the_field().

Это базовый пример использования. Больше информации можно найти в примерах кода.

Есть ли у ACF шорткоды?

Да, Вы, можете использовать шорткоды. Например, выведем the_field() с помощью шорткода:

Вы можете также передать $post_id для получения значения из определенной записи.

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

1. ОПРЕДЕЛЕНИЕ ТЕРМИНОВ

1.1. Публичная оферта (далее – «Оферта») — публичное предложение Продавца, адресованное неопределенному кругу лиц, заключить с Продавцом договор купли-продажи товара дистанционным способом (далее — «Договор») на условиях, содержащихся в настоящей Оферте, включая все Приложения.

1.2. Заказ Товара на сайте Интернет-магазина – позиции, указанные Покупателем из ассортимента Товара, предложенного к продаже, при оформлении заявки на приобретение Товара на сайте Интернет-магазина или через Оператора.

1. ОБЩИЕ ПОЛОЖЕНИЯ

2.1. Заказ Покупателем Товара, размещенного на сайте Интернет-магазина означает, что Покупатель согласен со всеми условиями настоящей Оферты.

2.2. Администрация сайта Интернет-магазина имеет право вносить изменения в Оферту без уведомления Покупателя.

2.3. Срок действия Оферты не ограничен, если иное не указано на сайте Интернет-магазина.

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

3.1. Цена на каждую позицию Товара указана на сайте Интернет-магазина.

3.2. Продавец имеет право в одностороннем порядке изменить цену на любую позицию Товара.

3.3. В случае изменения цены на заказанный Товар Продавец обязуется в течение 10 дней проинформировать Покупателя об изменении цены Товара.

3.4. Покупатель вправе подтвердить либо аннулировать Заказ на приобретение Товара, если цена изменена Продавцом после оформления Заказа.

3.5. Изменение Продавцом цены на оплаченный Покупателем Товар не допускается.

3.6. Продавец указывает стоимость доставки Товара на сайте Интернет-магазина либо сообщает Покупателю при оформлении заказа Оператором.

3.7. Обязательства Покупателя по оплате Товара считаются исполненными с момента поступления Продавцом денежных средств.

3.8. Расчеты между Продавцом и Покупателем за Товар производятся способами, указанными на сайте Интернет-магазина в разделе Контакты

1. ОФОРМЛЕНИЕ ЗАКАЗА

4.1. Заказ Товара осуществляется Покупателем сервис сайта Интернет-магазина acf.acfwp.ru.

4.2. При регистрации на сайте Интернет-магазина Покупатель обязуется предоставить следующую регистрационную информацию:

4.2.1. фамилия, имя, отчество Покупателя или указанного им лица (получателя);

4.2.2. адрес, по которому следует доставить Товар (если доставка до адреса Покупателя);

4.2.3. адрес электронной почты;

4.2.4. контактный телефон.

4.3. Наименование, количество, ассортимент, артикул, цена выбранного Покупателем Товара указываются в корзине Покупателя на сайте Интернет-магазина.

4.4. Если Продавцу необходима дополнительная информация, он вправе запросить ее у Покупателя. В случае не предоставления необходимой информации Покупателем, Продавец не несет ответственности за выбранный Покупателем Товар.

4.6. Принятие Покупателем условий настоящей Оферты осуществляется посредством внесения Покупателем соответствующих данных в регистрационную форму на сайте Интернет-магазина или при оформлении Заказа через Оператора. После оформления Заказа через Оператора данные о Покупателе регистрируются в базе данных Продавца. Утвердив Заказ выбранного Товара, Покупатель предоставляет Оператору необходимую информацию в соответствии с порядком, указанном в п. 4.2. настоящей Оферты.

4.7. Продавец не несет ответственности за содержание и достоверность информации, предоставленной Покупателем при оформлении Заказа.

4.8. Покупатель несет ответственность за достоверность предоставленной информации при оформлении Заказа.

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

1. ДОСТАВКА И ПЕРЕДАЧА ТОВАРА ПОКУПАТЕЛЮ

5.1. Продавец оказывает Покупателю услуги по доставке Товара одним из способов указанных на сайте Интернет-магазина.

5.2. Если Договор купли-продажи товара дистанционным способом (далее – Договор) заключен с условием о доставке Товара Покупателю, Продавец обязан в установленный Договором срок доставить Товар в место, указанное Покупателем, а если место доставки Товара Покупателем не указано, то по месту его жительства или регистрации.

5.3. Место доставки Товара Покупатель указывает при оформлении Заказа на приобретение Товара.

5.4. Срок доставки Товара Покупателю состоит из срока обработки заказа и срока доставки.

5.5. Доставленный Товар передается Покупателю, а при отсутствии Покупателя — любому лицу, предъявившему квитанцию или иной документ, подтверждающий заключение Договора или оформление доставки Товара.

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

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

Внимательно ознакомьтесь с текстом публичной оферты, и если Вы не согласны с каким-либо пунктом оферты, Вы вправе отказаться от покупки Товаров, предоставляемых Продавцом, и не совершать действий, указанный в п. 2.1. настоящей Оферты.

Источник

Вывод произвольных полей wordpress. Плагин произвольных полей advanced custom fields.

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

Первое что необходимо сделать это установить этот плагин. В wordpress установка плагинов происходит на странице /wp-admin/plugin-install.php.

Нас интересует плагин Advanced Custom Fields, его название мы и введём в поле поискового запроса.

Установка плагина Advanced Custom Fields:

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

Сначала рассмотрим пример настройки полей для рубрики записей в wordpress.

Настройка группы полей для рубрики записи

Кликаем на пункт меню «Произвольные поля», на открывшейся странице кликаем на кнопку «Добавить новую».

Настройки для отображения произвольного поля для рубрики:

Для того чтобы наши прозвольные поля отображались для рублик необходимо в блоке «Местоположение» указать условие. В данном случае это: «Термин таксономии равно рубрики».

Добавление произвольного поля в Advanced Custom Fields:

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

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

Теперь будем делать вывод произвольного поля. Для того чтобы сделать вывод поля для рубрики через advanced custom fields необходимо сначала заполнить его на странице редактирования рубрики, после перейти в нужный php файл темы и разместить там следующий код:

• get queried object — полная информация о записи, метке, рубрике;
• the_field — функция, которая выводит значение произвольного поля для определенной рубрики.

Чтобы вывести произвольное поле в записи нужно размещать этот код в цикле примерно вот так:

На этом все, после правильно проделанной работы цель вывода произвольных полей в wordpress с использованием плагина advanced custom fields достигнута. Всем удачи и успехов в работе!

Источник

Вывод произвольных полей ACF

Рассмотрим вывод произвольных полей, созданных в Advanced Custom Fields для WordPress. А так же, как вывести произвольные поля для терминов таксономии, например, «Рубрики» в шаблоне category.php

Типы полей — текст, число, область текста, файл, медиа

Чтобы вывести текст , область текста , число , файл или медиа , воспользуйтесь кодом ниже.

Тип поля — «Изображение»

Ссылка на изображение (URL)

Данный способ вывода изображения не позволяет вывести дополнительные данные об изображении. Только URL. Используйте следующий код.

ID изображения

При выборе формата вывода — ID изображения , используется функция wp_get_attachment_image() .

Массив изображения

• — вывод URL изображения (полный размер);
• — вывод URL изображения (thumbnail, medium, large или кастомный);
• — вывод alt изображения;
• — вывод заголовка изображения;
• — вывод подписи изображения.

Тип поля — «Галерея»

Рассмотрим возвращаемый формат — массив изображения.

Использование очень похоже на вывод изображений, за исключением использования цикла foreach() .

Тип поля — «Повторитель»

Для вывода повторителя, используйте код ниже.

Тип поля — «Объект записи»

Для вывода нескольких значений «Объекта записи» используйте следующий код.

Тип поля — «Группа»

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

Вывод поля ACF только при условии, что оно заполнено

Для выполнения проверки заполнено ли поле, используйте get_field() .

Вывод полей ACF с другой страницы

Для вывода полей с другой страницы нужно просто добавить id необходимой страницы/записи.

Вывод поля для родительской страницы.

Вывод полей ACF из терминов таксономии

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

Оно (поле) у нас благополучно появится в рубриках

Но когда мы захотим его вывести в шаблоне рубрики category.php , то у нас ничего не получится.

Необходимо использовать следующий код.

Вывод полей ACF для профиля пользователя

Выведем ACF поля, созданные для вкладки профиль пользователя страницы «Пользователи».

Получение поля для текущего пользователя.

Вывод поля для пользователя с id = 8 .

Страница опций ACF

Для создания страницы опций ACF добавьте следующий код в functions.php :

Теперь необходимо создать нужные поля. Переходим в «Группы полей». Выбираем «Отображать группу полей, если» — Формы — Страница с опциями равно Настройки темы . И добавляеете поля как обычно.

Вывод полей «Страницы опций»

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

Вложенные страницы с опциями

Более сложный пример с вложенными страницами:

Дополнительные плюшки

• Шпаргалка по работе с WordPress.
• Шпаргалка по работе с WooCommerce.
• Как скрыть пункты меню в админке WordPress, изменить их порядок — статья.
• Как установить свой логотип при входе в админку WordPress вместо стандартного.
• Подборка лучших плагинов для WordPress на 2021 год.

Надеюсь, вам понравилась данная информация. Если вам интересна тема web-разработки, то можете следить за выходом новых статей в Telegram.

Источник

Полное руководство по плагину 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 предоставляет более обширный функционал:

• Repeater fields — позволяют повторять определенные поля и группы полей в различных постах. Например, если вы добавляете информацию об участниках конференции, данный тип произвольного поля позволяет быстро добавить данные о каждом спикере.
• Блоки ACF — отображают произвольные поля как блоки редактора Gutenberg, а не как мета-блоки. Это позволяет реализовать более простой способ ввода и визуализации данных.
• Flexible content field – позволяет создавать макеты из других полей. Фактически это конструктор страниц, основанный на данных из произвольных полей.
• Gallery field – позволяет загружать нескольких изображений в одно поле.

Более подробно возможности Advanced Custom Fields PRO описаны здесь .

Как добавлять произвольные поля с помощью Advanced Custom Fields

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

• Цель – он практикует два разных типа бега: скоростной и тренировочный.
• Расстояние – сколько пробежал.
• Время начала — когда начал бег.
• Время окончания — когда закончил бег.
• Место — где проходила тренировка.

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

1. Как добавлять произвольные поля и управлять ими.
2. Как отобразить информацию из произвольных полей на страницах сайта.

1. Создание новой группы произвольных полей

После установки и активации бесплатной версии плагина Advanced Custom Fields в левой боковой панели перейдите в раздел Произвольные поля > Добавить.

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

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

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

Создание новой группы полей ACF

2. Добавьте произвольные поля

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

Добавление нового произвольного поля

Это действие откроет перечень свойств. Два наиболее важных из них:

• Ярлык поля – это то, что отобразится в редакторе. Ярлык также будет использоваться для генерации имени поля, которое будет отображаться в коде.
• Тип поля – формат информации, которую будет содержать поле. Например, поле Число собирает числовую информацию, а поле Email – адреса электронной почты.

Для первого поля установим тип переключатель ( Radio) .

Настройка произвольного поля

Далее введите варианты состояния переключателя

Ввод вариантов состояния переключателя

Рассмотрим другой пример: произвольное поле для отображения расстояния пробега. На этот раз используем тип данных «Число»:

Создание числового поля

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

Больше настроек произвольных полей

Повторите этот процесс для всех других полей, которые вы хотите создать.

5 различных полей ACF

3. Настройте параметры и опубликуйте

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

В большинстве случаев подойдут значения по умолчанию. Но можно и поэкспериментировать с ними.

Настройка параметров группы полей ACF

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

4. Добавьте дополнительную информацию в редакторе WordPress

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

Advanced Custom Fields в редакторе WordPress.

Информация, вводимая в них, будет храниться в базе данных WordPress.

Обзор условной логики

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

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

Пример условной логики

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

Остальные произвольные поля отображаются при установке флажка

Чтобы настроить условную логику, необходимо отредактировать ранее созданную группу полей и добавить новое поле « Да/Нет» для условия «Этот пост о беге?»:

Добавление поля «Да/Нет»

Затем нужно отредактировать существующие произвольные поля и включить условную логику , чтобы каждое произвольное поле отображалось только при установленном флажке «Этот пост о беге?».

Добавление уловной логики к другим полям

Как отображать условные поля на сайте

Созданные произвольные поля пока не появляется на сайте.

Произвольные поля не отображаются на сайте

Давайте исправим это. Существует несколько способов произвольных полей на страницах сайта:

1. Файлы шаблонов используемой темы оформления – это решение требует технических знаний.
2. С помощью шорткодов – это простой вариант, если нужно вставить данные из поля на отдельных страницах сайта. Но вам придется добавлять шорткоды в каждый пост.
3. С помощью Elementor Pro – это самый простой способ, потому что он полностью избавляет от необходимости работать с PHP. Но это платный инструмент.

Как добавить произвольные поля в файлы шаблона темы оформления

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

Первоначально нужно отредактировать шаблон выбранного типа записи. Шаблон обычного поста располагается в файле single.php . Некоторые темы оформления разбивают этот шаблон на части. Например, в теме TwentyNineteen нужно будет отредактировать часть шаблона в файле content-single.php .

После этого нужно использовать функцию Advanced Custom Fields the_field() для отображения информации из произвольного поля. Например:

Больше информации об этой функции доступно здесь .

Например, чтобы отобразить произвольное поле «Цель», используйте приведенный ниже код:

Источник