【イラスト付き】WordPressブロックエディタの使い方は？便利なブロックも紹介

ブルーちゃん聞いて。WordPressを立ち上げてみたんだけど、ブロックエディタ？っていう編集方法がなんだか難しそうで、、、

そうなの。使える機能がたくさんありすぎて、ちょっと敬遠しそうになっちゃったわ。

ブロックエディタとは、文章や画像をブロック単位で操作し、記事やページを編集できる機能だよ。

それぞれを自由に移動させたり、複製できたり、かなり直感的な操作ができるんだ。

以前採用されていた「クラシックエディタ」という機能は、プラグインを導入することで使用できるよ。

ブロックエディタの画面は、3つのエリアに分かれているよ。

ヘッダーメニューバーには、編集で必要な様々なツールが並んでいるんだ。

執筆エリアには実際にブロックを追加し、見出しを追加したり本文を書いたりなどメインコンテンツの編集ができるよ。

設定サイドバーでは、「投稿に関する設定」と「選択したブロックの各種設定」を行うよ。

早速WordPressでページを公開する方法を教えるね！

ほかにもいろんな機能はあるけど、まずは基本の操作だけに絞ってみたよ。

じゃあ早速手順通りにやってみよう！

はじめに、ブロックエディタのど真ん中にある「タイトルを追加」は見えるかな？

そう！一目でわかるのは嬉しいよね。

ここからは「ブロック」を使っていくよ。

執筆エリアにあるタイトル下の「＋」ボタン、もしくはヘッダーメニューバー左側にある「＋」ボタンをクリックするよ。

「見出し」をクリックすると見出しブロックが表示されるよ。

これは「ブロックツールバー」といって、選択しているブロックの細かい設定ができるんだ。

一般的な見出しルールはこれだよ。

本文を書きたい場合は、先ほど同様「＋」ボタンをクリックした後、「段落」を選択するよ。

段落の中に本文を書く際に改行したい場合は「Shiftキー」と「Enterキー」を同時に押してね。

さらに、ブロックツールバーにはこんな機能があるよ。

これだけでかなり読みやすいページにできるんだ。

プレビューで出来栄えを確認し、下書き保存をするよ。

プレビューは、ヘッダーメニューバーの右側「プレビュー」をクリックするよ。

そうすると実際のページが表示されるので、イメージ通りに仕上がっているかを確認してね。

そしたら下書き保存を押して完了だよ。

じゃあ早速記事の公開をしよう。

ヘッダーメニューバーの右側にある「公開」をクリックするよ。

これで記事が全世界に公開されたよ！

じゃあ次は、ブロックの基本的な操作方法を教えるよ。

これらの操作を覚えておくと、記事の編集がサクサク進むんだ。

ヘッダーメニューバー左側にある「＋」ボタンをクリックするよ。

ブロックにもいろんな種類があるから、ここから必要なブロックを選んでね。

利用したいブロックをクリックすることで、執筆エリアに追加されるよ。

ブロックを別の場所に移動させる方法は2種類あるよ。

1つずつ上下に移動するには、移動したいブロックを選択後、ブロックツールバーで「上に移動」もしくは「下に移動」をクリックするよ。

リスト表示して移動するには、ヘッダーメニューバーの3本線、「リスト表示」をクリックするよ。

左側にリストが表示されるから、移動したいブロックをドラッグ＆ドロップで移動させてね。

複製をうまく使えば、作業時間の短縮ができるよ。

複製したいブロックをクリックし、ブロックツールバーのオプション「︙」をクリック、「複製」を選択するよ。

これで複製は完了だよ。

複数のブロックをグループ化すると、まとめて操作ができるのでとても便利なんだ。

まずはグループ化したいブロックを選択するよ。

次にブロックツールバーのオプション「︙」をクリックし、「グループ化」を選択するよ。

右側の設定サイドバーでグループ全体の設定を確認できるから見てみてね！

ブロックツールバーのオプション「︙」をクリックし、削除を選択するよ。

ブロックの基本操作を紹介したよ！

でもまだまだ他にも機能はたくさんあるんだ。

もっとページのクオリティを上げるための機能を紹介するね。

これらをマスターすれば、もっと質の高いサイトを作っていけるんだ！

そうそう！ヘッダーメニューバー左側にある「＋」ボタンをクリックし、「画像」を選択するよ。

画像の挿入方法は3つあるんだ。

画像の幅や高さは、直接ドラッグ、または右側の「パネル」で操作できるんだ。

リストブロックは、箇条書きや番号付きのリスト表示をする際に使用するよ。

リストはこんな感じで表示されるんだ。

ヘッダーメニューバーの3本線、「リスト表示」をクリックすると、どこにリストがあるのかを確認できるよ。

テーブルを利用すると、「表」を作成することができるよ。

ヘッダーメニューバー左側にある「＋」ボタンをクリックし、「テーブル」を選択するよ。

次に列数と行数を指定します。

さらに、右側の「設定サイドバー」で様々な設定ができるよ。

ほかにもたくさんあるから、使いこなしてみてね！

カラムとは、1つのブロックを複数に分割し、横並びに画像やテキストを並べることができる機能のことだよ。

まずヘッダーメニューバー左側にある「＋」ボタンをクリックし、「カラム」を選択するよ。

次にカラムの割合を選択するよ。

そうすると2つのブロックが表示されるので、片方は画像、もう片方は段落を選択してね。

ブロックエディタでは、なんと動画も挿入できるんだ。

掲載したいYoutubeの共有リンクをコピーするよ。

直接執筆エリアにURLを貼り付けるよ。

動画のサムネイルが表示されれば完了だよ！

WordPressのブロックエディタについてまとめると、こんな感じだよ。

またいつでも聞いてね！