Tag Archive ブロックエディタ

同期パターンを非同期パターンに登録しなおす方法

Wordpress デザインテンプレート
このページはWordPressご利用の方が対象です

このページは、2024年05月11日に作成したページです。
このページに掲載しているWordPressの仕様・機能・操作手順は、現在リリースされている最新バージョンのWordPressと異なる場合がございます。

このページに掲載している
WordPressのバージョン:
WordPressver6.3以降

WordPressのver6.3以降に実装されたパターン(旧再利用ブロック)で同期パターンとして登録されているパターンを非同期パターンに登録し直して利用する方法を説明します。

~ver6.2までの再利用ブロックを利用されていたお客様

WordPress5以降で実装されているブロックエディタでは、再利用ブロックという機能がありましたが、この機能はパターンという機能に置き換えられました。

 

パターンになった事で、従来登録されていた再利用ブロックは、同期パターンとして登録され、再利用ブロックを配置して通常ブロックへ変換した上で再編集するという方法が変更となりました。詳しくは以下をご覧ください。

 

 

従来通り、通常ブロックへ変換(パターンでは解除)する方法もございますが、パターンの機能として新たに非同期パターンとして登録する事で、「通常ブロックへ変換」する必要が無く編集が出来ます。これにより、再利用ブロックの様に「通常ブロックへ変換を忘れて、配置した内容がすべて最後に修正した内容になっている」というミスが発生しなくなります。~ver6.2までの再利用ブロックとして登録していたものは、同期パターンとして登録されていますので、よく使うものは非同期パターンに登録し直して利用する事をお勧めいたします。

同期パターンを非同期パターンに登録しなおす方法

同期パターンを、非同期パターンに登録しなおすには以下の方法でとなります。

  1. パターンを配置して非同期パターンへ変換

    こちらの「同期パターンを配置した後、非同期パターン変更して内容編集する方法」の手順で、再登録したい同期パターンを非同期パターンに変換します。

  2. 配置したパターン全体を選択状態にする

    配置したパターンは、クリックした場所のカラムやブロックが選択されます。パターンは入れ子(カラムやブロックの階層構造)になっているものが多いので、適当なカラムやブロックを選択してもその一部分しか選択されていません。もし適当に選択したものを非同期ブロックに登録した場合、登録されるパターンはそのカラムやブロックのみとなってしまいます。

    従って、全てのカラムやブロックを選択した状態(グループ)を選択した状態にする必要があります。

     

     

    適当に選択したカラムやブロックをクリックするとツールバーが表示されるので、赤枠部分をクリックします。
    親ブロックの選択

     

    更に上位カラムがある場合は、赤枠部分のボタンが表示されています。再度こちらをクリックします。
    以下は、右側カラムグループが選択されている状態です。
    親ブロックの選択

     

    この状態で全て選択されている様に見えますが、更に上位カラムやカラムグループがある場合がございます。赤枠部分にポインターを当ててください。
    親ブロックの選択

     

    更に上位カラムやカラムグループがある場合は、以下の様に「親ブロックを選択」と表示されます。クリックして選択します。
    親ブロックの選択

     

    これより上にカラムやカラムグループがない場合は、以下の様に「グループ」のみ表示(親ブロックを選択が無い)されます。この状態で次の手順に進みます。
    誤って別の場所をクリックしてしまうと選択状態が解除されてしまいますので、やり直します。
    グループ選択
  3. ハンバーガーボタンをクリックして、「パターンを作成」をクリック

    全てのグループを選択した上で、表示されているツールメニューのハンバーガーをクリックすると、オプションが表示されますので「パターンを作成」をクリックします。

    パターンを作成
  4. パターン名を設定して、同期をクリックして非同期に

    パターン名を設定して、同期をクリックして非同期
  5. 生成をクリック

    生成をクリック
  6. 非同期パターンの登録完了

    登録が完了すると画面左下に以下のメッセージが表紙されます。

    非同期パターンの登録完了
  7. パターン登録されている事を確認

    こちらの手順1~5の方法で遷移して、マイパターンの中に登録された非同期パターンが表示されている事を確認してください。

    これで同期パターンだったパターンが非同期パターンとして利用できます。

    パターン登録されている事を確認

同期パターンを非同期パターンに登録しなおす方法の関連記事

この記事には、以下の関連記事がございます。合わせてご覧ください。

同期パターンを配置した後、非同期パターンに変更して内容編集する方法

Wordpress デザインテンプレート

WordPressのver6.3以降に実装された同期パターンとして登録されているパターンを非同期パターンに変更して、配置したパターンの内容を編集して利用する方法を説明します。

~ver6.2までの再利用ブロックを利用されていたお客様

