ブロックパターンはすべてを変える
公開: 2020-03-24
約1年前のことです。 意欲的な小説家のためのテーマを楽しくデザインしていました。 私は競争に先んじて、2019年の全国小説執筆月間チャレンジを試みる作家に特にテーマを売り込みたいと思いました。
NaNoWriMoは、略して1か月の旋風であり、世界中の何千人もの人々がキーボードを叩き、50,000語の小説原稿を書きます。 栄光と引き換えに、1か月の純粋な意志力、ガロンによるコーヒー、そして眠れない夜。 旅の終わりには、大賞や保証された出版契約はありません。 あなたは証明書、いくつかのクーポン、そして自慢する権利を手に入れます。 2018年にチャレンジを完了しました。
ほんの数ヶ月前の勝利に触発されて、翌年の旅に出る人のためのテーマを作りました。 私はまた、意欲的な小説家であるかもしれないが、必ずしも挑戦に参加しているとは限らない人にその魅力を広げたいと思いました。 あるいは、最初の本を出版したばかりの人にも。 おそらくこれは、数人の新しいWordPressユーザーを私たちのコミュニティに呼び込む機会になるでしょう。
ユーザーが購入ボタンで最新の本を紹介する方法を示すために、ホームページのレイアウトの概要を説明しました。 それから、それは私に夜明けしました。
ブロックエディタの確かな経験がなくても、どうすればこの本の販売ページを作成できるでしょうか。
私はGutenbergプラグインをWordPress5.0に到達する前に、何ヶ月も何ヶ月も使用していました。 私はシステムの内外を知っていました。
デザインはシンプルでした。 コアメディアとテキストブロック、見出し、いくつかの段落、およびボタンを使用して、平均的なユーザーには複雑すぎる可能性のあるものを作成しました。 レイアウトにアクセントを付けるカスタムカラー、フォントサイズ、ブロックスタイルのオプションについても理解していませんでした。
この単純なブロックの組み合わせは、一部の人にとっては過度に複雑になる可能性がありました。 より複雑なレイアウトについては、他にも計画がありました。 他のテーマの作者は、ブロックのより大きな組み合わせを採用していました。 エンドユーザーにとって、彼らはおそらく意味のない世界に足を踏み入れていたでしょう。 彼らは美しいテーマのデモを見て、物事をうまく機能させることができなかったときにイライラするでしょう。 ブロックエディタは、知識の少ないユーザーが基本を超えたレイアウトを構築するのに十分なほど直感的ではなく、今でもそうではありません。
私は、ユーザーがこの簡単な本の販売セクションを作成するようにガイドするためのステップバイステップのチュートリアルを選択しました。 ただし、ドキュメントが常に最良の答えであるとは限りません。 ユーザーがそれを見つけて読んだとしても、結果は必ずしも正確ではありません。 クリックすると、このセクションをエディターに直接挿入するボタンを使用する方がはるかに簡単でした。 その後、ユーザーはコンテンツに合わせてカスタマイズできます。
そこでブロックパターンが登場します。
テーマの作成者は、カスタムスタイルのブロックのユニークで複雑な組み合わせを構築できる必要があります。 ユーザーは、デモのように見せることができるはずです。
2005年に私の最初のWordPressテーマを「構築」（私はこの用語を大まかに使用します）して以来、私はこの問題に対するあらゆる方法の解決策を見たり試みたりしました。 ページテンプレート。 テーマオプション。 ショートコード。 ウィジェット。 あなたはそれに名前を付けます。 それらはすべて以前に試されたことがあります。 それぞれの方法は、ユーザーに大きなハードルを提供しました。 一部の（エム、ショートコード）は、ユーザーのコンテンツを混乱させ、ロックイン効果を作成して、最終的にテーマに縛り付けられました。
何か新しいことをするのはずっと昔のことです。
ブロックパターンとは何ですか？また、それらはユーザーエクスペリエンスをどのように改善しますか？
上のスクリーンショットに示すように、ユーザーが複数列の価格設定オプションを使用してレイアウトを作成したい場合はどうなりますか？ 幸運を。 ほとんどがブロックシステムでそれを作り出すことができませんでした。 ブロックパターンがなくても、テーマを可能にするためにいくつかのカスタムブロックスタイルが必要になります。 プラグインは、このような複雑な出力の空白を埋める可能性が高く、長年にわたってさまざまな方法で価格表に取り組んできました。 テーマ内またははるかに単純なプラグインでこのようなレイアウトを作成できるとしたらどうでしょうか。
ブロックパターンで可能です。
簡単に言えば、ブロックパターンはブロックのグループです。 コアWordPress、テーマ、およびプラグインは、事前定義された設定が添付されたパターンを登録できるようになります。
平均的なユーザーの観点からは、ブロックパターンは、レイアウトの作成に使用できる事前定義されたセクションです。 これらのレイアウトは、この記事の前半の本のセクションから、より複雑な価格設定の列まで、単純なものにすることができます。 これらのパターンが利用可能であるため、ユーザーはボタンをクリックするだけで複雑なレイアウトを作成できます。
ブロックシステムは、私たちが長年にわたって経験してきたものとは大きく異なり、上位互換性のある未来の基盤を築きました。 結局のところ、ほとんどのブロックは単なる古いHTMLです。 ブロックパターンは、これらのブロックのグループの登録にすぎません。 ユーザーがテーマを切り替えると、新しいテーマが同じパターンを登録していなくても、コンテンツはそのまま残ります。
Gutenbergプラグインのバージョン7.7は、パターンのインターフェースの最初のイテレーションを出荷しました。 これは基本的なものであり、本番環境で使用できるようになるまでにさらに数回繰り返されます。 最終的には、複数のパターンから選択するための完全に統合されたインターフェイスがあります。 ユーザーには、使用したいものが表示されます。 彼らはそのパターンをクリックします。 投稿に挿入されます。
これ以上複雑なテーマオプションはありません。 これ以上のショートコードスープはありません。 慎重に作成されたテーマのデモに示されているカスタムのフロントページを作成できないのはなぜかと不満を感じる時間はもうありません。
私は少し楽観的かもしれません。 ブロックパターンには、テーマおよびプラグイン開発者コミュニティからの大規模な賛同が必要になります。 コアのWordPressはデフォルトでいくつかの人気のあるパターンを出荷しますが、テーマの作成者が芸術的なスキルを発揮するときに可能なデザインの幅をカバーすることは決してありません。
私はいつもブロックエディタに興奮しています。 しかし、私は最終製品よりもその可能性に興奮しているように常に感じていました。 自分が思っていたものになるのをいつも待っていました。 はい、まだ待っています。 ただし、初期バージョンのパターンシステムをいじくり回すと、エディターが実行できるはずのすばらしいことを実行できるようになりつつあるように感じます。 長い間待っていましたが、まだ少し先があります。 しかし、これまでの仕事を経験した後、私はこのプロジェクトに新たな情熱を持っています。