WordPress Gutenbergで「改行(行間調整)」のやり方を解説

  • URLをコピーしました!
はじめ

WordPress Gutenbergで改行しても消えてしまう!
改行のやり方を教えて欲しい!

本記事は、上記のような悩みの方のために書いています。

こんにちは!ツヨシ(@24shi_web)です。

WordPress歴は約3年、専業ブロガーとして活動しています。

さて、WordPressを始めたばかりであれば、Gutenbergで「改行どうやんの?」と悩んでいるかもしれませんね。私自身も最初は改行のやり方すらわかりませんでした。

この記事では、初心者の方向けにWordPress Gutenbergでの改行・行間調整のやり方について解説していきます。

お洒落なサイトが誰でも作れる!

ブログを書くのが楽になるテーマ「SWELL」

  • 誰でも簡単にオシャレなブログが作れます!
  • WordPressの使いやすさがアップします!
  • キャッシュ機能とページ高速遷移機能で初心者も簡単にWordPressの高速化が可能です!
  • アフィリンクの一元管理機能が標準装備されてます!

\一度使うと他のテーマには戻れません!/

※実際に私の当ブログは「SWELL」を使って運営しており、大満足のテーマです!

この記事を書いてる人

溝口 剛
Tsuyoshi Mizoguchi

   

1986年生まれ 33歳 札幌在住
8年間会社員として働くも会社員としての生き方が嫌になり、フリーランスへ。現在はブログより年間1,000万円の収益を得ています。

この記事の内容

1.WordPress Gutenbergで「改行(行間調整)」のやり方を解説

WordPress Gutenbergでは、改行・行間を調整したい箇所には「スペーサー」を使って、改行・行間調整を行います。

具体的なやり方は以下の通りです。

改行・行間調整のやり方
  1. スペーサーブロックを選択
  2. スペーサーの幅を調整

1-1.スペーサーのブロックを選択

まずは、ブロックの中からスペーサーを選択します。

※レイアウト要素→スペーサーで選択できます。

1-2.スペーサーの幅を調整

次にスペーサー(改行・行間)の幅を調整します。

幅の調整する方法は2つです。

スペーサーの調整方法
  1. スペーサーに表示されているつまみで調整
  2. 右側に表示されている「余白の設定」に数値で調整

①スペーサーに表示されているつまみで調整

上記のよう動画にスペーサーに表示されているつまみを上下することで直感的に幅を調整することが可能です。

ちなみに、1行程度の改行・行間を空けたいのであれば「最小設定(20px)」にすればOKです。

④右側に表示されている「余白の設定」に数値で調整

スペーサーを選択しているとWordpres Gutenbergのエディターの右側のウィンドウ内に「余白の設定」と言う項目があるので、数値で余白のサイズを変更していきます。

こちらも、1行程度の改行・行間なら「20px」に設定すればOKです。

2.WordPress Gutenbergで効率よく「スペーサー」呼び出す方法

はじめ

いちいち、改行するのにスペーサーをブロック内から呼び出すのがめんどくさいな…。

このように思った方は、「/(スラッシュ)」コマンドで「スペーサー」を呼び出すと記事の作成効率は格段に上がりますよ。

なぜなら、Wordpres Gutenbergは、 段落に「/(スラッシュ)」 +「ブロック名」を入力することでブロックを呼び出すことができる機能がついているからです。

なので、これを活用することでスペーサーをいちいち探して呼び出す手間を省く事ができます。

↓こんな感じです。

なので、段落ブロックに 「/(スラッシュ)」 +「スペーサー」と入力すれば、マウスでいちいちブロック一覧の中から選択することなく一発でスペーサーを呼び出すことが可能です。

ちなみに、Wordpres GutenbergはMarkdown記法をマスターすることでさらに効率的に記事を書く事ができるようになりますので、是非実践してみてください。

まとめ

今回は、WordPress Gutenbergで「改行(余白)」のやり方について解説しました。

Wordpres Gutenbergは、Enterで改行しただけでは改行が表示されないので「スペーサー」を使いましょう。

そして、Wordpres Gutenbergは慣れれば非常に使い勝手の良いエディターですので是非毎日記事を書いて、どんどん慣れていきましょう!

【PR】現役ブロガーの実践ノウハウをこっそり教えちゃいます。

当サイトでは、私が月7桁稼ぐまでに至ったノウハウ・現在実践しているノウハウを「ツヨシウェブSHOP」で有料コンテンツとして販売しております。実際にブログで月7桁稼いだ実績を持っており、また現在もブログ収益で生活をしていますので情報の信頼性は高いと感じています。

しかし、有料コンテンツで提供している情報は「楽して稼ぐ!」というものにはなっておらず、これから私と同じようにブログ・発信者として生活していきたい方に向けて書いておりますので「継続的に作業できる方のみ」ご購入いただければ幸いです。

また、コンテンツには自信を持って提供させて頂いておりますので、もし購入後ご不満がございましたら「返金対応」させて頂きます。

月7桁をを達成したサイト設計方法です!

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。

  • 見込み客→キーワード選定→サイト導線が重要。
  • 「成約から近い見込み客」の考え方について解説。
  • 狙うべきキーワードについて解説。
  • サイト導線の考え方について解説。

\月7桁を達成したサイト設計方法が学べます!/

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。
  • 見込み客→キーワード選定→サイト導線が重要。
  • 「成約から近い見込み客」の考え方について解説。
  • 狙うべきキーワードについて解説。
  • サイト導線の考え方について解説。

\月7桁を達成したサイト設計方法が学べます!/

初心者のための「サイト設計方法」月7桁を実現するブログの作り方を解説。
  • 案件を選ぶ際の7つのポイントが学べます。
  • 購入されやすい商品の特徴。
  • 案件選びで重要な見るべきポイント。
  • 案件を取り組む際に確認すべき事項。

\アフィリ案件を選ぶ秘訣が学べます!/

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
この記事の内容
閉じる