書き込みと編集

WordPress エディター

目次

ブロック
ブロックを追加する
ブロックを設定する
ブロックタイプを変更する
ブロックを削除する
文書設定
よくある質問

WordPress エディターはまったく新しいパブリッシング体験です。WordPress エディターを使用すると、メディアを駆使したページや投稿を作成し、簡単にレイアウトを管理できます。投稿やページのすべての要素にそれぞれのブロックができたため、テキスト、引用、画像の配置や構成を気にすることなく、作成に集中できます。

各ブロックを移動、編集、カスタマイズすると、エディターには実際のサイトで見えるようにビジュアル要素が表示されるため、今まで「公開」ボタンをクリックする前にコンテンツのプレビューと再確認に費やしていた時間を節約できます。

お使いのエディターがここで説明する外観と異なる場合は、こちらで WordPress のさまざまなエディターに関する役立つ情報を参照してください。

機能

ブロック

WordPress エディターはブロックを使用してコンテンツの作成方法を変換します。  1つのドキュメントは、明確で調整しやすい構造の個別の要素の集合に変換されます。

新しいエディターには、ページや投稿の作成を簡単にする新機能があります。ブロックを使用すると、ショートコード、カスタム HTML コード、埋め込みが必要な複数のメディア要素やビジュアル要素をすばやく追加してカスタマイズできます。

↑ 目次 ↑

ブロックを追加する

豊富なブロックタイプから選択できます。これは、カテゴリー別や最近使用した順に表示されます。  各ブロックは他のブロックとは関係なく編集または移動できます。また、ブロックには、レイアウトや機能をさらに強化する独自の書式設定が付いているものもあります。

ブロックを追加する

ブロックを追加し、必要なブロックタイプを選択するには、複数の方法があります。

  1. 空のブロックの左側にある「」をクリックします。 
  2. エディターの左上にある「」をクリックします。 
  3. 選択したブロックで Enter/Return キーを押して、その下に新しいブロックを作成します。
  4. 既存のブロックの上部中央にある「」をクリックして、その上にブロックを追加します。 
  5. 選択したブロックのすぐ上にある3つの点をクリックし、現在のブロックの上に追加するか、下に追加するかを選択します。

デフォルトのブロックタイプは段落 (通常のテキストに使用) ですが、任意の「」ボタンを押して別のブロックタイプを選択できます。  スラッシュの後にブロック名を入力して、ブロックを検索することもできます (/画像/見出しなど)。 

ブロックタイプへのショートカット

ブロックを移動するには、各ブロックの左上隅にある6つの点のグリッドをクリックしたままドラッグするか、上下の矢印を使用してブロックを1スポットずつ目的の方向に上下させます。

ブロックを移動する

↑ 目次 ↑

ブロックを設定する

各ブロックには独自の設定があります。設定を確認するには、ブロックを選択します。そのブロックの上部にツールバーが表示されます。また、エディターの右側にあるサイドバーには詳細設定が表示されます。

さまざまなブロックツールバーの例

ブロックエディター - 段落ツールバー
段落ツールバー
ブロックエディター - 画像ツールバー
画像ツールバー
ブロックエディター - リストツールバー
リストツールバー

ブロック設定 – ツールバー

その他のオプションについては、ブロックツールバーの右側にある3つの点をクリックしてください。

  1. ブロック設定を非表示」を選択すると、設定メニューが閉じます。
  2. Duplicate」は、2番目のブロックを同じページに同じコンテンツで作成します。
  3. Insert Before/After」は、現在のブロックの前後に新しいブロックを追加します。
  4. Edit as HTML」は、ブロックを HTML バージョンに切り替えるため、HTML を直接編集できます。HTML として編集する場合、このオプションは「Edit Visually」に変わります。
  5. Add to Reusable Blocks」を使用すると、ブロックのコンテンツとスタイルを保持して他のページで使用できるブロックを作成できます。
  6. ブロックを削除」は、ページや投稿からブロックを削除します。
WordPress エディター - ブロックエディター
ブロック設定

ブロック設定 – サイドバー

エディターの右側にある「ブロック設定」には、使用しているブロックに応じてさまざまなオプションが表示されます。

右側のスクリーンショットでは、有効なブロックが「段落」であるため、フォントサイズ、フォントと背景のを変更するためのオプションと、ページジャンプを作成したり CSS クラスを追加したりするための高度なオプションがあります。

エディターの右側に「ブロック」設定が表示されていない場合は、「公開」ボタンや「更新」ボタンの横にある設定アイコンをクリックしてサイドバーメニューを展開します。

WordPress エディター - 設定
WordPress エディター - ブロック設定サイドバー
サイドバーの「ブロック」設定には、編集中のブロックに固有の追加オプションが含まれています。

↑ 目次 ↑

ブロックタイプを変更する

ブロックタイプを変更したい場合はどうすればよいでしょうか ?ご心配ありません。各ブロックは、別の類似または関連ブロックタイプに変換できます。たとえば、段落を見出し、リスト、または引用に変更します。

ブロックを変更して設定する

↑ 目次 ↑

ブロックを削除する

ブロックを削除するには、そのブロックを選択し、そのすぐ上にある3つの点をクリックします。設定の中にブロックを削除するオプションが表示されます。

ブロックを削除する

↑ 目次 ↑

文書設定

ブロックエディターの右側にある「文書設定」メニューでは、タグカテゴリーの追加、アイキャッチ画像の選択、投稿のステータスの表示や変更などを行うことができます。これらはページまたは投稿全体に適用されるオプションです。