WordPress5以降で実装されているブロックエディタでは、再利用ブロックという機能がありましたが、この機能はパターンという機能に置き換えられました。

 

パターンになった事で、従来登録されていた再利用ブロックは、同期パターンとして登録され、再利用ブロックを配置して通常ブロックへ変換した上で再編集するという方法が変更となりました。詳しくは以下をご覧ください。

 

同期パターンを配置した後、非同期パターン変更して内容編集する方法

同期パターンを配置した後、非同期パターン変更して内容編集には、同期を以下の手順で解除します。

同期を解除して利用する

  1. ブロックを追加

    「+」をクリックします。

    ブロック追加ボタン
  2. すべて表示をクリック

    よく使うブロックリスト
  3. パターンをクリック

    パターンをクリック
  4. マイパターンをクリック

    マイパターンをクリック
  5. 目的のパターンをクリック

    以前再利用ブロックとして登録されていたものが表示されます。

    目的のパターンをクリック
  6. 配置されたパターンをクリックして、ハンバーガーボタンをクリック

    配置されたパターンをクリックすると、枠が表示されツールメニューが表示されるのでハンバーガーボタン(赤枠の部分)をクリックします。

    ハンバーガーボタンをクリック
  7. 解除をクリック

    解除をクリック
  8. 非同期パターンに変更される

    非同期パターンに変更され、内容の編集が出来る様になります。

    非同期パターンに変更される

同期パターンを配置した後、非同期パターンに変更して内容編集する方法の関連記事

この記事には、以下の関連記事がございます。合わせてご覧ください。

再利用ブロックをWP6.3以降でも利用する方法

Wordpress 再利用ブロック パターン
このページはWordPressご利用の方が対象です

このページは、2024年05月11日に作成したページです。
このページに掲載しているWordPressの仕様・機能・操作手順は、現在リリースされている最新バージョンのWordPressと異なる場合がございます。

このページに掲載している
WordPressのバージョン:
WordPressver6.3以降

WordPress5以降で実装されているブロックエディタでは、再利用ブロックという機能がありましたが、この機能はパターンという機能に置き換えられました。

 

 

パターン置き換わった事で、従来の再利用ブロックを利用して作成した記事や固定ページに問題はありません。しかし、Wordpress6.3からパターンになった事で、従来登録されていた再利用ブロックを配置して通常ブロックへ変換した上で再編集する事が出来ません。

全く使えなくなったわけではなく、従来の再利用ブロックを以下の手順で再登録する事で、再び利用する事が出来ます。また、「通常ブロックへ変換」という作業が必要無くなったので、誤って通常ブロックへ変換を忘れて、再利用ブロックそのものを変えてしまったというミスも発生しなくなります。

WP6.3から再利用ブロックはパターンに

元々、再利用ブロックは予め作成したパーツを複数のページで使いまわす為の機能です。例えば、会社のキャンペーン情報のパーツを用意しておいて、再利用ブロックとして配置します。この再利用ブロックを利用する事で、その内容に変化があった場合でも、配置した全てのページを編集する必要は無く、どれか一つを編集すればそのブロックを配置した全てのページの内容が編集した内容変わるという機能です。

 

つまりそのままでは、新しく配置したページで異なる内容に編集した際に、既に配置されているそのパーツの内容も変わっているという事になります。

ただこの再利用ブロックは、お客様自身で作成するページを作る際の定型パーツとして利用する事が出来る為、通常ブロックに変換してから編集するという手順をお知らせした上で、予め定型パーツ(再利用ブロック)の利用をお願いしていました。

 

再利用ブロックの難点として通常ブロックへの変換忘れのまま配置してしまい、既に配置したブロックの内容が変わってしまうというミスが起こりやすい機能でもありました。

おそらく、多数のWordpressユーザーから同様のミスの報告があったのかと思いますが、Wordpress6.3でこの再利用ブロックの機能は、このようなミスを起こさない為の機能変更がされました。それが、同期パターンと非同期パターンです。

 

同期パターンと非同期パターン

同期パターン

従来の再利用ブロックと同様です。パーツの内容を編集すると、他に配置しているページの内容も変更(同期)されます。但し従来だと、配置したページ上でそのまま編集できたものが、そのパーツの編集画面に移動しないと修正できない様になっています。その他ロック機能が新たに追加され誤って内容を変えたり、移動したり削除する事を防ぎます。

 

非同期パターン

パーツ自体を配置してそのまま内容を編集できるパターンです。そのページ上で編集が出来て、元のパーツには影響を与えません。この機能追加により従来の再利用ブロックで「通常ブロックに変換」する手間が無くなりました。

 

