一部のパターンがインサーターで表示されない理由と対処法

投稿日:

最終更新日:

カテゴリー:

自書『Twenty Twenty-Fourでウェブサイトを作ろう』に掲載してある実際にウェブサイトを作り進めていく過程において、以下のようにお問い合わせをいただきましたのでお答えさせていただきます。

(WordPress 6.4.x 対応版の)ポートフォリオサイトの途中、p135で躓きました。フッターの中身を変更するところで、フッターのパターンを選択しようとしたところ、下記の3つのパターンしか選べません。

  • Footer with centered logo and navigation
  • Footer with colophon, 3 columns
  • Footer with colophon, 4 columns

WordPress.org のパターンディレクトリで検索すると対象のパターンは存在します。こちらを取り込むにはどうしたら良いでしょうか?

2024年4月30日に頂いたお問い合わせを要約

テーマが用意しているパターン以外がインサーターに表示されない理由

インターネット接続をしていない環境の場合

一番有力な理由としては「インターネットに接続されていない環境」で制作をされている場合に発生する可能性が高いです。

試しに WordPress Playground でサイトエディターを確認してみてください。

パターンカテゴリー「フッター」に属するパターンは3つということが確認できます。

しかし、インサーターからパターンカテゴリー「フッター」を確認すると、その3つのパターンが挿入可能になっていることが確認できます。

しかし、本書内の解説やスクリーンショットでは、3つ以上のパターンが表示されており、こちらのローカル開発環境では以下のように表示されています。

これらの環境の違いで一番大きな点としてはインターネットに接続されているかどうかです。テーマに登録されているパターン以外のものは、全てパターンライブラリからデータを読み取っています。ですので、インターネット接続が必要となります。

WordPress Playground はブラウザのみで WordPress を稼働させる仕組みとなっており、外部との通信は基本的に行われません。ダッシュボードの近隣の WordPress イベントを紹介するウィジェット部分には HTTP Error が発生していると記載もあります。

Twenty Twenty-Four 自体にパターンライブラリを読み込まないよう記述が追加されたのか確認をしましたが、

remove_theme_support( 'core-block-patterns' );

の記述は確認できませんでした。よって、テーマ側からはコアのパターンを読み込む仕様に変更はありません。

よって、インターネット接続がされていない場合に、パターンライブラリのパターンが読み込めないことによる事案だと推測をしました。

他のプラグインからの影響

本書に記載しているプラグインのみで制作を行われている場合には発生しませんが、その他に独自の判断で導入されているプラグインによっては、パターンライブラリからのデータの読み込みに関係する処理が行われている可能性もゼロではありません。

ですので、本書に記載のないプラグインを利用されている場合は、一度無効化等していただいて検証いただけると良いかと思います。

インターネットに接続していない状況でテーマに含んでいないパターンを利用する方法

テーマに含まれていないパターン(=インターネット接続を切断していて表示されないパターン)は、全て WordPress.org パターンライブラリに掲載されています。

本件であれば、対象となるパターンは「Footer with site title and credit line」というもので、以下のページに公開されているものです。

こちらのパターンを利用したい場合、左上の「Copy pattern」ボタンをクリックして、パターンの情報をコピーしてきます。

そして、挿入したい任意の箇所にカーソルを用意し、ペーストを行うことで利用することができます。一部、画像データを持っているパターンの場合は、インターネット接続がないために正常にペーストできない可能性があります。

まとめ

上記のように、個人的にはインターネット接続が行われていない場合に起きているのではないかと推測をしていますが、実際に問題が起きている環境を確認しているわけではないので、確実なお返事とはいきません。

おそらく、パターンが読み込めていない場合には、ブラウザのコンソールにエラーが出ていると思われるので、検証ツールなどで確認されても良いかもしれません。

問題解決の参考になれば幸いです。

コーディングや
WordPress開発のリソースが足りない!

オレインデザインでは、デザインデータからの HTML コーディングから WordPress テーマ・プラグイン開発まで幅広くウェブ制作に対応しています。

お気軽にお問い合わせください。

WordPress 6.5.x 対応版を出版しました

WordPress デフォルトテーマ Twenty Twenty-Four を使って、シンプルなブログやポートフォリオサイト、そしてコーポレートサイトを作りながら、ブロックテーマやサイトエディターの基本を理解することができます。

