Wordpress:将img标签转换为div background img

时间:2016-03-11 16:11:53

标签: php wordpress

我想在我的帖子中将我的wordpress post img标签转换为div背景图片。我目前有一个函数设置,可以将一个类添加到父段落标记。知道如何编辑preg替换以将img标记更改为div并设置style =“background-image:url(”{img_src}“);”与img src?

我目前的职能是:

function give_attachments_class($content){
  $classes = 'class="img_wrap"';
  $firstH2 = 'class="first_h2"';
  $img_match = preg_match("/(<p.*?)(.*?><img)/", $content, $img_array);
  $youtube_match =preg_match("/(<p><span)+[ ]+(class=)+['\"]embed-youtube/", $content, $output_array);


  if(!empty($img_match))
   {
    $content = preg_replace('/(<p.*?)(.*?><img)/', '$1 ' . $classes . '$2', $content);

  }

  if(!empty($youtube_match))
   {
    $content = preg_replace("/(<p><span)+[ ]+(class=)+['\"]embed-youtube/", "<p class=\"img_wrap\"><span class='embed-youtube", $content);
   }

  $content = preg_replace('/<div .*?class="(.*?video-container.*?)">(.*?)<\/div>/','<p class="img_wrap"><span class="embed-youtube">$2</span></p>',$content);

  return $content;
}

1 个答案:

答案 0 :(得分:0)

试试这个img标签。为了以防万一,请转发你的数据库。

<div id="move">
  <span>Move Me Center</span>
</div>

更新2

这将删除img标签上的样式属性,然后使用所需的css构建新的样式标记,同时替换src标记,然后将img标记转换为div。它还保留其他属性,如标题类型等。

$pattern = '/img([^>]*?>)/i';
$replacement = 'div$1</div>';
echo preg_replace($pattern, $replacement, $content);