Меню Рубрики

Установка advanced custom fields

Видео: Advanced Custom Fields — произвольные поля и настройки записи в WordPress (часть 1)

Тема статьи: Как добавить произвольные поля и настройки записи в WordPress? Зачем нужен плагин Advanced Custom Fields? Стоит ли покупать платные расширения для этого плагина?

Ответы на эти вопросы и многое другое о плагине Advanced Custom Fields вы найдете в видео ниже. а также в самой статье. Итак, поехали!

Зачем нужен Advanced Custom Fields?

Advanced Custom Fields (ACF) – это бесплатный плагин для добавления произвольных полей к записи, с удобным интерфейсом (в отличии от стандартных полей WP), широким выбором настроек, а также возможностью серьезного изменения с помощью плагинов.

Зачем нужны произвольные поля?

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

Пример социальной сети на движке WP

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

Стандартное произвольное поле WordPress

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

Что умеет Advanced Custom Fields?

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

Список всех его возможностей довольно велик, но в нем есть все самое необходимое, а именно:

  • текст
  • текстовая область
  • номер
  • email
  • пароль
  • визуальный редактор WP
  • загрузка изображений и файлов
  • различные манипуляторы выбора
  • различные взаимоотношения между объектами wp (рубрики, страницы, записи, пользователи)
  • вставка Google карт
  • выбор цвета и даты

Поля на любой вкус и цвет. А вот так это выглядит при редактировании самой записи.

Advanced Custom Fields в записи

Выбрать куда вставить поле

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

  • запись
  • страница
  • пользователь
  • рубрики
  • поля для определенного формата записи (что это?)
  • прикрепление к определенному шаблону страницы
  • и много другое

Настройка области редактирования записи

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

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

Как использовать?

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

установка плагина Advanced Custom Fields. Шаг 2 и 3

4. Назовите группу полей. Это имя будет в шапке настроек в записи.
5. Для добавления поля нажмите «Добавить поле», как ни странно 🙂

установка плагина Advanced Custom Fields. Шаг 4 и 5

6. Назовите поле, задайте описание. И обязательно укажите «Имя поля» на английском. Оно нам пригодиться в будущем.
7. Поиграйтесь с настройками плагина, выберите нужные поля или их сочетания. Вы можете менять поля местами, и удалять их. Все наглядно и понятно.

установка плагина Advanced Custom Fields. Шаг 6 и 7

8. Затем зайдите в таксономию, которую вы выбрали. В моем случае это запись. И наслаждайтесь результатом.

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

Итак, далее работаем с темой. В нужное место вставим такой код.

Где «Имя поля» мы задали в пункте 6. О функции get_post_meta можно узнать тут:

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

Если вы хотите чтобы я более подробно разобрал тему именно установки и вывода настроек пишите об этом в комментариях!

Читайте также:  Установки очистки воды для заводов

Документация по ACF доступна на сайте разработчика. Ссылка ниже.

Плюсы и минусы бесплатной версии ACF

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

Плюсы

  • удобный интерфейс
  • русский перевод
  • много настроек
  • бесплатно
  • возможности расширения
  • можно создавать свои поля (более подробно в документации)
  • постоянные обновления

Минусы

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

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

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

86 комментариев

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

Как я вас понял, вам нужно чтобы поля выводились только в определенной категории, а в других нет.
Если это надо реализовать в админке, то при создании полей ACF, внизу есть пункт Местоположение -> Отображать эту группу полей, если… там выберите нужную рубрику и поля будут показываться только в ней.
Если же вы имели ввиду сам сайт, то тут вам поможет проверка на категорию if( is_category(#cat_id) )

Доброе время суток.
Спасибо за урок!
Вопрос: уже хотел купить плагины к acf и использовать acf для своих нужд, но наткнулся на такой плагин — wp-types.com/home/types-manage-post-types-taxonomy-and-custom-fields/ Вы не использовали его? Вроде из коробки там много всего.

Доброго, Олег!
Рад, что урок оказался для вас полезным.
По поводу плагина, который вас заинтересовал. Я у него увидел 2 явных недостатка:
1) Отсутствие русского языка. В ACF все локализовано.
2) Не самый симпатичный интерфейс. Мне лично не нравится. Кому как.
Есть еще ряд подозрений. Есть ли повторяющиеся поля у этого плагина? Очень важно для слайдеров и галерей всяких.
Мое мнение. Возможностей ACF более, чем достаточно для практически любого проекта.
Единственное исключение когда я его не использовал, так это сайт, где было очень много фишек в самой статье (возможность ставить галереи, несколько видов цитат и т.д.). Тут лучше шорткодами. Хотя все от проекта зависит.

Не добавляет произвольное поле для рубрик, например как есть стандартное поле описание (), вернее поле создается, можно что-то написать, но в category.php если сделать вывод оно не отображается. Может для рубрики по другому нужно выводить? Все поля вывожу внутри цикла

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

источник

Полное руководство по плагину 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

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

Читайте также:  Установка биксенона на grand vitara

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() для отображения информации из произвольного поля. Например:

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

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

Имя произвольного поля указано в разделе редактирования группы полей:

Где найти имя поля ACF.

Скомбинировав HTML с PHP- кодом, можно получить код для отображения всех произвольных полей:

Чтобы разместить поле над содержимым поста, добавьте этот код в файл шаблона темы оформления над the_content() .

Куда добавить код в файле шаблона.

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

Теперь вы можете видеть произвольные поля на страницах сайта

Чтобы узнать больше, посмотрите полную документацию по Advanced Custom Fields .

Как отображать данные произвольных полей с помощью шорткода

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

Использование шорткодов для отображения данных ACF

После этого вы получите результат, аналогичный предыдущему.

Результат использования шорткодов.

Как отображать произвольные поля с помощью Elementor Pro

Elementor является одним из самых популярных конструкторов страниц WordPress. Он позволяет создавать страницы путем перетаскивания элементов.

Платный вариант плагина Elementor Pro позволяет создавать файлы шаблонов темы оформления и вставлять динамические данные из произвольных полей.

Для этого перейдите в раздел Templates > Theme Builder новый шаблон Elementor для поста.

Создание нового шаблона Elementor Single.

Вы можете добавить стандартные виджеты Elementor для заголовка и содержимого поста. Затем для отображения данных из произвольного поля добавьте виджеты текстового редактора и выберите опцию Dynamic .

Опция “Dynamic” в Elementor Pro

После этого в выпадающем списке выберите значение ACF Field .

Выбор “ACF Field”

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

Выбор произвольного поля, которое нужно отобразить

Также можно использовать раскрывающийся список дополнительных опций ( Advanced ) для добавления дополнительной информации (подписи и единицы измерения).

Добавление информации

Резюме

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

Данная публикация представляет собой перевод статьи « Advanced Custom Fields Tutorial: Your Ultimate Guide » , подготовленной дружной командой проекта Интернет-технологии.ру

источник

Добавить комментарий