サポート » 使い方全般 » singleページの記事内容の上部余白

  • 解決済 mayui

    (@mayui)


    オリジナルでテーマを作っています。
    index.phpには

    <?php the_content(‘≫Read More’); ?>

    という形で記事の一部を表示させていますが問題なく、記事の上部にある日付とカテゴリーの間に指定した最適な余白ができています。

    ですがここから入ったsingle.phpの方は記事の本文の上部に余白ができてしまいます。
    ヘッダー上部の余白ではないです。
    日付、カテゴリーのすぐ下の記事の本文の上部です。

    <?php the_content(); ?>

    対策として、思い当たる部分にはすべてmargin paddingを0で指定してみました。
    記事を囲んでいるdivの背景に色を付けました。
    paddingの値を色々と変えてみました。

    paddingの値を変えると文の位置が変わるのでpaddingが効いていないわけではないようです。
    ですが、paddingを0にしてみても50~60px程の余白ができます。
    また色々な位置に置いてみましたが変わりませんでした。

    もしこの余白を消す解決策を知っている方がいらっしゃればお力を貸していただけると嬉しいです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 余白ということは WordPress ではなく margin や padding の CSS だと思うのですが、どこかに消し切れていないものがあるのではないでしょうか?
    Firefox の Firebug 等の解析ツールを使うとあっさり解決できそうな気がします。
    p タグや h タグに margin や padding を振っていて忘れてるとか…。

    スレッド開始 mayui

    (@mayui)

    ご返答ありがとうございます。

    閉じ忘れや消し忘れというわけではなかったようです。

    どうやらwordpressのプラグインが原因だったようです。
    ソーシャルネットワークのプラグインだと思います。

    ローカルではプラグインで吐き出されたエリアが見えなかったのが落とし穴でした。

    解析ツールの紹介ありがとうございます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「singleページの記事内容の上部余白」には新たに返信することはできません。