当ページのリンクには広告が含まれています。初心者におすすめ!できるのは「フォント・ブロック以下の余白・スペーサー」の3種類です。AFFINGER6のデフォルト設定と記事作成画面で行う基本的な方法で安心して使える手順をご紹介します。テキスト下側の余白を変更することで表示イメージを大きく変えることができます。こんな方におすすめ!WordPressテーマAFFINGER6を使っている。記事を読みやすくしたい。基本ベースの行間を設定する。(一括でサイト全体が変更されます。ブロック下の余白を変更する。(各段落ごとに個別に設定変更します。「スペーサー」ブロックを挿入する。初心者でも簡単に記事のバランスを整えられる文字の行間設定方法と「スペーサー」ブロックの使い方についてご紹介します。文章の改行幅によって読みやすさや文中の注目度が変化します。読者に読みやすい記事を書いてファンを増やしましょう。^^※スペーサーの使いすぎに関する注意事項あり。フォントのサイズ」の行間を設定する。(一括でサイト全体が変更されます。サイト全体の行間を変更する手順をご紹介します。全体設定でフォント(文字)のサイズと同様に行間の変更も可能です。フォントのサイズと行間を変えると見栄えは劇的に変わります。チャレンジしてください。本記事の設定では『AFFINGER管理』のメニューを編集します。Error』が出た場合。Error』が出て対処方法がわからない方はこちらをご覧ください。文章の行間を変更します。必要に応じて文字(Pタグ)のサイズも変更しましょう。(改行せずに折り返した場合の行間です。段落を認識しないで改行できます。この時、自動で折り返した行間と同じ幅になります。『WordPress管理>❶ダッシュボード>❷AFFINGER管理』をクリックします。AFFINGER管理画面が表示されます。下側にスクロールします。スクロールすると以下の画面が表示されます。文字サイズの2倍程度を目安に設定するのがおすすめです。ご自身のサイトに合わせて設定してください。『Save』をクリックします。最後に『Save』をクリックします。段落(Pタグ)下の余白を設定します。(改行した時の行間です。前章と同じ場所になります。ここの設定をあまり大きくしない方が無難です。要素から離れすぎて浮いてる感じになってしまいます。ここの設定は「20〜30px」の範囲がおすすめです。「ふきだし等」文字装飾の表示を確認しておきましょう。ご自身のサイトに合わせて設定してください。右側に表示される『ブロックタブ>ブロック下の余白』で表示される固定値(固)デフォルトの設定値になります。現在▶︎上の画像の設定にしています。ご自身のサイトに合わせて設定してください。最後に『Save』をクリックします。フォントのサイズ」の行間を設定する。ブロック下の余白を変更する。(各段落ごとに個別に設定変更します。ブロック下の余白を変更する手順をご紹介します。設定を確認しましょう。設定>グループブロック>ブロック下の余白』をクリックすると以下の画面が表示されます。赤枠部の数値(変化量)を確認します。そのまま使うものとします。(20pxの余白スペースがある。設定>グループブロック>ブロック下の余白』ブロック下の余白の変化量が指定できます。(設定変更可能)❶と❷を組み合わせた表示パターンが記事作成画面で可能です。❶を20pxとした場合❷の[-大]を選択するとブロック下の余白は0pxです。(20-20=0)同様に❶を20pxとした場合❷の[-小]を選択するとブロック下の余白は10pxです。(20-10=10)同様に❶を20pxとした場合❷の[大]を選択するとブロック下の余白は40pxです。次の章で実際に段落(Pタグ)下の余白を変えてみましょう。記事作成画面を開きます。余白を変更する段落をクリックします。