WordPressテーマディレクトリに到達する最初のブロックパターンの調査

何ヶ月もの間、私はWordPress 5.5の公式リリースを待ち望んでいました。これは、待望のブロックパターンシステムをテーマデザイナーの手に渡すことを約束したアップデートです。 現時点では壊れたレコードのように聞こえるかもしれませんが、パターンは、今後のフルサイト編集よりもさらに、WordPressテーマ開発に革命を起こす可能性があります。

この機能により、開発者がWordPressテーマを作成する方法が大幅に変わるはずです。 テーマの作成者は、その可能性を最大限に活用すれば、数十のテーマオプションを取り除き、ほとんどのページテンプレートを削除できます。 彼らはプログラミングよりもデザインに集中することができます。それがテーマの本質です。

パターンが非常に革新的である理由を理解するには、テーマの作成者、そして最終的にはエンドユーザーにとってパターンが解決する根本的な問題を理解する必要があります。 WordPressのテーマの歴史のすべてを通して、莫大な数の問題を引き起こした単一の包括的な問題がありました。 これは、WordPress.orgテーマレビューシステムに追加された複数のガイドラインの根本的な原因となっている問題です。

この単一の問題は、そのルーツを大きな問題にほぼ独占的にさかのぼることができます。テーマの作成者がカスタムホームページを作成し、エンドユーザーがそれらを簡単に再作成できるようにするにはどうすればよいでしょうか。

スライダー、情報ボックスの列、または召喚状のセクションであるかどうかにかかわらず、WordPressは、テーマの作成者が信頼できるソリューションを真に提供したことはありません。 公平を期すために、多くの開発者は、プラットフォームの制限を中心に創造的でユニークなシステムを構築してきました。 ただし、これらのシステムは、単一のテーマまたは単一の会社の一連のテーマに固有のものでした。 基準はありませんでした。 テーマデザイナーが頭の中にある面白いものを単純にデザインし、ユーザーがコンテンツを簡単に入力できるようにするためのガイドとなるものは何もありませんでした。

ここでは、サイトのホームページが根本的な問題であると言いますが、問題は実際にはサイトのどのページにも広がっています。 ホームページのデザインは、テーマの作者の署名に少し似ています。 これにより、デザイナーは自分の才能を披露し、ユーザーを引き込むことができます。そして10年以上の間、テーマの作成者は、この1ページを正しくするために1000の異なる方法を試してきました。

パターンはそれだけではありません。 このシステムでは、テーマの作成者が美しいデザインをつなぎ合わせるためにPHP忍者になる必要はありません。 ホームページを作成するためのテーマオプションパネルにユーザーを制限することはありません。テーマが提供するパターンを使用して、サイト上の任意のページを作成できます。

重要なのは、「カスタムホームページを作成するにはどうすればよいか」という質問が無意味になることです。 テーマの作成者は、少なくとも前の年のように、その質問についてもう一度考える必要はありません。 テーマは、ページレベルでのデザインの構築から、個々のブロックやセクション（パターン）のデザインへと移行しています。 焦点ははるかにアトミックであり、ユーザーにより多くの柔軟性と自由を提供します。

このシステム内で作成されたテーマの作成者を確認するのに数週間または数か月長く待つことができなかったため、公式テーマディレクトリの現在のテーマが何をしているかを確認したいと思いました。 注目すべきことはそれほど多くありませんでしたが、少なくとも一部のテーマ作成者は、この新しいテーマの時代のパイオニアになることをいとわないでしょう。

現在、ディレクトリのブロックエディタパターン機能フィルタは機能していません。 技術的には、テーマの作成者はテーマにblock-patternsタグを追加することは許可されていませんが、問題をすぐに修正するパッチが利用可能です。

これまでのパターン

現在、テーマディレクトリにはブロックパターンのあるテーマが3つしかありません。 先に進むことはそれほど多くありませんが、これまでにどのテーマの作者が作成しているかを見るのは興味深いことです。

UXLテーマは最近、Corderoテーマをいくつかのブロックで更新しました。 Corderoがパターンを追加した方法について私が気に入っていることの1つは、カスタムの「Cordero」ブロックパターンカテゴリを作成したことです。 パターンは複数のカテゴリに存在する可能性がありますが、テーマのすべてのカスタムパターンを単一のグループに統合すると、パターンの検出がはるかに簡単になります。 これは私が今後もっと見たいと思う習慣です。

Corderoのパターンは、主に一般的なビジネスレイアウトを対象としています。 これには、いくつかのヒーロータイプのパターン、いくつかの機能/サービスボックス、および価格表が含まれています。

テーマチームの代表であるCarolinaNymarkによる包括的テーマには、いくつかのパターンがあります（アクセシビリティに対応した優れたオプションを求めている場合は、堅実なテーマでもあります）。 このテーマの最も興味深いパターンは、サイドバー付きの2列のパターンです。 Nymarkは基本的に、パターンを使用してページの「本文」を作成しました。 1つは左側にサイドバーを追加し、もう1つのパターンは右側にサイドバーを追加します。 どちらのパターンにも、カスタムコンテンツを追加するためのメイン列があります。 サイドバーの列は、デフォルトでウィジェットタイプのブロックで装飾されています。

これらのパターンのユニークな点は、フルサイト編集への足がかりのようなものであるということです。欠落しているのはヘッダーとフッターだけです。 確かに、私はこの種のパターンの準備ができておらず、小さなセクションで使用されるパターンを期待していましたが、私はインクルーシブテーマの実験のファンです。

Nymarkには、現在3つのテーマのうち2つがあり、ディレクトリにブロックパターンがあります。 彼女のDeejayテーマは、ユーザーが自分のサイトにDJプロファイルセクションを作成できるようにする単一のパターンを追加します。 列、ソーシャルアイコン、最新の投稿リスト、動画の埋め込みなどを組み合わせています。

全体として、私はこの新機能の初期の調査が好きです。 最初に試してみるのは決して簡単なことではないので、テーマの作者が道を開いてくれたことを称賛します。 WordPress 5.5のリリースはまだ1週間ですが、もっと見ることができて興奮しています。

パターンはテーマ間でどの程度うまく転送されますか？

ブロックシステムの約束の1つは、ユーザーがテーマを切り替えてコンテンツを維持できるようにすることです。 各テーマは、フロントエンドの出力が壊れていないように見えるようにすべてのブロックのスタイルを設定するという考え方です。

3つのテーマのサンプルサイズは小さいだけですが、それらを切り替えるときにコンテンツのスタイル設定の問題が発生しました。

一般に、パターンが複雑であるかどうか、およびパターンがカスタムクラスを採用しているかどうかによって、テーマ間でどれだけうまく転送されるかが決まります。 ユーザーがパターンの画像を独自の画像に置き換えないことを決定した場合、画像も興味深い問題を引き起こす可能性があります。 画像はテーマフォルダに存在するため、テーマを非アクティブ化してアンインストールすると、画像は存在しなくなります。