Alter <img> с полевыми данными пользовательской медиа

Question

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

function aj_attachment_field_audio_url($form_fields, $post) { 

$form_fields['aj-audio-url'] = array(
    'label' => 'Audio File URL', 
    'input' => 'text', 
    'value' => get_post_meta($post->ID, 'aj-audio_url', true), 
    'helps' => 'Add Audio URL', 
); 

return $form_fields; 
} 

add_filter('attachment_fields_to_edit', 'aj_attachment_field_audio_url', 10, 2); 

function aj_attachment_field_audio_url_save($post, $attachment) { 

if(isset($attachment['aj-audio-url'])) 
    update_post_meta($post['ID'], 'aj_audio_url', esc_url($attachment['aj-audio-url'])); 
return $post; 
} 

add_filter('attachment_fields_to_save', 'aj_attachment_field_audio_url_save', 10, 2); 
?> 

я теперь потерял о том, как изменить мои IMG тегов, включить новую информацию с помощью data-audio_url = "".

В принципе в любое время есть изображение (добавлено в содержимое wysiwyg) с этим полем. Я хотел бы добавить это в тег img.

Любая помощь будет назначена.

Спасибо Вам

Answer 1

Использование get_image_tag(), вероятно, получите ваш, где вы хотите. Нижеследующее не проверено, но должно работать.

function get_image_tag($id, $alt, $title, $align, $size) { 

    //Getting the meta data 
    $aj_audio_url = get_post_meta($id, 'aj_audio_url', true); 

    //If not empty add the audio_url 
    if (! empty($aj_audio_url)) { 
     $html = '<img src="' . esc_attr($img_src) . '" alt="' . esc_attr($alt) . '" ' . $title . $hwstring . 'class="' . $class . ' data-audio_url="' . $aj_audio_url . '"/>'; 

     return apply_filters('get_image_tag', $html, $id, $alt, $title, $align, $size); 
    } 
} 

Получить больше информации и примеры здесь: https://developer.wordpress.org/reference/functions/get_post_meta/