5)WordPressのブロックエディターで記事を書く際に最低限覚えておきたい操作方法
今回は、WordPressで投稿(ブログ記事やWebページといったもの)を作る際に、最低限覚えておきたい操作方法を解説していきます。
WordPressでは、ブロックエディターという仕組みを使って投稿を作っていくことになります。
↓ イメージとしてはこんな感じです ↓
![](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/8524ac7c5ad47e4991055b8dea51859e.jpg)
このような形で、いろんな種類のブロックを組み合わせて投稿を作っていきます。
今回の解説では、このブロックエディターをつかって記事を書いたり、Webページを作るときの基本操作をお伝えします。
「投稿」で記事やWebページを作り始めるには?
まず、ブロックエディターを使うには記事やWebページを作成する画面を出さないといけません。
以下の手順で投稿を作ることになります。今後一番使うメニューだと思うので、覚えておきましょう!
↓ 「投稿」⇒「新規追加」をクリック。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/dc286ce815e73ce35b142860790ba239.jpg)
↓ すると以下のような画面が出ます。このように投稿ページを作っていく画面をエディターとも呼びます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/f5072476f4da938f39f7582ea21fb2c5.jpg)
↓ 一番上にタイトルを入力するところがあります。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/2e1126d4a8e6ac10fec6a29f24e7828b.jpg)
↓ その下の部分からが本文のエリアです。ここに本文を作っていくことになります。
![ブロックエディターの使い方0](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/b6954f279085d5efa872a00d27b74a2c-e1627343624207.png)
この画面が出たら、さっそくブロックエディターの使い方の基本を覚えていきましょう。(以下に続きます。)
ブロックエディターを使う時に覚えておきたい基本
ブロックエディターを使う手順(概要)
基本的には、以下の手順で記事を作っていきます。
- ブロックを選択する
- ブロックのコンテンツを追加する(文章や画像など)
- 必要に応じてブロックをカスタマイズする
1)ブロックを選択する手順
↓ まずは「+」ボタンを押してます
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/9c7adf4b33e9dfb29fe868eb835bc174.jpg)
↓ 使えるブロック一覧が出てきます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/93a57ab8c5be6a2559f3ff3fec98537d.jpg)
↓ 実はもっと色んなブロックが隠れているので、「すべて表示」をクリックしてみましょう。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/ca2962b444ddf33f71bf911696929916.jpg)
↓ このように色んなブロックメニューが出てきます。これが使えるブロック一覧です。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/2238941d2d1b89d8185cf3b4e4e55f3b.jpg)
↓ その中から使いたいブロックを選びましょう。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/e7ce263a7bad9f4dcbfad5be097fff44.jpg)
続いて次のステップにいきます。
2)ブロックのコンテンツを追加する
↓ 使いたいブロックを選択したら、次にそのブロックの中に「中身(文章や画像のようなコンテンツ)」を入れていきます。例えば、「段落ブロック」であれば、文章を入れていきましょう。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/c12e95b8d53d985665901742e86977e9.jpg)
ちなみに「段落ブロック」は普通の文章を入力する際に使うので、一番良く使います。
ブロックの中身を追加したら、次へ行きます。
3)ブロックを必要に応じてカスタマイズする
↓ 例えば、段落ブロックであればその上に以下のようなボタンが並びます。例えばこれらのボタンでは、
- 文章を左寄せ・中央寄せ・右寄せを変更する
- 文章の一部を太字にする
- 文章の一部をイタリック体(斜体)にする
- 文章の一部にリンクを張る
などができます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/6705124a461d9b33b37364ee62472134.jpg)
↓ さらに以下のようにもっと詳しいカスタムメニューを出して、文字の色を変えたり上付きにしたり、などができます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/d23e4dfacf35cfd2a57d7a58a5a4d06b.jpg)
↓ また右の方にもブロックをカスタマイズできるメニューが出てきます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/e36bd5e081a8b8ac0cfed2a77a20766a.jpg)
この右側のブロックカスタマイズメニューでも、
- 文字の大きさを変えたり
- 段落ブロックごと文字色や背景色を変えたり
- 段落の初めの文字だけ大きくしたり(ドロップキャップ)
などなどもできます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/2c289e8c42496d1133d68bcddf69b1ad.jpg)
このようにして、ブロックの内容を必要に応じてカスタマイズしていきます。
↓ そうしてまた、ブロックの終わり部分でEnterキーを押すと、
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/6875bbdc13cda7dbd96fca00eff61b34.jpg)
↓ また+ボタンを押して、次のブロックを追加していくことになります。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/6588813268f92428d1f4f17919116a42.jpg)
もう一度復習すると、
- ブロックを選択し
- ブロックの中身を追加し
- 必要に応じてブロックをカスタマイズする
この1〜3を繰り返していろんなブロックを追加しながら投稿記事を作っていくことになります。
↓ こんな感じで、いろんなブロックを追加していくことでブログ記事やWebページが出来上がっていきます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/edab98a1933df864c32e62c34f6da6bd.jpg)
これがブロックエディターの基本です。
【補足1】初心者さんにおすすめ!よく使うブロックを覚えておこう
よく使うブロックは
- 段落
- 見出し
- 画像
- テーブル
- YouTube埋め込み
この辺りかなと思います。まずは、この5つ使えれば基本的な投稿記事は作れるようになります。
【補足2】ブロックエディターの右側のカスタマイズメニューが表示されない場合は?
↓ 投稿のエディター画面で右上の「設定」ボタンをクリック
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/e4d9b73c30fdd69901f637f62c35c32d.jpg)
↓ すると右の方に「投稿」と「ブロック」が切り替えられるメニューが出てきます。この「ブロック」を選ぶと、ブロックをカスタマイズできるメニューが出てきます。
![ブロックエディターの使い方](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/e36bd5e081a8b8ac0cfed2a77a20766a.jpg)
ブロックエディターは使いながら慣れていきましょう!
なかなかこのような解説を読んでもイマイチピンとこないと思うので、ぜひ実際に触りながら「なるほど、ここをいじるとこうなるのか!そういうことか!」と覚えていっていただけたらと思います。
ということで、今回の解説は以上です。
結果を出すために、派手さはいらない
「集客」に使うことだけを徹底的に考えて作ったWordPressテーマ
![deerのロゴ(白)文字入り](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/6fc9dfa4a44ab47d794f3145134a7d91-2.png)
決して多機能ではありませんが、使う機能を必要最低限に限定してシンプルにしているからこそ使いやすい、初心者さんに優しいテーマです。