WordPressのブロックエディタ(Gutenberg)は、ユーザーが直感的に操作し、美しい記事やページを作成できる革新的なツールです。以下に、ブロックエディタを使用して記事を作成する際の詳細なステップを解説します。
ステップ1: 新しい投稿を作成する
![](https://makoblogu.com/wp-content/uploads/2024/02/8e32415d5093dfe3b136ee2ba3b375f2.jpg)
WordPressのダッシュボードにログイン後、「投稿」メニューから「新規追加」を選択します。新しい記事作成ページが開き、ブロックエディタが起動します。ここが、あなたの記事作成のスタート地点です。
ステップ2: タイトルを入力する
![](https://makoblogu.com/wp-content/uploads/2024/02/4524983b8c374b39160eac1610f6d0f8-1024x468.jpg)
ページ上部にある「タイトルを追加」のフィールドに、記事のタイトルを入力します。
ステップ3: 本文の入力
ブロックエディタでは、記事の各要素(テキスト、画像、見出しなど)を「ブロック」として追加し記事を作成していきます。その流れを解説いたします。
導入文入力
![](https://makoblogu.com/wp-content/uploads/2024/02/7fa485db2a04e06f890e46a872c54641-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/fc09266ed1b34c806730a657be001ec7-1024x468.jpg)
h2見出しの入力
![](https://makoblogu.com/wp-content/uploads/2024/02/b76c60c8eab936d18dc7d3d278f11aa4-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/a5f2aab704b363e75a6f91f4145cb075-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/02ab488f2fab96e821cc36b810225b91-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/3d1c6e9a7a2bb0d3ceead734a4665089-1024x468.jpg)
説明文の入力
![](https://makoblogu.com/wp-content/uploads/2024/02/4f5731c4bda420ed5bafb7bbcf2554f1-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/4696a0ec1474523924a23b3824ab6895-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/6aa1611c152ad6a2cbdcdbdb42e69d28-1024x468.jpg)
h3見出しの入力
![](https://makoblogu.com/wp-content/uploads/2024/02/b76e7e455d12decce742c6fd714ecd7b-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/c1f5fcb39172a9795ae6f9310f96bac2-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/4dac9026b6ef0e947be0f03583dc0cd8-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/6a1ae0fa1ba54ad694c2e5edabe9144a-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/472f7219a3fa9c22cfea2a21dda895a6-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/740fc0b4ff9b1129b792f42168c6ff78-1024x468.jpg)
ステップ4: テキストの編集
![](https://makoblogu.com/wp-content/uploads/2024/02/7a90471d60bc90b7c882d97224ffed83-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/b60ef23e775c8e0910fee9e8ebcbbc15-1024x468.jpg)
テキストブロックを選択し、記事の本文を入力します。ブロックごとにテキストを編集し、フォーマット(太字、斜体、リンク挿入など)を行うことができます。
![](https://makoblogu.com/wp-content/uploads/2024/02/9a789ace7c8ffd1411f897c11d7915dc-1024x468.jpg)
ステップ5: 下書き
WordPressで記事を作成する際には、適宜『下書き保存』をクリックし、作業内容を保存しておきましょう。記事作成中に予期せぬトラブルでデータが失われることを防ぐための重要なステップです。定期的に下書きを保存することで、作業の進捗を確実に保持し、安心して記事作成を進めることができます。
![](https://makoblogu.com/wp-content/uploads/2024/02/b5b28ada4705a785f1d87c95a3f4e6aa-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/f04bbf9bfbf57a5d9e0b8868851feab0-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/e665ad27f22dcee440f014cb82fcd9df-1024x468.jpg)
下書きを押した場合、上記手順で実際の画面でプレビュー表示が可能ですので、適宜確認しましょう。
ステップ6: 画像やメディアの挿入
「画像」や「ギャラリー」などのメディアブロックを追加し、記事に視覚的な要素を加えます。メディアライブラリから画像を選択するか、新たにファイルをアップロードします。
ブロックとブロックの間に追加する場合、ブロックの真ん中にマウスを持ってくるとブロックを追加が出てきます。
![](https://makoblogu.com/wp-content/uploads/2024/02/9d691ff9192681bcc013f0a95f1ddf25-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/efae3bc6ee6946d763e0cbb91ca85adc-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/e0cb2cba6eb1ebf31a025473aa8b667c-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/1b4f3d47c2e81d3bdf30f5079c6c54b8-1024x468.jpg)
ステップ7: ブロックの配置と調整
追加したブロックは、マウスでドラッグ&ドロップすることで自由に移動させることができます。また、ブロックの設定を通じて、色やサイズ、配置などのデザインを細かく調整することが可能です。
![](https://makoblogu.com/wp-content/uploads/2024/02/46e38837077a26c2a03cec04f3a3aad1-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/2c06b11e0a43f1a3c43bbb5aab9162b6-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/954d43d335893c200de90966ee3d795d-1024x468.jpg)
ステップ8: カテゴリーの設定
記事の公開前に、右側の設定パネルから適切なカテゴリーを選択します。これにより、記事の整理整頓が行え、読者が関連コンテンツを見つけやすくなります。
![](https://makoblogu.com/wp-content/uploads/2024/02/0465e41037052ec57d3e508138c0fb61-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/9aa109ce0e1e300322c04ec6e5f33d1e-1024x468.jpg)
ステップ9: URLの設定
![](https://makoblogu.com/wp-content/uploads/2024/02/1f129c1c16a59e08ce0840e668ff8e75-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/1125132ed0472772c73abb1a22ca405c-1024x468.jpg)
ステップ10: 記事のプレビューと公開
「プレビュー」ボタンをクリックして、実際のサイト上での記事の見た目を確認します。問題がなければ、「公開」ボタンをクリックして記事を公開します。
![](https://makoblogu.com/wp-content/uploads/2024/02/f80e314c59b8d122dd7e770ff45f1c84-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/e665ad27f22dcee440f014cb82fcd9df-1-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/288bdd348bb5d5869920f63bbff66f14-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/63bb1798e5372ef15f9a0994e7f0f6ca-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/1a33e7a1359cb580615105466556a85c-1024x468.jpg)
![](https://makoblogu.com/wp-content/uploads/2024/02/0c0506d0db2b72024d3e0612753fab89-1024x468.jpg)