私は自分のページにキャプション付きの画像を追加し、<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"を削除しようとしましたが、キャプションが消えました。
このインラインスタイルを削除する方法
解決
私はルーツのテーマを使っています。それで、私はcleanup.phpファイルを開いて、この行をコメント・削除してください:
$attributes .= ' style="width: ' . (esc_attr($attr['width']) + 10) . 'px"';