WP Как дополнить или модифицировать блок Featured image?
Есть стандартный блок Изображения записи поста в админке. Необходимо добавить в данный блок ещё 2 поля изображений для мобильного и планшетного отображения на фронтовой части в теге <picture>. Вопрос - как это реализовать ?
Поскольку используюються современная тема с Gutenberg блоками, то стандартный вариант по типу.
function custom_featured_image_field() {
?>
<div class="custom-featured-image-field">
<label for="custom-featured-image">Custom Featured Image:</label>
<input type="text" id="custom-featured-image" name="custom_featured_image" value="<?php echo esc_attr(get_post_meta(get_the_ID(), 'custom_featured_image', true)); ?>">
<button class="button" onclick="openMediaUploader()">Select Image</button>
</div>
<script>
function openMediaUploader() {
var mediaUploader = wp.media({
title: 'Select Image',
multiple: false
});
mediaUploader.on('select', function () {
var attachment = mediaUploader.state().get('selection').first().toJSON();
jQuery('#custom-featured-image').val(attachment.url);
});
mediaUploader.open();
}
</script>
<?php
}
function save_custom_featured_image_field($post_id) {
if (isset($_POST['custom_featured_image'])) {
update_post_meta($post_id, 'custom_featured_image', esc_url($_POST['custom_featured_image']));
}
}
function add_custom_featured_image_field() {
add_action('admin_enqueue_scripts', function () {
wp_enqueue_media();
});
add_action('admin_footer', 'custom_featured_image_field');
add_action('save_post', 'save_custom_featured_image_field');
}
add_action('admin_init', 'add_custom_featured_image_field');
Не работает... Я понимаю, что здесь необходим подход с созданием React элемента, но неужели, в новом редакторе WP не предусмотрено разширения готового функционала, а надо именно отключать стандартный и создавать новый ? Или есть решение проще ?
*Мне неодходимо именно добавить в текущую вкладку Featured image новые поля изображений, не затрагивая текущие настройки, на которые ориентируються сторонние плагины.
