MENU
チロ猫
こんにちは、チロ猫です。

ネットショップと趣味のブログをいくつか運営しています。
永久無料ドメイン付き!超高速サーバーConoHa Wing! 詳細

再利用ブロックの使い方|ブロックエディタ Cocoon編 WordPress

今回は、再利用ブロックの2つの使い方について解説するよ!

  • 連結したまま使う方法
  • 連結を切って使う方法

です。この記事を読むと「再利用ブロック」を使いこなせるようになるよ!

目次

WordPress 再利用ブロックの使い方(Cocoon編)

再利用ブロックとは

ブロックエディタには「再利用ブロック」という大変便利な機能があります。

文字通り「ブロック」を再利用することができる機能で、すでに作成したブロックを事前に登録しておくことで、何度でも簡単に呼び出していろいろな場所で再利用することができます。

ショートコードと異なり、ブロックエディタの「再利用ブロック」では、編集中でも実際のオブジェクトをビジュアル表示可能です。

再利用ブロックの使い方には2種類ある

再利用ブロックの使い方には、以下の2種類があります。

  • 連結したまま使う方法
  • 連結を切って使う方法

下記では2つの使い方を説明します。まずは、再利用ブロックを使用できるように事前に登録を行います。

再利用ブロックの登録と管理

再利用ブロックを使用するためには、まずは事前にブロックの登録を行う必要があります。

再利用ブロックの登録方は下記の手順で行います。

再利用ブロックの登録

STEP

ブロックエディタで、登録したいブロックを選択し をクリックします。

STEP

再利用ブロックに追加 をクリックします。

STEP

名前:」にブロック名を入力します。ここでは「チロ犬挨拶」と入力します。

STEP

「チロ犬挨拶」で再利用ブロックに登録されました。

再利用ブロックの管理

登録済みの再利用ブロックの管理は、以下のように行います。

STEP

再利用ブロックを管理するには ボタンを押します。

すべての再利用ブロックを管理 をクリックします。

STEP

登録した再利用ブロックが表示されます。

変更したい再利用ブロックを選択してクリックします。

STEP

変更を行ったら、更新 を押します。

再利用ブロックの使い方|連結したまま使う

再利用ブロックを連結したまま使うと、上の図のようになります。

ブロックのうちの1つの内容を変更すると、他のすべてのブロックも自動的に変更されます。

ここでは「記事1」のブロックを変更しましたが、「記事4」のブロックを変更した場合でも他の1、2、3は自動的に変更されます。変更元はどのブロックでも構いません

STEP

ブロックエディタで をクリックし、すべて表示 をクリックします。

STEP

再利用可能 タブをクリックします。

追加したい再利用ブロックをクリックします。ここでは「チロ犬挨拶」をクリック。

STEP

「チロ犬挨拶」の再利用ブロックが追加されました。

STEP

同じ要領でブロックをもう一つ追加します。

どちらか1つのブロックで 編集 を押して、内容を書き換えてみましょう。

STEP

2つのブロックは連動しているため、片方の内容の一部を変更すると、もう片方も自動で変更されるの確認できます。

再利用ブロックの使い方|連結を切って使う

再利用ブロックを連結を切って使用すると、上の図のようになります。

再利用ブロックを呼び出した後、連結を切って通常のブロックに戻すことで、個別に内容を変更することができます。

ここでは、再利用ブロックを単なる「テンプレート」のように気軽に使用できます。

連結を切って使う方法は、以下の通りです。

STEP

ブロックエディタで をクリックし、すべて表示 をクリックします。

STEP

再利用可能 タブをクリックします。

追加したい再利用ブロックをクリックします。ここでは「チロ犬説明」をクリック。

STEP

「チロ犬説明」の再利用ブロックが表示されました。

STEP

同じ要領でブロックをもう一つ追加します。

どちらか1つのブロックで 通常のブロックへ変換 を押して連結を切ります

STEP

片方を変更しても、連結が切れているので同じにはなりません。

今回は、2つの再利用ブロックの使い方について説明しました。

ここでは、「吹き出し」ブロックを使いましたが、この他にも、段落、表、画像、リストなど、あらゆるブロックを「再利用ブロック」として登録できます。


次はアフィリエイトリンクの貼り方の解説だよ!

次の記事では、さまざまな種類のアフィリエイトリンクの貼り方について解説します。

次は「記事の書き方 9

よかったらシェアしてね!
目次
閉じる