通过Media Uploader在Figure元素内插入图像

对于您的functions.php文件或功能插件：

function html5_insert_image($html, $id, $caption, $title, $align, $url) {
  $html5 = "<figure id='post-$id media-$id' class='align-$align'>";
  $html5 .= "<img src='$url' alt='$title' />";
  if ($caption) {
    $html5 .= "<figcaption>$caption</figcaption>";
  }
  $html5 .= "</figure>";
  return $html5;
}
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );

它还会将您输入的内容作为标题，并将其作为<figcaption>插入<figure>标记中。 示例插入的代码：

<figure id='post-18838 media-18838' class='align-none'>
  <img src='//youresite.com/wp-content/uploads/2012/10/image.png' alt='Title of image'>
  <figcaption>Caption for image</figcaption>
</figure>

翻译自: https://css-tricks.com/snippets/wordpress/insert-images-within-figure-element-from-media-uploader/