ブロックエディターで行間(改行)をあける方法

ABOUTこの記事をかいた人

兵庫県加古川市在住の3児の父親です。
・ブログのサポート(月額会員制スポット
・某コミュニティの技術サポート
オルゴナイトのネットショップ店長

アニメやマンガ好きで、子供の影響か?ギターの練習を再開しましたw

口座やカードの自動取り込みが優秀すぎて、隙間時間に仕訳ができておすすめです^^

 

フリーランスの支払いトラブルを未然に防止


どうも、ブログサポーターがみたか(@gamitaka02)です。

WordPress5.0から導入されたブロックエディター「Gutenberg」ですが、旧エディター「Classic Editor」との変わりように頭がパニックになってしまった人も多いかと思います。

その原因の1つとして、「Enterキーの連打で行間(改行)をあけられない」というのがあったのですが、ブロックエディターの機能を使った代替案があったので、備忘録として残しておきたいと思います。

行間は「スペーサー」であけることができる

旧エディターでは上にも書いたようにEnterキーを連打すれば行間をあけることができました(要プラグイン「Tiny MCE Advenced」)。

ですが、ブロックエディターで同じようなことをすると、

このように詰まってしまいます(^_^;)

スペーサーの使い方

スペーサーを使う場合、スペーサー単体がひとつのブロックとして扱われるので、以下の場所からブロックを追加することで使えるようになります。

  • ページ右上の+ボタン。
  • 新規段落にある+ボタン。
  • 段落にマウスカーソルを乗せた時、上下に出てくる+ボタン。

この画像は、段落にマウスカーソルを乗せた時に出てくる+ボタンでブロックを追加する場合の画像です。

この中から「スペーサー」をクリックすると薄いグレーのスペーサーが挿入されますが、このスペーサーの幅(高さ)はセンターの青い●で調整できます。

これで自由に行間をあけることができるようになります。

ショートカットを使ってスペーサーをサクッと挿入する

偉大な冒険家
とはいえ、いちいち「+」ボタンから呼び出すのは正直面倒だな…

そんなあなたにぴったりの機能として「ブロックを呼び出すショートカット」という機能がブロックエディターには備わっていることがわかったので、紹介しておきます^^

1.まず、空の段落ブロックに「/(半角のスラッシュ)」を入力すると、画像のようにブロック一覧が表示されます。

2.そのまま「/スペーサー(スペーでも出てきたw)」と入力すると、ブロックの候補が表示されるので、そのまま「Enterキー」を押す。

3.スペーサーが挿入されます。

偉大な冒険家
これは楽ちんだ!しかも他のブロックも呼び出せてめちゃくちゃ捗るじゃないか!!
がみたか
よく使うブロックは「/(半角スラッシュ)+ブロック名」で辞書登録しておくとさらに捗りそうです^^

ブロックエディターで行間をあける:まとめ

ブロックエディターになり、今までとは使い勝手が大きく変わってしまいました。

しばらくはプラグイン「Classic Editor」を使って旧エディターで投稿することはできますが、いつか使えなくなってしまうという話も聞くので、今のうちから少しずつでもブロックエディターに慣れておくと良いかもしれません。

僕自身も少し慣れてきた程度ですが、時間があれば今回のような「ブロックエディター初心者が躓きやすいポイント」についての記事を書いていこうと思いますので、一緒にブロックエディターが使えるようにがんばっていきましょう!

その他、ブロックエディターのハードルを下げる記事はこちらにまとめています!

ブロックエディターまとめ(初心者向け)

2020年5月9日

それでは、今回はこの辺で!

ブログ運営者のためのサポート保険!

ブログのトラブルや困ったことに時間を取られて

自分のやるべきことが出来ていない人のためサービスです!


『ちょっと困った』時のスポットサポート!

WordpressやWebに関する「ちょっと困った」を、

30分 4,400円〜で解決するサービスです!


Wordpressのお引越し!

安心・安全・快適で、ブログサポーターがおすすめする、

Xサーバーへのお引越しを代行します!


この記事が気に入ったら
いいね!をお願いします。

Twitter で

記事が気に入ったらシェアをお願いします^^