php - 将类添加到 Wordpress 图像 anchor 元素

Question

我需要设置围绕嵌入在没有标题的帖子中的图像的元素的样式，但据我所知，没有办法自动向其添加类或目标 <a>带有 <img>仅在内部不使用 jQuery 或其他东西。

默认情况下它们是这样显示的:

<a href="sample.jpg"><img class="alignnone size-full wp-image-20" src="sample.jpg" alt="Sample Image" width="1280" height="914"></a>

是否有一个简单的 wordpress PHP 方法，我可以使用它在所有这些元素上默认设置一个简单的“.img”类？

我很困惑这不是 Wordpress 中的标准功能，很多人都在提示它，但据我所知还没有实际的解决方案。

澄清一下，这应该适用于帖子中的现有图片，而不仅仅是我以后发布的帖子!

Answer 1

如果您能够编辑您的 functions.php 文件，请添加此代码。它经过测试和验证:

/**
 * Attach a class to linked images' parent anchors
 * Works for existing content
 */
function give_linked_images_class($content) {

  $classes = 'img'; // separate classes by spaces - 'img image-link'

  // check if there are already a class property assigned to the anchor
  if ( preg_match('/<a.*? class=".*?"><img/', $content) ) {
    // If there is, simply add the class
    $content = preg_replace('/(<a.*? class=".*?)(".*?><img)/', '$1 ' . $classes . '$2', $content);
  } else {
    // If there is not an existing class, create a class property
    $content = preg_replace('/(<a.*?)><img/', '$1 class="' . $classes . '" ><img', $content);
  }
  return $content;
}

add_filter('the_content','give_linked_images_class');