Wordpress、キャプションの下でmargin-topが効かないので。。。 | 品川のウェブサービス会社で働く宴会部長のブログ
母から井上誠耕園 のオリーブオイルをもらいましたうさぎ

品川のウェブサービス会社で働く宴会部長のブログ

そのままパンつけて食べたり
スープなどに入れてもいいそうですが、
わたしは焼酎に入れて飲んでます。

で、心なしか
お肌の調子が良いような~~ニコニコ

しばらく続けてみたいと思います!!


☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*☆*゚ ゜゚*


Wordpressで写真を投稿するときに
キャプションを入れると、
その下のブロックにmargin-topが効いていない?
という状態がありまして。

調査していましたら、
キャプションにfloatがついているため
クリアランスが追加され、
margin-topが効いていないように見える、という状態でした。

参考サイト:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ



なので、その下でclearすればよいことがわかったので
captionを置換している箇所で、
divのあとにhr追加するようにしてみました。
(brも考えたのですが、brだと高さが出てしまうようだったので)


/wp-includes/media.php
800行目あたりで、↓赤字部分を追加。
. do_shortcode( $content ) . '<p class="wp-caption-text">' . $caption . '</p></div><hr class="clear foo" />';


/テンプレートディレクトリ/style.css
下記2つのクラスを追加。
.clear{clear:both;}
.foo{border:none;margin:0;size:0;padding:0;}