画像キャプションについて

PR 2015/4/18

このトピックには3件の返信、2人の参加者があり、最後にななにより11年、 6ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2015年4月18日 12:18 PM #25908
  
  なな
  ゲスト
  
  タイトル通りなのですが画像の下にキャプションを投入するとデフォルトでは灰色の枠線が表示されますが、これをなくし、幅もやや狭く保ちたいと思っています。
  下記のブログを参考にカスタマイズしようとしましたがうまくいきませんでした。
  http://pocketholic.com/wordpress/image-caption/
  他にいい方法などありますでしょうか？
- 2015年4月18日 1:31 PM #25910
  hidekichi
  ゲスト
  どのようにされて、どのようにうまく行かなかったか(例えば子テーマに追記したけれど反映されなかった、スマホで表示した時おかしなスペースがあいた等)がわかるともっと良いレスが期待できると思います。
  
  僕は以下のようにすれば(web開発環境で)変更できたので、問題なく自由に変更できると思うのです。
  後はどのような形態を希望されるかによって手法は変わると思います。
```
.wp-caption {
  padding-top: 4px; /*なんならここもなくしても良いのかも*/
  text-align: center;
  background-color: transparent; /*背景色透明に変更*/

  /* 不要
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  
  実験用
  background-color: transparent;
  border-radius: 0;
  border: none;
  */
}

.wp-caption-text, .gallery-caption {
  font-size: 80%;
  margin: 5px; /*追加*/
}
```
- 2015年4月18日 4:41 PM #25919
  
  わいひら
  キーマスター
  
  僕も、リンクに書かれている方法か、hidekichiさんの方法でいけると思います。
  
  他に原因があるとすれば、現状推測できるのは動作不良時のガイドラインに書かれている要因くらいです。
  
  もしガイドラインに書かれている方法を試しても、うまくいかないような原因がある場合は、URLからソースでも見ないとわからないかもしれません。
- 2015年4月18日 5:06 PM #25925
  
  なな
  ゲスト
  
  hidekichi様、わいひら様、説明不足になってしまって申し訳ございません。
  
  hidekichi様の方法で無事希望通りに変更できました！お二方本当にありがとうございました！
投稿者

投稿

3件の返信スレッドを表示中

トピック「画像キャプションについて」には新しい返信をつけることはできません。