WordPressテーマの作者がブロックパターンゲームを強化する時が来ました

今週のルーチンを実行して、最新のWordPressテーマのリリースをざっと読み、ブロックエディターをサポートする新しいプロジェクトを見つけました。 いくつかのカスタムパターンも出荷されました。 デザインは特別なものではありませんでしたが、全体的にしっかりとしたテーマでした。 しかし、今日の大部分をそれについて書いた後、私は物語を進めることができるとは思いませんでした。 何かが私を悩ませていました。

それは私が最近他の何人かと感じたのと同じことでした。 逃した機会が多すぎた。 テーマには、それ以上の基盤、潜在的な可能性がありました。

テーマには、ユーザーが購入できる商用の「プロ」バージョンがありました。 ただし、ほぼすべてのプロ機能は、追加のテーマオプションをアップセルするという昔ながらの戦術に依存していました。 唯一の例外は、今年後半にWordPressに同梱される可能性のあるグローバルスタイルコンポーネントの一部として無料になるブロック関連の機能でした。

カスタムブロックスタイルはどこにありましたか？ ユーザーはどこでいくつかのユニークなパターンを手に入れることができますか？ 追加のナビゲーションメニュー、サイドバー、色設定、およびタイポグラフィオプションは、エンドユーザーにとってますます付加価値が低くなっています。 今は安全なお金かもしれませんし、チャンスを逃さないことの良さも理解できます。

テーマの作成者は、ギアのシフトを開始する必要があります。 アップセルは、ストックのWordPressでは利用できない機能の形で提供される必要があります。 今のところ、それはユニークなブロックパターンとスタイルを構築することを意味します。

パターンのアイデアを探る

先月、私はカスタムパターンをいじくり回してきました。 私が10年以上設計および開発ビジネスに携わっていたとき、カスタムコードを使用せずに、ブロックエディターだけで達成できたこと、そしてバランスの取れたブロック対応テーマは、表面を傷つけただけです。 WordPressコミュニティにははるかに優れた才能があり、彼らの芸術性が解き放たれることを望んでいます。

すべてはWPTavern Jukeboxポッドキャストから始まりました。エピソード＃1と＃2をまだ聞いていない場合は、チェックしてください。 新しいホストであるNathanWrigleyは、彼が必要とするいくつかの機能を実装するために、私の設計と開発のキャップを元に戻すのに十分なほど私をプッシュしました。 何年もの間、私はポッドキャスティングやあらゆる種類のオーディオをあまり扱っていませんでした。 これは私にとって新しい領域でした。 最終的に、ポッドキャストは私にオーディオパターンについて考えるように促しました。

今日のWordPressのエディターで何が可能ですか？

私はさまざまなレイアウトをWebで探し、最新のオーディオプレゼンテーションを探しました。 エンドユーザーがエディターだけから実装することは不可能でした。 テーマ自体からの広範なカスタムブロックスタイルが必要になります。 そして、私がまったくできないと思っていたデザインがいくつかありましたが、これらには通常、プラグイン領域の要素が含まれていました。

しかし、私は自分で実行して自分で作成できるアイデアを見つけました。 私は火星のサウンドトラックからの簡単なオーディオファイルから始めました—私は前の晩に映画を再視聴し、デヴィッドボウイのキックをしていました。

シンプルでした。 Group、Columns、Image、Paragraph、Heading、Audio、SocialIconsの各ブロックを追加するだけです。 結果に満足し、Twitterフォロワーの何人かは前向きに反応しました。

サポートに触発されて、私は別のレイアウトを作成しました。 Cover、Paragraph、Heading、Audio、Social Iconsの各ブロックを追加することで、さらに簡単になりました。

元のパターンに基づいて、Audioブロックの代わりにSoundCloud埋め込みを使用するパターンを作成しました。 私はまた、ポッドキャスターにもっと対応するいくつかの変更を加えた別のものを作成しました。

このプロジェクトを深く掘り下げるにつれて、レイアウトを作成する能力が高まりました。 私はいくつかの制限が何であるかを理解し始め、それらの周りにすべてをつなぎ合わせました。

エディターで最も問題となる領域の1つは、十分な間隔制御が渡されないことです。 したがって、スペーサーブロックを自由に使用する必要がありました。これは、ピクセル単位に依存し、マークアップに余分な<div>を追加するため、使用したくないものです。 いくつかのパターンを構築するために、私は少し純粋主義者にならず、利用可能なツールを使用する必要がありました。

その考え方の変化は、いくつかの可能性を開きました。 オーディオ関連のブロックパターンをさらにいくつか作成しました。 やはりシンプルなレイアウトでしたが、エンドユーザーが追加できる画像で視覚的に目立たせたいと思いました。 目標は、ユーザーが事前に設計されたセクションにワンクリックでアクセスできるようにすることです。これは、人々が自分の創造性を披露できる出発点です。

次のステップは、オーディオパターンを超えて考え始めることでした。 そのスペースでできることは他にもたくさんあります。 もう少し冒険したかった。

それ以来、次のニュースタイプの記事ヘッダーのような他のいくつかのパターンを作成しました。これらは将来、居酒屋で使用したいと思います。

もっとコンセプトを共有することもできますが、ここは立ち止まるのに理想的な場所のようです。 目標は、私のパターンのポートフォリオを紹介することではありません。 彼らがはるかに良いものを構築することを期待して、私たちのテーマデザインコミュニティを刺激することです。 また、いくつかのパターンを簡単にポップできることを示したかったのです。 何時間もの開発時間の代わりに、多くのアイデアがほんの数分に短縮されました。 それが、ブロックシステムが今日提供している力です。

1月にテーマ作者に商業的機会を生み出すブロックシステムについて書いたとき、それは理論的な投稿でした。 これは、それをもう少し実践するためのフォローアップです（もちろん実際の販売はありません）。

テーマ会社として、ミュージシャン向けのフリーミアムテーマを作成していると想像してみてください。 ユーザーが選択できるように、いくつかの基本パターンを含めることをお勧めします。 ただし、プロパッケージの一部として提供できる選択肢は無限にあります。

多目的テーマのコンセプトを念頭に置いて、最終的には何百ものパターンを持つテーマの作者/会社がすでに存在していると確信しています。 私は彼らがしっかりした分類システムを持っているか、別々のパッケージや輸入品を提供することを望むだけです。

ブロックパターンディレクトリは、WordPress5.8と一緒に着陸する予定です。 最初は、主にコアパターンになります。 ただし、他の人は時間の経過とともに貢献することが奨励されます。 これはプラットフォームにとって歓迎すべき機能ですが、すべてのテーマデザインと完全に一致するわけではありません。 各テーマには独自のデザインのニュアンスがあります。 それぞれが問題を解決するための異なる方法を持っています。

最高のパターンは、特にカスタムブロックスタイルと組み合わせて、テーマのエクスペリエンスの一部としてパッケージ化および販売された場合に、テーマの作成者自身から得られます。 開発者は、市場全体が追いつくか、ゲームの先を行くまで待つことができます。