web-dev-qa-db-ja.com

Figureからインライン幅を削除

私は自分のページにキャプション付きの画像を追加し、<figure>の幅を増やす必要があります。しかし、ワードプレスはインライン幅を追加しています。

[caption id="attachment_44" align="alignnone" width="216"]<a href="image path"><img src="image path" alt="caption" width="216" height="95" class="size-full wp-image-44" /></a> caption [/caption]

したがって、DOMは次のようになります。

<figure id="attachment_43" aria-labelledby="figcaption_attachment_43" class="wp-caption alignnone" style="width: 216px">
   <a href="">
       <img src="http://localhost/bordados/website/wp-content/uploads/2014/02/homeThumb01.jpg" alt="Caption" width="216" height="95" class="size-full wp-image-43">
   </a>
   <figcaption id="figcaption_attachment_43" class="wp-caption-text">Caption.</figcaption>
</figure>

コードからwidth = "216"を削除しようとしましたが、キャプションが消えました。

このインラインスタイルを削除する方法

1
marcelo2605

解決

私はルーツのテーマを使っています。それで、私はcleanup.phpファイルを開いて、この行をコメント・削除してください:

$attributes .= ' style="width: ' . (esc_attr($attr['width']) + 10) . 'px"';
1
marcelo2605