WordPressブロックエディタの使い方(初心者ガイド)

この記事をAIで要約する

WordPressのブロックエディタは、他のページビルダーと同様に、あなたのウェブサイトのための素晴らしいコンテンツやウェブページを作成し、デザインすることができます。WordPressに組み込まれているので、誰でもゼロからウェブサイトを作成することができます。

グーテンベルグ・ブロックエディター(通称ブロックエディター)は、古いクラシックエディターに取って代わった新しいエディターです。ブロックエディターは、クラシックエディターとは動作が異なります。


WordPressブロックエディター!それは何ですか?

WordPressブロックエディタは、ブロックベースの新しいデフォルトエディタです。ブロックとは、ウェブサイトやコンテンツを構築するために必要なコンテンツ要素のようなものです。

コンテンツ作成にモダンなブロックベースのアプローチを提供し、大規模なコーディングやサードパーティツールを必要とせずに、ページや投稿のデザインや書式設定を容易にします。


ブロック・エディター・インターフェース

Gutenbergブロックエディタのインターフェイスとその機能を見てみよう。

Gutenbergエディターのインターフェイスの要素を簡単に説明します: 

  1. ブロック追加
  2. やり直し/取り消しボタン
  3. 文書の概要
  4. 表示
  5. 設定(ブロックとポスト)
  6. エディター用オプション

もっとたくさんある。下の画像をご覧ください。

  1. 検索バー・オプション
  2. 投稿またはページのタイトルを追加する
  3. コンテンツエリアにブロックを追加する
  4. インストール済み&コアWordPressブロック
  5. ブロック追加ボタン
  6. 投稿とページのオプション
  7. ブロック・オプション
  8. ブロックのスタイルと設定
  9. ブロック、パターン、メディア

ブロックエディタのインターフェイスに慣れたところで、Gutenbergに付属するブロックを見てみよう。 


WordPressのコアブロック

Gutenbergブロックエディタはブロックベースなので、ブロックエディタに付属するブロックと、その具体的な機能について説明しよう。

コンテンツ・ブロック

これらのブロックは、テキストベースのコンテンツを作成するための基礎となる:

  • パラグラフ:これは、書式オプション付きの通常のテキストを追加するためのものです。
  • 見出し:6レベル(H1からH6)の見出しを作成する。
  • リスト:順序付きリスト(番号付き)または順序なしリスト(箇条書き)を追加します。
  • 引用:テキストをブロッククオートとしてフォーマットする。
  • コード:生のコード・スニペットをフォーマットされたブロックに表示します。
  • フォーマット済み:間隔と配置を維持したままテキストを追加します。