一部のパターンがインサーターで表示されない理由と対処法

自書『Twenty Twenty-Fourでウェブサイトを作ろう』に掲載してある実際にウェブサイトを作り進めていく過程において、以下のようにお問い合わせをいただきましたのでお答えさせていただきます。

(WordPress 6.4.x 対応版の)ポートフォリオサイトの途中、p135で躓きました。フッターの中身を変更するところで、フッターのパターンを選択しようとしたところ、下記の3つのパターンしか選べません。

  • Footer with centered logo and navigation
  • Footer with colophon, 3 columns
  • Footer with colophon, 4 columns

WordPress.org のパターンディレクトリで検索すると対象のパターンは存在します。こちらを取り込むにはどうしたら良いでしょうか?

2024年4月30日に頂いたお問い合わせを要約

テーマが用意しているパターン以外がインサーターに表示されない理由

インターネット接続をしていない環境の場合

一番有力な理由としては「インターネットに接続されていない環境」で制作をされている場合に発生する可能性が高いです。

試しに WordPress Playground でサイトエディターを確認してみてください。

パターンカテゴリー「フッター」に属するパターンは3つということが確認できます。

しかし、インサーターからパターンカテゴリー「フッター」を確認すると、その3つのパターンが挿入可能になっていることが確認できます。

しかし、本書内の解説やスクリーンショットでは、3つ以上のパターンが表示されており、こちらのローカル開発環境では以下のように表示されています。

これらの環境の違いで一番大きな点としてはインターネットに接続されているかどうかです。テーマに登録されているパターン以外のものは、全てパターンライブラリからデータを読み取っています。ですので、インターネット接続が必要となります。

WordPress Playground はブラウザのみで WordPress を稼働させる仕組みとなっており、外部との通信は基本的に行われません。ダッシュボードの近隣の WordPress イベントを紹介するウィジェット部分には HTTP Error が発生していると記載もあります。

Twenty Twenty-Four 自体にパターンライブラリを読み込まないよう記述が追加されたのか確認をしましたが、

remove_theme_support( 'core-block-patterns' );

の記述は確認できませんでした。よって、テーマ側からはコアのパターンを読み込む仕様に変更はありません。

よって、インターネット接続がされていない場合に、パターンライブラリのパターンが読み込めないことによる事案だと推測をしました。

他のプラグインからの影響

本書に記載しているプラグインのみで制作を行われている場合には発生しませんが、その他に独自の判断で導入されているプラグインによっては、パターンライブラリからのデータの読み込みに関係する処理が行われている可能性もゼロではありません。

ですので、本書に記載のないプラグインを利用されている場合は、一度無効化等していただいて検証いただけると良いかと思います。

インターネットに接続していない状況でテーマに含んでいないパターンを利用する方法

テーマに含まれていないパターン(=インターネット接続を切断していて表示されないパターン)は、全て WordPress.org パターンライブラリに掲載されています。

本件であれば、対象となるパターンは「Footer with site title and credit line」というもので、以下のページに公開されているものです。

こちらのパターンを利用したい場合、左上の「Copy pattern」ボタンをクリックして、パターンの情報をコピーしてきます。

そして、挿入したい任意の箇所にカーソルを用意し、ペーストを行うことで利用することができます。一部、画像データを持っているパターンの場合は、インターネット接続がないために正常にペーストできない可能性があります。

まとめ

上記のように、個人的にはインターネット接続が行われていない場合に起きているのではないかと推測をしていますが、実際に問題が起きている環境を確認しているわけではないので、確実なお返事とはいきません。

おそらく、パターンが読み込めていない場合には、ブラウザのコンソールにエラーが出ていると思われるので、検証ツールなどで確認されても良いかもしれません。

問題解決の参考になれば幸いです。

コーディングや
WordPress開発のリソースが足りない!

オレインデザインでは、デザインデータからの HTML コーディングから WordPress テーマ・プラグイン開発まで幅広くウェブ制作に対応しています。

お気軽にお問い合わせください。

WordPress 6.5.x 対応版を出版しました

WordPress デフォルトテーマ Twenty Twenty-Four を使って、シンプルなブログやポートフォリオサイト、そしてコーポレートサイトを作りながら、ブロックテーマやサイトエディターの基本を理解することができます。