こんにちは
方法はいろいろあります
お手軽には、キャプションに英数半角スペースを入れればいいと思います
返答ありがとうございます。
それはそうなのですが、見た目のレイアウト上、1行分の余白ができてしまうのと
更新作業のオペレーション上、自分以外の人が投稿を行う場合、
徹底させるのが厄介なので、wpの設定でできないかなと思いました。
もう少し自分でも調べてみますが、何かわかりましたらアドバイスください。
よろしくお願いします。
sansankoさん
見た目のレイアウト上、1行分の余白ができてしまう
htmlに詳しい人なんですね。多分頭の中でそう思ったと思うのですが、ブラウザにもよりますが、一行の余白はできない模様です：）
そういうことであれば、
image elementにCSSでボーダーを付けてしまうと、キャプションがあった時に困るということだと思います。
そのような悩みならば、一度画像に、ボーダーの指定を行って、属性選択子でキャプションが使われた時には、ボーダーをなしにするという画像に対するCSSを書けばいいと思います
div[id^="attachment"] img{
border:none;
}
アッタチメントという名前で始まるdiv要素の下位のimgは、ボーダーを付けないという打消しの指定をCSSでするという方法でいけませんか？
属性選択子は使ったことがありませんでした。
なるほど。やってみます。
どうもありがとうございました！
属性セレクタを使って上記の方法でやってみました。
単純にマージンやパディング0でボーダーのみであればできることはできるのですが
実際には左右や上下にマージンをとったり、
ボーダーにも画像からのマージンをとるデザイン上の都合があるため、
上記の方法だとCSSがかなり複雑になってしまいます。
さらにクロスブラウザ対応にする必要もあるのでちょっと挫折しかかっています。
それよりは他にスマートな方法を探してみようかと思います。
いろいろとすみませんでした。
