WordPressテーマ【Cocoon】を使用している人向けの記事になります。特に初心者の方。
行間や段落を調整して、より読みやすいブログ記事を作成していきましょう。Cocoonはとても優秀ですので、Cocoon設定で簡単に変えられます。
また、ブロックエディタの投稿画面でもいくつか行間や段落の間隔を調整する方法がありますので、あわせてご紹介していきます。
難しい知識は一切不要です。ひとつずつ画像付きで丁寧に解説していきますが、さっくり１５００字で終わります。大丈夫
本記事を見ながらあなたも一緒にトライしてみましょう！
Cocoonで行間と段落の間隔を調整する方法
では早速行間と段落の間隔を調整するやり方を確認していきます。まずはワードプレスの編集画面からCocoon設定⇒本文と進んでください。
この画面で設定がほぼ完結します
行間を調整する
本文のタブを開いたら、一番上の項目の【本文余白】というところで設定をしていきます。
行の高さがすなわち行間の調整になります。最小が１、最大が４です。
１だと行間なし、４だと行間に3行分のすき間ができます。
僕は画像のとおり行の高さは1.8です。いろいろ数値をいじってみて、一番見やすいところに設定しましょう
段落の間隔を調整する
段落の間隔は「行の余白」の数字をいじれば変えられます。
0.1だと詰め詰め、4だと広々。僕は3.8
これでCocoon設定での行間と段落の間隔の調整は終了です。アッという間ですね。
思ったより空白をとってゆったりした感じの方が見やすいと思います。試してみましょう
スペーサーブロックを使う
さて、この項目からは投稿画面で行間や段落の間隔を特定の場所だけに限定して広げる方法を見ていきます。
まずはスペーサーブロックを使ってやってみましょう。
ワードプレスの投稿画面からブロックの追加⇒レイアウト要素⇒スペーサーと続いてください。
そうするとこんなブロックができます。
ただの空白のブロックですね。
実際にこの文章の下にスペーサーブロックを入れています
スペーサーを入れたので、空白がより大きくなりました。
空白はサイドバーで大きさを設定することができます。
Shift+Enterを使う
続いてはShift+Enterで行間を調整する方法です。通常は投稿画面で文章を書いていて、エンターを押すと、次の段落に移ります。
ところが、Shiftと一緒にエンターを押すと、段落はそのままに改行することができます。
こちらの文章が実際にShift+エンターで改行してみた文章です。
段落ほど距離を話したくないけど改行したい。そんな時に使えます。
僕はこんな風に関連記事を入れるときに使います。
関連記事Cocoon使用者向け記事一覧
以上で行間と段落の間隔を調整する方法の紹介は終了です。
簡単だったでしょ？
行間と段落の間隔を調整すべき理由
行間と段落の間隔を調整すべき理由は突き詰めればあなたのブログの評価を高めるためといえます。
「記事が読みづらい→すぐ離脱→順位が下がる」という悪循環から
「記事が読みやすい→滞在時間UP→順位が上がる」という良い流れに変わります。
ま、ほんとのところはこんなに単純な話ではないのですが、記事の読みやすさは間違いなくあなたのブログの評価につながります。
プロは細かいところまでこだわって仕事をします。あなたもブログをやって、お金を稼ぐために記事を書くのであればもうプロです。
細部までこだわった記事を、読みやすい記事・ブログを作っていきましょう！
Cocoon関連記事
本記事以外にもCocoonに関する記事を書いています。そちらもどうぞご覧になってください。
コメント
お久しぶりです、峠様
以前にコメントさせていただきました
ノブです。
https://nobu1200su4.com/
峠様の記事を読ませていただいて、サイト風のトップページと
行間と段落の調整を行いました。
おかげさまで見栄えがかなり良くなりました。
今回もとてもわかりやすいご説明で、スムーズにカスタムできました。
本当にありがとうございました。
ノブ様
コメントありがとうございます。
再度参考にしていただけたということでありがたいです。
もっとたくさんの人に貢献できるよう頑張っていきたいと思います。