既に登録されている再利用ブロック

ver6.2以前で登録されている再利用ブロックは「同期パターン」として登録されています。

従って、そのままだと編集ができずパーツを配置して内容を変更するという事が出来ません。これを編集するには以下の手順を行ってください。

~ver6.2まで登録していた再利用ブロック(同期パターン)を非同期パターンとして利用する

以前の再利用ブロックを利用する場合は、以下の2つの方法の何れかで利用できます。

同期を解除して利用する

~ver6.2まで登録していた再利用ブロックを同期ブロックとして配置してから、非同期ブロックに変更する事で、従来同様の方法で編集できる様になります。以下リンクをご覧ください。

 

 

再利用ブロック(同期パターン)を非同期パターンとして再登録する

同期パターンとして、登録されている以前の再利用パターンを非同期パターンとして再登録しておけば、今後、都度上記の解除を行う事をしないでパターンを利用できます。

 

ブロックエディタのブロック・カラム・グループとは

Wordpress ブロックエディタ
このページはWordPressご利用の方が対象です

このページは、2024年05月20日に作成したページです。
このページに掲載しているWordPressの仕様・機能・操作手順は、現在リリースされている最新バージョンのWordPressと異なる場合がございます。

このページに掲載している
WordPressのバージョン:
WordPress5.0以上

このページでは、ブロックエディタでページを構成する要素である、ブロック・カラム・グループについて説明します。

ブロックエディタを使ってページを作る場合は、この3要素を配置してページを構成します。それぞれの役割を理解して、ページ制作や既存ページの更新を行ってください。

ブロックエディタで作るページ

ブロックエディタは、その名の通りブロックを積み上げていく様に、ページをレイアウトする為の機能です。

ブロックエディタの各ブロックを使って制作したページでは下の図の様に、カラムやグループを使ってレイアウトを決定して、その中に画像やテキストなどの要素を配置して行きます。

この様にブロック化された事で、WYSIWYGエディターではできなかったページ内のコンテンツの細分化が出来る様になりました。細分化されている事で、その一つ一つのコンテンツ単位での順序の入れ替えや、一括削除などエディタで出来る事が増えました。

Wordpressブロックエディタの構成要素

ブロックエディタのブロックとは

まずは、ブロックエディタで言うブロックとは、それぞれ目的や使い方の違う部品の様なものです。

これらのブロックは、見出しや段落などテキストに関するブロック、画像や動画などメディアに関するブロック、それ以外にもデザインブロック、ウィジェト、テーマ、埋め込みコードなど…様々なブロックが用意されています。

カラムやグループ、パターンも、このブロックの中に含まれます。

テキスト系ブロック
Wordpress テキストブロック
メディア系ブロック
Wordpress メディアブロック
デザイン系ブロック
Wordpress デザインブロック

 

全てがそのまま利用できるブロックではありません。

上記の通り、ブロックエディタでは沢山のブロックが用意されていますが、そのまま利用する事は出来ません。それはお客様のウェブサイトに合わせた調整をしてあるもの・していないものがある為です。詳しくは以下をご覧ください。

 

ブロックエディタのカラムとは

上記の通りカラムは、デザインブロックの中にあるブロックの一つですが、各ブロックを囲んだ枠を意味します。当社で制作する際は、色々な使い方をしますが、お客様自身が使う場合は、このカラムを使う事で左に画像・横にテキストなど横並びのレイアウトを作る事ができます。

左側のコンテンツ、右側のコンテンツという風にコンテンツ毎に分けて横に並べる事ができる。
Wordpressブロックエディタの構成要素

 

カラムで囲む事で出来ること

ブロックエディタのグループとは

カラム同様に、デザインブロックの中にあるブロックの一つですが、各ブロックをグループ化する為の機能です。

例えば、右・左で別れたコンテンツを作る為には、右と左を一つのグループとして囲む必要があり、2カラムブロックを選択すると、自動的に2つのカラムはグループで囲まれます。

カラムをまとめたグループ
カラムをまとめたグループ
段落のグループなど細分化する為に設定したグループ
段落のグループなど細分化する為に設定したグループ

 

お客様がグループ機能を使う場合

当社が制作したページでこの各ブロックをグループでまとめるという事は、ページ内の内容をグループ分けする為やHTMLコーディング上の事情の為に使う事が多いです。従って、お客様が記事を投稿する際に利用しても構いませんが、既存のページ(当社で制作したページ)の既に配置されている各ブロックをグループで囲ってしまう事はお止めください。指定しているHTMLの構造が適応されなくなって、体裁崩れが発生してしまう場合がございます。

HTML Snippets Powered By : XYZScripts.com