![ぷーたろー](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/IMG_0484-e1662366159345.jpg?w=1256&ssl=1)
ブロックエディターを使うことで文章や画像の挿入、レイアウトの変更などができます。
HTMLといった専門知識がなくても直感的にページの作成ができます。
ブロックとは
2018年にリリースされたWordPressのバージョン5.0から「ブロックエディター」と呼ばれるページ作成機能が追加されました。
WordPressでは、見出しや段落、画像、リストなど、用途や役割ごとにブロックという単位でまとめられています。事前に用意されているブロックから必要なものを組み合わせてコンテンツを作成していきます。
ブロックエディターは、ページを作成する時に表示されます。
投稿なら、「投稿」→「新規追加」
固定ページなら、「固定ページ」→「新規追加」
ブロックエディターの画面構成 & 投稿方法
- 管理画面の「投稿」→「新規追加」
- 「トップメニュー」「サイドバーメニュー」「メインコンテンツエリア」が表示されます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/100cce46c93dcfce9a88f943f72d36ab-1.png?resize=1024%2C515&ssl=1)
トップメニュー
トップメニューは下図のようなアイコンで表示されます
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/0d3366380f063ce9e81089ae461bc426.png?resize=804%2C106&ssl=1)
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/894582fa17242c12badc676cb763eef9.png?fit=300%2C300&ssl=1)
管理画面へ移動
管理画面(固定ページ一覧または投稿一覧)へ戻ります。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/d5df9475a24c481a66508ebc4b8aedcb.png?fit=300%2C300&ssl=1)
ブロックを追加
利用可能なブロックを追加します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/f71b54e8ec54bb402a82fe84779f9ce7.png?fit=300%2C300&ssl=1)
ツール
ブロックの選択・編集モードを切り替えることができます。
選択するにはEscを、編集に戻るにはEnterを押します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/eba1edf326501c18cba6f7accfbac49a.png?fit=300%2C300&ssl=1)
元に戻す/やり直す
操作を元に戻したり、やり直すことができます。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/23a4fb8737a449f1341e1099fa27703d.png?fit=300%2C300&ssl=1)
詳細
利用しているブロック数や文字数、単語数などの詳細を表示します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/6ed543fcafd805526f15c32d83b7fe93.png?fit=300%2C300&ssl=1)
リスト表示
使用しているブロックのリスト表示をします。並べ替えなどのオプション設定も可能です。
サイドバーメニュー
ページの下書き保存・プレビュー画面表示・公開ができる
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/ac07bbeb27995f01937e3c96818ae5cf-2.png?resize=410%2C106&ssl=1)
・下書き保存では、投稿が完成後、公開する前に下書きとして保存できます。
・プレビューでは、「デスクトップ」「タブレット」「モバイル」の画面サイズを選べます。
・公開は、記事完成後、公開設定を再確認して問題なければボタンを押します。
・公開後、投稿表示ボタンを押すと実際にその記事を閲覧できます。
記事を作成してすぐに公開するのではなく、公開する日時を指定して自動公開できます。
画面右上の公開ボタンを押すと、「公開:今すぐ」の部分をクリックします。すると、日時の指定ができます。設定後、「予約投稿」ボタンをクリックすれば、予約完了です
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/f91920b90525df6d21f04afc770d4f75.png?w=1256&ssl=1)
・文書設定
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/a8c123706905b8c8172ce8fe22a5a822-2.png?resize=279%2C694&ssl=1)
投稿や固定ページの公開状態やパーマリンク、アイキャッチ画像などのページに関する設定ができます。
・ブロック設定
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/fb9785d55dbb917da863b8629be94396-1.png?resize=259%2C469&ssl=1)
選択しているブロックの詳細設定をする
※ブロックによって表示される内容は異なります
メインコンテンツエリア
・タイトル
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/5080a737ae3a1b256f4d05f9c4369aa1.png?resize=316%2C55&ssl=1)
投稿や固定ページの公開状態やパーマリンク、アイキャッチ画像などのページに関する設定ができます。
・ブロック設定
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/421862650045e3438924d6a1a76e31fe.png?resize=753%2C32&ssl=1)
選択しているブロックの詳細設定をする
※ブロックによって表示される内容は異なります
・ブロックを追加する方法
ブロックを追加するには、いくつかの方法があります。
1つ目は、トップメニューにある「➕マーク」をクリックする方法です。
2つ目は、メインコンテンツエリア内にある「➕マーク」をクリックして追加する方法です。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/0ee56bdd3d5b8bc45a85dcb548bc3a32.png?resize=280%2C300&ssl=1)
コンテンツ部分を選択している状態で、半角の「 /(スラッシュ)を入力すると、よく利用されるブロックが表示されます。表示されるブロックの種類は少なめですが、必要なブロックを上下キーで選択することも可能なので、効率よく追加できます!
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/27971f9246c00a228e8b45e1129a7d34.png?resize=595%2C439&ssl=1)
おすすめサーバー
私自身が実際に利用しているサーバーとして、ConoHa WING(コノハウィング)を紹介します。
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/conoha-logo.png?resize=410%2C192&ssl=1)
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/10/conoha.png?resize=146%2C195&ssl=1)
◆独自ドメインが<最大2個>永久無料になる「WINGパック」
・国内最安値水準の月額880円からご利用できる長期利用割引プラン登場!
・「WINGパック」の契約中は「.com」や「.net」などの独自ドメインが最大2個永久無料で利用可能!
・お申し込み後のプラン変更も自由自在!
圧倒的な速さと安定性を実現
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/c1d240d7adb63b97bf0e33b2fcc7b203.png?w=1256&ssl=1)
セキュリティ対策も万全
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/477beb3988f22f641d47bbd81563136f.png?w=1256&ssl=1)
選べる料金タイプ
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/4c9f7be9a5efdee235bb6ad344057c17.png?w=1256&ssl=1)
超お得な特典:独自ドメインが取得可能
![](https://i0.wp.com/simple-365.com/wp-content/uploads/2022/09/6c51a36ee7a65c4991534428cf1c5240.png?w=1256&ssl=1)
▶︎比較した指標
- コストパフォーマンス: SSD容量300GB以上。通信の高速化により業界トップを実現。
- 初期費用と月額費用: 初期費用無料。月額1000円でハイスペックサーバーを実現。
- 機能の有無: WordPressに対応。独自SSLによりセキュリティ強化。
![](https://i0.wp.com/www12.a8.net/0.gif?resize=1%2C1&ssl=1)