キャプション付きの画像に枠をつけたい(キャプションごと)



  • キャプション付きの画像に枠をつけたいのですが、検索しても画像だけに枠をつける方法しか載っていません。

    下記画像のようにキャプションごと枠をつける方法はありますでしょうか?
    0_1593266305729_65608.jpg


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 4.9.13
    ご利用のサーバー名 : エックスサーバー
    PHPのバージョン : 7.2.17
    OS : macOS HIGH Sierra
    ご利用のブラウザ : safari13.0.3
    該当サイトのURL :



  • 横から失礼します。
    0_1620383730898_azazazzz.png
    CSS で一括管理するといいうのは、結構高度になるかと思いますが、簡単に似た形にすることはで来ます。
    管理ページ →投稿ページ→テキストモード
    にします。(右うえにある ビジュアル テキストのクリックです。)

    普通に画像をアップロードします。
    caption id="attachment ばつばつばつ"  というのがはじめにあると思うので
    attachment ばつばつばつ の部分をコピー
    ページの隅にはる。
    次に下をコピー
    ページの一番下に貼る。
    attachment_306のところを、ページの隅に貼った attachment ばつばつばつ
    と交換する。
    隅にはったのは、映り込むので消してください。
    <style>
    div#attachment_306 {
    padding-left: 3.1px;
    border: 2px solid #000000;

    }
    </style>
    保存。
    で終了。
    多分画像が真ん中でないとか問題が出ると思います。
    その場合、タグを入れて調整してください。
    スクリーンショットの場合、左にずれていたので padding-left: 3.1px;
    で調整しました。
    ちなみにこの場合、スマホでもパソコンでも表示されます。
    スマホでは消したいとか言う場合は、ベンクブック の他の回答参考にして
    メディアクエリを足してください。


 

});