Обзор
В этой статье показано решение для перемещения основных элементов WordPress внутри полей ACF. Эта концепция использует поле сообщения как пустую заглушку, в которую элементы перемещаются через jQuery.
Вот как может выглядеть интерфейс при переносе редактора WP внутрь группы полей. Слева показана обычная страница редактирования, а справа — редактор WP, перенесённый в группу полей и, что особенно важно, расположенный ниже поля «Sub Title».
До
После
Инструкции
Заглушка
Предположим, что группа полей у вас уже настроена. Тогда просто создайте поле сообщения в нужном месте и задайте ему метку, которая будет связана с элементом или элементами WP, которые оно вскоре будет содержать.
Код
Пользовательские CSS/JS легко добавить с помощью хука acf/input/admin_head. Следующий код нацелен на поле-заглушку ACF и перемещает внутрь него редактор содержимого WP (#postdivrich). Также здесь есть немного стилей, убирающих серый фон у элемента, чтобы он естественнее вписывался в поле ACF.
functions.php
add_action('acf/input/admin_head', 'my_acf_admin_head');
function my_acf_admin_head() {
?>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$('.acf-field-54cf2c4fcfbfe .acf-input').append( $('#postdivrich') );
});
})(jQuery);
</script>
<style type="text/css">
.acf-field #wp-content-editor-tools {
background: transparent;
padding-top: 0;
}
</style>
<?php
}Примечание
Обратите внимание: у каждого поля есть уникальный ключ, который можно найти, просто просмотрев элемент поля на странице. Разные версии ACF (4 и 5) могут показывать немного разные классы полей, поэтому перед использованием кода обязательно проверьте, что селектор jQuery указан верно.
Заключение
Сама идея довольно проста, но её можно использовать и в более сложных сценариях, чтобы сделать редактирование контента более плавным и удобным.
Обновлено: 01.06.2026