投稿者:蓮h2やh3などの見出しの前後の間隔(余白のスペース)がなんとなく詰まってるなぁor開きすぎてるなぁ...という時に使える、スペース間隔を自由に調整する方法をご紹介します。このブログではWordPressでSTINGER8というテーマを使用させて頂いてるんですが、STINGER8など、テーマはそれで完成してるから、いじる必要もそもそもない...という考えもあります。しても気になるところがあるなら変えていった方がブログに愛着もわきますよね。見出しの設定を書き変える場所WordPressの外観→テーマの編集→変えたい見出しタグ(h2、h3、h4など)のあるスタイルシートを開きます。このブログの場合だと右上の「編集するテーマを選択」の欄を「STINGER8」にし、「スタイルシート(style.css)」の中に「中見出し」と書いてある場所があります。ここが中見出しの色や形、間隔などを設定できる場所になるので、書き変えていきましょう。失敗するといけないので、バックアップ(コピー)を取っておくことをおすすめします。間隔を決めるタグmarginとpaddingの違いさて、見出しの周りの間隔を決めるタグにはまず2種類あります。margin...見出しの外側の間隔padding...見出しの文字の周りだけの間隔ですね。イメージつきやすいように、図にするとこんな感じになります。...ちょっとごちゃごちゃしてますが、見出しの背景に例えば色を塗ったとして、その色の範囲での余白がpadding。見出しの外側の余白がmarginになります。paddingの間隔を広めにとれば大きくて目立つ見出しになるし、marginの間隔を広くすれば文章と見出しの間隔が開くということですね。今回の目的「見出しの前後の間隔をあけたいor狭めたい」は、marginの間隔を変えれば達成できます。paddingで間隔を設定したい時の書き方は大きく分けて2種類あります。1つずつ数値を指定まず1つ目の書き方は、下のようにtop、right、bottom、leftの数値を指定するやり方です。5px;paddingを指定する場合は、marginのところをpaddingに変えて書けばOKです。まとめて数値を指定2つ目の書き方は、top、rightなどに分けずにまとめて一行で設定してしまうやり方です。数字をいくつ書くかで、対応する場所が変わってきます。right全ての間隔が20pxになります。rightは5pxになります。rightは5px、bottomは20pxになります。rightの順番になります。わたしは1つ目の別々で書くやり方で数値を設定していますが、お好みでどちらでも大丈夫ですよ。1つ目の方はわたしがWordPressで編集した時デフォルトの順番が上右下左となっていましたが、2つ目の書き方だと上左下右という順番なのが地味にまぎらわしいですね。AMこちらのページを拝見して、ずっと悩んでいたh2前の変な余白をなくすことができました!とっても嬉しいです。コメント頂きありがとうございます。AMh1とh2の見出しを連続投稿したときだけ、h1・h2の間隔を狭くしたいのですが、上記の設定で狭くすると、段落とh2の間も狭くなると思うのですが、h1・h2の間だけ間隔を変えることはできますでしょうか。PMy様、コメント頂きありがとうございます。返信が大変遅くなり、申し訳ございません。style="margin-bottom:1em;"></p>わたしはこのタグをいつも使っています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。...楽天アフィリエイトのリンクの「外側の薄い枠線」を消す・センター寄せにする方法わたしは楽天アフィリエイトの広告を使わせてもらっていますが、ブログにリンクを貼る時に、「余計な枠線があるなぁ...」と気になりました。楽天アフィリエイトの画像やテキストを囲む黒い枠線。...livedoorブログで固定ページ的なものを作ってメニューバーに貼る方法livedoorブログを作り始めたのですが、色々設定してみて「固定ページはどうやって作るの?」というところで少しとまどいました。