文書設定の各ヘッダーの横にある下向き矢印をクリックして、個別にオプションを編集します。

WordPress エディター - 文書設定
文書設定

ブロックエディターの右側に「文書設定」が表示されていない場合は、右上にある設定アイコンをクリックすると「文書設定」が開きます。 

WordPress エディター - 設定
その他のオプション

設定アイコンの右側にある3つの点を使用して、ニーズに合わせて編集機能をカスタマイズします。

表示

編集中にブロックツールバーを表示する場所のオプションを提供します。

エディター

デフォルトでは、「ビジュアルエディター」になっています。「コードエディター」に切り替えると、ページ全体が HTML コードで表示されます。

ツール

既存の再利用可能ブロックを管理する、すべてのコンテンツをコピーして他のページに貼り付ける、またはキーボードショートカットについて学ぶことができます。

オプション

サイドバーに表示する文書設定を選択します。

WordPress エディター - その他のオプション
その他のオプション

↑ 目次 ↑

よくある質問

WordPress エディターはいつから WordPress.com で利用できるようになりますか ?

すでに利用できます。投稿を入力または編集すると、新しいエディターを試してみるようお勧めするプロンプトがサイドバーに表示されるので、「詳細」ボタンをクリックします。新しい WordPress エディターを試すと、旧エディターに戻ることを選択しない限り、新しいエディターがデフォルトエディターとして設定されます。

プロンプトがエディターに表示されない場合はどうすればよいでしょうか ?サイトアドレスの末尾に /wp-admin を追加して WP 管理ダッシュボードにアクセスすると、見つけることができます。そこに新しい WordPress エディターを試してみるオプションがあるバナーが表示されます。

新しいエディターではフロントエンドで投稿やページを編集できますか ?

いいえ。このエディターは、現在の投稿およびページエディターに置き換わるものです。この表示がサイトのフロントエンドでサイト訪問者に表示されます。ただし、エディターのレイアウトやビジュアル表示は、サイトを公開する際に表示される内容とほぼ同じです。

WordPress エディターで HTML を編集するにはどうすればよいでしょうか ?

独自の HTML コードを作成する場合は、カスタム HTML ブロックを追加できます。

また、ブロックの「…」メニューを使用して HTML に切り替えると、特定のブロックの HTML を編集できます。

最後に、ページまたは投稿全体の HTML を編集する場合は、ブロックエディターの右上 (「公開」の横) にある「…」をクリックして、「コードエディター」に切り替えます。

HTML として編集する際は、動作しないコードがあります。コードが整形式で書かれていてエラーがない場合は、コードが承認された HTML タグの一覧に載っていることと、JavaScript のような制限されたコードではないことを確認してください。

既存のコンテンツはどのように表示されますか ?

現在のコンテンツは以前と同じように表示されます。既存の投稿やページを新しいエディターで編集すると、すべてのコンテンツはクラシックブロックに配置され、以前のエディターと同じ方法で処理されます。

エディターとサイトではコンテンツが同じように表示されないのはなぜですか ?

多くの場合、テーマによって異なるビジュアル要素が表示されるため、エディターとサイトのコンテンツには多少の差異が生じることがあります。テーマによっては、エディターでサイトのフロントとほぼ同じように表示できるスタイルがありますが、同じように表示できないスタイルもあります。たとえば、テーマにサイドバーが含まれている場合、サイドバーはエディターに表示されません。これがサイトのフロントに表示されると、コンテンツの幅に影響する可能性があるためです。

あるサイトで使用できる設定が、別のサイトで使用できないのはなぜですか ?

サイトで WordPress.com ビジネスプランを設定している場合は、カスタムブロックをエディターに追加するプラグインが設定されていることがあります。その場合、プラグインが設定されていない別のサイトでは使用できません。

ブロックの設定 (「ワイド」や「全幅」) によっては、テーマ別にサポートする必要があります。同じブロックを別のサイトに使用することもできますが、これらのブロックに適用できる特定の設定は、アクティブなテーマに基づいて多少異なることがあります。

古いエディターはまだ使用できますか ?

現時点では、WordPress エディターへの移行中であるため、投稿やページで新旧のエディターを切り替えて使用できます。コンテンツタイプによっては古いエディターが必要な場合があります。

旧エディターに切り替えるには、編集画面の右上にある「. . .」設定アイコンをクリックします。

次に、「旧エディターに切り替える」をクリックします。

ショートコードはまだ使用できますか ?

はい。エディターにはショートコードブロックが付属しており、以前と同じようにショートコードに使用できます。今後、多くのショートコードは独自のブロックになる予定です。

このエディターは使いやすいですか ?

当社の目標は WordPress エディターを以前のエディターと同等以上に使いやすくすることです。すべてのユーザーが使用できるようにしたいと考えています。 WordPress アクセシビリティコーディング標準では、「WordPress でリリースされた新しいコードまたは更新されたコードはすべて、レベル AA の WCAG 2.0 ガイドラインに準拠している必要があります」と記載されています。これは例外ではありません。  アクセシビリティ上の問題が発生した場合は、当社までご連絡ください

新しいエディターでは特定のテーマを使用する必要がありますか ?

いいえ。新しいブロックエディターではすべてのテーマを使用できます。ただし、一部のテーマでは特定のレイアウト機能 (「ワイド」や「全幅」のコンテンツなど) のみをサポートすることがあります。

ショートカット

すべてのショートカットの一覧は、「WordPress ハンドブック」を参照してください。