Связка плагина Advanced Custom Fields Pro и WP User Frontend Pro или как вывести поля ACF во фронтэнд?

Question

[RETAND]

Здравствуйте! Подскажите кто сталкивался. Имеется задача сделать дополнительные поля к записям в вордпресс, и добавление этой записи (с доп. полями) через фронтэнд. Полностью устроил плагин Advanced Custom Fields с его полями, но найти рабочий плагин, который вывел бы его доп. поля на фронтэнд, не удается. Ставил WP User Frontend Pro, который умеет легко делать формы для фронтэнда, а так же имеет, похожие доп.поля как на ACF (меня не устроили). Где то вычитал что WP User Frontend Pro имеет возможность выводить поля других плагинов, в том числе ACF, но как это реализовать нигде не найду.
Оговорюсь сразу, по поводу документации к ACF - я видел раздел как сделать фронтэнд, но хочется пойти по пути наименьшего сопротивления.
Если ответа на вопрос связки ACF и WPUF не имеется, то подскажите пожалуйста другие решения. Спасибо!

Comments

[Дмитрий Филандор]

напарился с этой Frontend публикацией для пользователя, в итоге решил просто убрать из стандартной записи лишние поля и пусть себе пишут в бэкенде (лишние менюхи в бэкенде тож убрал)

[RETAND]

Дмитрий Куликов: А как скрывали лишние поля и менюхи?

Answer 1

[Игорь Воротнёв]

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

Я делал это, все работает. Поэтому, вероятнее всего, проблема на вашей стороне. Давайт идти пошагово и смотреть где что не работает.

UPDATE (из комментариев): Что касается самой формы:

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

<?php
/*
Template Name: ACF Form
*/
acf_form_head();
get_header();
?>

3. Далее в шаблоне, где нужно вывести форму, вставляете:

$args = array(
    'post_id' => 'new_post',
    'new_post' => array(
        'post_type' => 'YOUR_POST_TYPE',
        'post_status' => 'draft',
    ),
    'post_title' => true,
    'submit_value' => 'Создать',
    'updated_message' => 'Ваша запись поставлена в очередь на модерацию',
    'label_placement' => 'left',
);
acf_form( $args );

4. Все.

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

Comments

[RETAND]

Игорь, в соседней теме посмотрел присланный вами скриншот, как раз такая задача и стоИт. Но, повторюсь, хочется пойти по пути наименьшего сопротивления, и не выводить поля с помощью родных функций ACF, а использовать какой-либо плагин для вывода этих полей. По этому спрашиваю решение, может какой-нибудь другой плагин способен на вывод полей от ACF во фроyn'yl/ Спасибо.

[Игорь Воротнёв]

RETAND: так вот фокус в том, что как раз вывод формы с помощью нескольких строк через функционал ACF - это как раз и есть путь наименьшего сопротивления :) То, что вы видели на скриншоте - как раз и есть родная форма ACF, и она прекрасно работает. Я за последние годы перепробовал массу решений для этих задач, и WP User Frontend, и Ninja Forms сплатными расширениями для публикации с фронта, и платный Gravity Forms для тех же задач (у нас в компании и ACF Pro есть девелоперская лицензия, и Gravity Forms), и S2 Members и прочие плагины. В том числе, писали и полностью свое кастомное решение, со всеми формами собранными вручную. Так вот, поверьте реальному опыту - если у вас есть набор полей ACF и вам надо из этих полей сделать форму на фронтенде - нет ничего удобнее и проще, чем родная фича ACF.

[RETAND]

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

[Игорь Воротнёв]

RETAND: По выбору - используйте conditional logic (условная логика). Для этого вам нужно создать 1 поле с вариантами (родительские категории), а дальше все поля, завязанные на выбор варианта, настраиваете с использованием условной логики: https://cloudup.com/cfZ6Sqg8CFy

Что касается самой формы:

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

<?php
/*
Template Name: ACF Form
*/
acf_form_head();
get_header();
?>

3. Далее в шаблоне, где нужно вывести форму, вставляете:

$args = array(
    'post_id' => 'new_post',
    'new_post' => array(
        'post_type' => 'YOUR_POST_TYPE',
        'post_status' => 'draft',
    ),
    'post_title' => true,
    'submit_value' => 'Создать',
    'updated_message' => 'Ваша запись поставлена в очередь на модерацию',
    'label_placement' => 'left',
);
acf_form( $args );

4. Все.

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

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

[RETAND]

Игорь Воротнёв: Игорь, всё получилось. Спасибо. Переносите в ответ. Сейчас разберусь с категориями, потом с выводом всех постов для каждого пользователя, который их создал. Ну и с выводом их по определенным параметрам (фильтрам). По фильтрам скорее всего создам отдельный вопрос, не понятно пока чем фильтровать вывод (каким плагином), и что может участвовать в фильтрах (какие поля acf). Еще раз, спасибо!

[Игорь Воротнёв]

trulyalya bonjur, HTML отключить не получится, а вот CSS можно:

// disable acf css on front-end acf forms
function my_deregister_styles() 
{
    wp_deregister_style( 'acf' );
    wp_deregister_style( 'acf-field-group' );
    wp_deregister_style( 'acf-global' );
    wp_deregister_style( 'acf-input' );
    wp_deregister_style( 'acf-datepicker' );
}
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

Впрочем, код старый, давно не проверял (может поменялись id стилей). Идея, думаю, понятна.

Answer 2

[Александр Гуков]

Игорь, спасибо Вам за ответ.
Можно парочку вопросов:

1) Не могу переименовать поля названия и содержание на свои, реально ли это?
2) Можно ли отдельные поля отключить для заполнения? Их не нужно выводить, только админ выводит.
3) Потестировал добавление. Форма отправляется. Но в амдинке не появляется почему то добалвенная новость.
Есть ли какая-то хитрость?
4) не знаете случайно как такую форму поместить в модалку, что бы выводить на разных страницах где есть вывод этого модального окна?
5) Как добавить возможность загрузки миниатюры?

Comments

[Игорь Воротнёв]

1. Непонятно
2. Теоретически да. Либо с помощью CSS скройте, либо фильтры надо смотреть
3. https://www.advancedcustomfields.com/resources/usi... Вы сохранение забыли
4. Можно, но это уже отдельная задача, ковырять надо
5. Надо думать, наверное ACF Image Field и после сохранения поста делать set_post_thumbnail

Answer 3

[zextro]

Может, кому-то пригодиться

1) Не могу переименовать поля названия и содержание на свои, реально ли это?

add_filter( 'acf/get_valid_field', 'change_input_labels');
function change_input_labels($field) {
		
	if($field['name'] == '_post_title') {
		$field['label'] = 'Название';
	}
		
	if($field['name'] == '_post_content') {
		$field['label'] = 'Содержание';
	}
		
	return $field;