【初心者ブロガー】SWELL初期設定の行間を変更するの巻

こんにちは。あせこ(@aseko_yo)です♪

このブログ、いつも行間は行ごとに変えていたのですがとっても手間。

面倒臭い。なんとかならないものか。

SWLLの行間の本文初期設定は1.5。
これを行間2.5にしたい！
（見やすいと思ったのがこの幅。今後変えるかもしれません。）

今回調べた結果追加スタイルシート（CSS)で全記事の行間を設定できると判明し、やってみたら出来ましたー！！
ついでにボックス下の幅（マージン）も変えました。

簡単にできましたので、分かりやすくまとめてみました。

ご参考にしていただけたら嬉しいです。

初心者の方が見ても分かりやすいように、難しい説明は一切省きました。
ご了承下さい( ˊ̱˂˃ˋ̱ )

この通りに行うだけで出来ますよ♪レッツトライ！

行間・ボックスの下の幅（マージン）ってここ

今回はこれを変えていきます。

SWELL初期設定の簡単な変え方

STEP

ダッシュボードで【外観】→【カスタマイズ】をクリック

STEP

左の【追加CSS】をクリック

STEP

このコードを追加CSSにコピペする

/* Line height /
.post_content {
line-height: 2.5;
}
/ Block margin */
.post_content > * {
margin-bottom: 3em;
}
/* Inline img middle */
.post_content p > img {
vertical-align: middle;
}

↑をコピーして・・・

STEP

数値を変える

お好みの数字に変えてください。
数字を変えると右に出てくる画面が変わるので、確認することができます。

STEP

【公開】を押す

これで出来ているはず・・・！！

わたしは行間2.5、ボックス下の幅を３に変えてみました。
今後もっと研究して自分だけの黄金の数値を見つけていきたいです！

今回の記事がお役に立てていたら嬉しいです。

一緒に素敵なサイト作り頑張りましょう！

最後までお読み頂きありがとうございました♪