最先端のパターン管理と作成

公開: 2023-04-09

ブロックパターンをマスターする人は、WordPress の設計、構築、スケーリングの新しいパラダイムをリードする強力な立場に立つでしょう。

このセッションを視聴して、最新のパターン機能を活用する方法と、フリーランサーやエージェンシーのパターン管理エクスペリエンスを向上させるエキサイティングな新しいツールについて学びましょう。

ビデオ: 最先端のパターン管理と作成

スピーカー:

Michael Day、WP Engine の React エンジニア
Phil Johnston 氏、WP Engine のシニアスタッフソフトウェアエンジニア

セッションのスライド:

最先端のパターン管理・作成ダウンロード

転写:

フィル・ジョンストン: こんにちは。私の名前は Phil Johnston です。WP Engine のシニアスタッフソフトウェアエンジニアです。そして、私とチームメイトのマイク・デイは、WordPress での最先端のパターン管理と作成について話す予定です。

そのため、最近 WordPress には多くの新しく興味深い機能が追加されています。そしてそれらの1つはパターンです。そして、私はそれについて話すつもりです。パターンはブロックから作られています。それでは、さっそく見ていきましょう。

WordPress ダッシュボードであるブロックエディターでブロックを使用します。これは、ブログ投稿やページなどを作成する場所であり、書き込みや作成を開始できる場所です。そして、ブロックを使用する場所です。

それで、この講演のために子供たちからいくつかのレゴブロックを借りることができました。これを説明するために、ここのページで私が見出しブロックであると書いてあるのを見ると、それをレゴブロックのようなものと考えることができます。そして、その下に「私は段落ブロックです」と書かれているところを、その下に切り取った別のブロックと考えることができます。

その下に別の見出しブロックがあります。クリックするだけで、必要に応じてページの作成を開始できます。また、クリック、ドラッグ、または並べ替えを行うだけで、これらのブロックを並べ替えることができます。そして、ページはすべてブロック化されているため、この方法で非常に簡単にページを再構築できます。

これはブログ投稿のようなものにとっては非常に単純ですが、エディターに飛び込んで、これらがブロックであることを知らなくてもこれを開始できますが、あなたのようなはるかに複雑なブロックレイアウトを構築することもできます.ここで見ています。これで、3 つの画像を含む 3 列のレイアウトができました。その上に、実際には全幅の列があります。そして、それらの 3 つの列すべてにまたがっています。そして、3 つの画像ブロック、3 つのサンプル見出しブロック、3 つの段落ブロック、そしてその下に 3 つのボタンブロックがあります。

繰り返しますが、WordPress のブロックは LEGO のようなものです。それらをスナップして、最初に示したような単純なレイアウトを作成することも、ここで見ているようなより複雑なレイアウトを作成することもできます。そのため、このようなページに表示される可能性があるブロックを赤で強調表示しました。最初のオブジェクトの周りに赤いボックスがあることがわかります。 [喉が渇く] すみません。そして、それはブロックを表しています。そしてその下に Lorem ipsum のテキストが入った別のブロックがあり、次に前述の 3 つの画像ブロック、3 つの見出しブロック、その下に 3 つの段落ブロック、3 つのボタンブロックがあります。

このようなページレイアウトを作成するのに必要なことはそれだけだと思うかもしれませんが、実際にはそれよりもかなり複雑です。このスライドでは、目に見えないブロック、目に見えないブロックをハイライトしました。これらは、1 つの列ではなく 3 つの列があるという事実のように、物事が置かれるべき場所を定義するためにページ上に存在する必要があるブロックです。

目に見えないブロックは強力ですが、平均的なユーザーが飛び込んで使い始めるのは非常に困難です. ブロックエディター内でマウスを動かしても、見えないブロックがあることはわかりません。また、これらのブロックにはすべて、複雑なコントロールが付属しています。たとえば、これは列ブロックの 1 つです。

右側を見ると、理解するのが非常に簡単または直感的ではない複雑なコントロールがすべて表示されます。内側のブロックのようなものは、コンテンツの幅、パディング、またはブロックの間隔を使用します。平均的なユーザーは、これらの設定が何をするのかを知りません。そして、キッチンに足を踏み入れてたくさんのスパイスを見たとしたら、これは私に少し似ています.

私は料理が上手ではありません。そして、このようにラックにたくさんのスパイスを置きます。そして、料理人になるまでに時間をかけたことがないので、それらをどのように組み合わせたり、使用したりするかはわかりません。 5 つ星のシェフになって素晴らしい料理を作るのに時間がかかるのと同じように、見た目や味に優れた料理を作るためにどのブロックをどのタイミングで使用すればよいかを理解し、ブロックエディターを習得するには時間がかかります。良い。

そして、それは専門です。それはあなたが開発しなければならない工芸品です。したがって、平均的なユーザーは、ここに表示されているような空の状態でブロックエディターに放り込まれます。そして、列ブロックを使用する必要があること、そのブロックの使用方法、またはそのブロック内に何を入れるか、基本的には、本当に見栄えのするものを作るために組み合わせる必要があるスパイスを知りません.

彼らはそれがイライラするかもしれません。彼らは、欲しいものを手に入れるのが面倒で難しいことに気付くかもしれません。ブロックの複雑さをすべて学んだとしても、設計スキルがないだけかもしれません。そのため、ブロックは強力ですが、使いにくい場合があります。そして、これがパターンの概念が発明された理由です。

そこで WP Engine では、Atomic Blocks というプラグインを作成しました。 Atomic Blocks では、基本的にパターンの概念を思いつきましたが、それらをセクションとレイアウトと呼びました。そして、それはまったく同じ概念です。そして、WordPress Core は実際に Atomic Blocks からインスピレーションを得て、現在 WordPress Core にあるパターンと呼ばれるもののコンセプトを作成しました。

したがって、パターンは、ここに示されているように、ユーザーが参照できる事前に作成されたブロックのグループです。ここには、選択できるパターンがたくさんあります。 1 つをクリックすると、1 回のクリックでそのすべてがページに挿入されます。つまり、レゴブロックのようなブロックを組み立てる必要がある代わりに、彼らはこのようなものを手に入れます。これは、うまくいけば、すでにデザインが非常に得意で、その製作技術に何時間も費やした誰かによって作られた、ブロックの束の事前に組み立てられたグループです。ブロック。

ページに挿入すると、次のようになります。そしてちょうどそのように、ブーム、あなたは見栄えがよく、味もよく、機能する、事前に組み立てられたブロックの全体の束を手に入れました。 . したがって、サンプルの見出しのようなものをページの固有のテキストに変更します。

したがって、パターンは、平均的なユーザーにとって非常に有利なスタートのようなものです。ブロックエディターのすべての複雑さ、それらすべての複雑なことを学ぶ必要はありません。彼らはプロのデザイナーである必要はありませんが、ページにパターンを挿入するだけで見栄えの良いデザインを得ることができます.

したがって、あなたがエージェンシーであり、他の人やクライアントのために Web サイトを構築する人であれば、ブロックパターンを使用して、クライアントが自助努力できるようにすることができます。あらかじめデザインされたパターンをクライアントに提供することで、クライアントは独自のページを構築できます。

たとえば、特別なページが必要なイベントが近づいているとします。彼らは、あなたが作成したブランドに合ったブロックパターンを取得できます。それは彼らの配色とそのようなものすべてに一致し、クリックしてページに挿入し、リバースエンジニアリングすることができます.どのブロックでどのブロックを使用するかの複雑さをすべて知る必要はありません.シナリオ、してはいけないこと、デバイス間でうまく機能するレイアウトを構築する方法、およびそのようなすべての種類のもの。

ただし、ブロックパターンは平均的なユーザーにとって使いやすいものですが、作成するのは簡単ではありません。そして、時間の経過とともに管理がさらに難しくなります。また、開発者や代理店にとって、WordPress には、パターンを作成するのに役立つワークフローやツールが組み込まれていません。

そのため、現在ここで困難な方法と呼んでいるパターンを構築するための手順を 10 の手順に分けました。そして、これが圧倒されるように見える場合、それは一種の理由です。最初に行う必要があるのは、VS Code などのコードエディターで PHP ファイルを作成することです。そのファイルの先頭に特定のファイルヘッダーを配置する必要があります。

次に、構築する場所が必要です。したがって、おそらくローカルに WordPress を用意する必要がありますが、これは素晴らしいことです。ただし、ブロックをどこかに配置して作業できるように、WordPress 内に一時的なページを作成する必要があります。そして、それを構築する必要があります。あなたはそれらのスキル、あなたが開発した工芸品を使用し、それをきれいに見せる必要があります. 完了したら、コードビューに切り替えて、すべてのコードを手順 1 で作成したファイルにコピーする必要があります。

そして、そのファイルをテーマの特定の場所に保存する必要があります。テーマを作成してクライアントに配信する場合は、パターンディレクトリに配置する必要があります。そして、パターンに先ほど示した 3 列のレイアウトのような画像が含まれている場合は、クライアントに配信するときにそれらの画像が実際に機能することを確認する必要があります。ローカルコンピューター上にビルドしたので、そのイメージはローカルコンピューターのハードドライブ上にあるかのようにコード内で参照されます。

明らかに、これは問題です。コンピューター上に存在しなくなると、そのイメージは機能しなくなります。そのため、コードを細かく調べて、ローカルコンピューターの URL を探し、それらを特定の PHP タグに置き換える必要があります。そして、それらの画像ファイルも実際にテーマに移動していることを確認する必要があります. コード内で変更することはできません。そのファイルも移動する必要があります。

そしてさらに難しくするのは、ここからが本当にイライラするところです。少なくとも私が多くのパターンを作成していたときは、パターンの中でスペルミスを犯した場合、最初からやり直す必要があったと思います。スペルミスを修正するためだけに、ステップ 3 でもう一度ステップ 9 までやり直します。また、毎回すべてのブロックコードを再生成する必要があるため、これらの画像 URL をすべて調査して置き換え、ファイルに戻す必要があります。

これは、特に時間をかけて管理する場合は、反復的で退屈な一連の手順です。たとえば、今から数か月後にパターンを微調整する必要があるとします。とても面倒です。これは、Genesis Pro コレクションのパターンを構築しているときに遭遇したものです。私たちはそれを使って多くのセクション、レイアウト、またはパターンを提供してきましたが、これらの退屈なことを何度も何度も行うプロセスに非常に不満を感じました.

そして、それが私たちがこれらのことをする必要がないようにするためのツールを構築し、その退屈さを取り除き、それを可能な限り速くするようになった理由です. 作業して保存するだけで、すぐにファイルに移動します。ファイルを適切な場所に配置します。それはあなたのためにすべてのコードを書きます。そこで私たちは、この苦痛をすべて取り除くツールを社内で構築することにしました。そして、他の人が使用できるようになることを実際にはまったく意図していませんでしたが、私たちにとって非常に便利になったため、他の人にも使用できるようにしたいと考えました.

繰り返しになりますが、パターンを構築する現在の困難な方法は理想的ではなく、物事を行うための優れた方法ではありません。そのため、WordPress 内でパターンコレクションを作成および管理するための UI である Pattern Manager を作成しました。そこで、同僚の Mike Day にこれを渡して、パターンマネージャーについて説明し、その中のすばらしい機能をすべて見せてもらいます。それでは、マイクにお任せください。

マイク・デイ: こんにちは。私はマイクです。私はWP Engineのソフトウェアエンジニアです。パターンは、WordPress ビルダーのゲームを変える可能性を秘めた強力なレイアウト作成ツールです。しかし、Phil が示したように、これらのパターンを作成および管理するという点で実際に使用した経験は、控えめに言っても不足しています。 Pattern Manager は、ワークフローにスライドできるプラグインを介して、摩擦のない方法でパターンファイルの管理を WordPress 設計の最前線に持ち込むことを目的としています。飛び込みましょう。

このデモの最初の目的として、右側のコードエディターウィンドウを開いたままにします。これは、ディスクに直接保存された実際のパターンファイルです。そして、Pattern Manager で作業するときは、ディスクに保存された物理ファイルを実際に操作および作成していることを強調したいと思います。具体的には、現在のテーマディレクトリに保存されます。この 2 つの PHP ファイルまたはパターンファイルは、この [パターン] ビューで現在アクティブなパターンを表しています。

さらに、この images ディレクトリに注意してください。 Phil は非常に興味深い点を指摘しました。現在、パターンを操作する場合、パターンに保存された画像がたくさんあるとしましょう。これらの特定のイメージの URL はすべて、ローカルインストールを指します。実際に自分の作品を共有するときはいつでも、これは大きな問題です。

それらのイメージはすべて壊れます。そのため、少し異なる方法でアプローチします。実際には、これらの画像のコピーをテーマフォルダー自体に直接保存します。これは、たとえば、バージョン管理のゲームチェンジャーです。あなたと共同作業者が Git を使用しているとしましょう。これで、作業中に全員が同じ画像にアクセスできることを確認できます。

OK。それでは、実際にインターフェイスに飛び込んでみましょう。これがパターンビューです。そしてすぐに、私のテーマに登録されている両方のパターンが表示されます。パターンのプレビューにカーソルを合わせると、ポップアップするアクションボタンに注目してください。特定のパターンを編集、複製、または削除するためのオプションがあります。ここの左側にもいくつかのフィルタリングオプションがありますが、これについては少し後で説明します。とりあえず、実際にパターンを編集してみましょう。

すぐに、非常に使い慣れた UI に気付くと思います。これは WordPress のブロックエディターで、この場合はパターンを操作するための特定のスペースを提供するために再利用されています。右側には、これらのさまざまなヘッダープロパティが表示されます。これらに飛び込む前に、もう少しコンテキストを提供し、WordPress 開発者ドキュメントから借用したテキストを実際に使用したいと思います.

title プロパティは一目瞭然です。これは、ユーザーがサイトでパターンを操作するときに表示される、人が読める正面 ID です。カテゴリは、パターンをグループ化するために実際に使用されます。これは、必要に応じて 1 つまたは複数、またはまったく追加しない登録済みカテゴリの配列になります。しかし、これが WordPress Core で機能する現在の方法には問題があります。

どのカテゴリが実際に利用可能かを判断する優れた方法はありません。少なくとも私が知っている限り、これらの登録されたブロックパターンカテゴリをサイトのどこにも実際に見つける明確な場所はありません。キーワードは、検索用語のようなものと考えることができます。基本的に、これらの説明的なエイリアスを入力してパターンを説明できるため、ユーザーがインサーターで検索しているものは何でも、必要なものを簡単に見つけることができます。説明は、視覚的に隠されているテキストであることを除いて、そのアイデアの延長のようなものです。これは、スクリーンリーダーを使用している視覚障害のあるユーザーにとって非常に便利です。

パターンマネージャーに戻り、これらのメタプロパティを変更しましょう。パターンのタイトルは簡単なテキスト入力です。入力を開始するだけで、パターンの名前を変更できます。しかし、ここに隠された機能があることに注意してください。パターンマネージャーは、このタイトルのパターンが既にテーマに存在すると言っています。そのファイルを誤って破壊したくないので、タイトルはそのままにしておきます。

OK。いくつかのカテゴリを選択してみましょう。すぐに、このカテゴリのリストをドロップダウンにレンダリングしたことに注意してください。そうしないと、このデータが実際にどこにあるかを知るのが難しくなります。ただし、このリストは API 呼び出しによって動的に入力されます。つまり、テーマに登録されているすべてのブロックパターンカテゴリだけでなく、登録されている可能性のあるすべてのカテゴリがここに表示されます。今のところ、おすすめを選んでみましょう。

OK。そして、検索可能な用語をいくつか追加しましょう。このデモでは、サンプルパターンを使用します。ただし、インサーターで検索しているユーザーのために、このパターンを説明する用語をここに追加できることを覚えておいてください。ここで複数語の用語を使用していることに注意してください。これらはパターンマネージャーでサポートされています。

OK。そして、説明を追加しましょう。これは視覚的に隠されているテキストであることを思い出してください。したがって、私の意見では、ここでの主な目的は、スクリーンリーダーを支援することです。では、これを色が反転した 3 つの列として説明しましょう。 OK。完全。私たちは今、良い場所にいるように感じます。実際に作業を保存できます。しかし、その前に、このファイルの右側のヘッダーに注意してください。 [パターンの更新] をクリックすると、突然、さらに多くのデータがここに表示されます。変更したばかりの説明、カテゴリ、およびキーワードはすべて、このファイルに触れなくてもここに表示されています。

OK。残りのメタプロパティを見てみましょう。まず、ビューポートの幅には非常に興味深いプロパティがあります。これは、このパターンをプレビューするためのスケーリングされた幅を表す整数であることを意図しています。したがって、デフォルトでは、パターンを作成するときは常に、全幅または非常に狭いものを作成するとします. WordPress コアのデフォルト設定では、プレビューでスケーリングが少し奇妙に見える場合があります。

だから投稿タイプ。これは単に、パターンが使用されることを意図した投稿タイプのスラッグの配列です。ここに値を追加すると、実際にはパターンが制限されるため、これらの投稿タイプでのみ機能することに注意してください。また、これを空白のままにすると、パターンがすべての投稿タイプで機能することにも注意してください。

次にブロック型です。これは別の配列ですが、今回はパターンが使用されることを意図したブロック型です。これらのブロックタイプを初めて使用したときは、少し混乱したことを認めなければなりません。用途は多目的に意図されているようですが、その背後にある意図は私の意見ではあまり明確ではありません。

そして最後に、挿入プロパティがあります。デフォルトでは、すべてのパターンがインサーターに表示されますが、それを変更したいとしましょう。このプロパティに false のブール値を追加するだけで、インサータで使用されなくなります。

パターンマネージャーに戻り、これらの残りのメタプロパティをどのように処理するかを見てみましょう。まず、これらの他のパネルを閉じます。ビューポートの幅を見てみましょう。これは、インサーターでのパターンのスケーリングされたプレビューを単に制御する整数値であることを思い出してください。これの現在の実装で苦労していることの 1 つは、作業の結果を実際に確認することです。

では、パターンファイルのヘッダーを変更し、ビューポートの幅を変更するとします。それがどのように見えるかを実際に確認する唯一の方法は、新しい投稿を作成することです。それは少し複雑になります。前後にジャンプするのは少し複雑すぎます。少し痛いです。そこで私たちがアプローチした方法は、単にスライダーにカーソルを合わせるだけで、すぐにプレビューが表示されるというものです。ドラッグしてさまざまなサイズを試すと、このパターンがどのように拡大縮小するかがわかります。これは非常に便利で、時間を大幅に節約できます。ここでは 1,200 を選びましょう。そして、投稿タイプに移りましょう。

このパネルについて最初に注意すべきことは、これらのツールチップの存在です。これらは、アプリを使用する際のガイドとして役立つ、ほんの少しの情報です。まず最初に、これは私がすでに議論したことを繰り返しているだけです。選択肢がなく、パターンファイルのヘッダーに投稿タイプが追加されていない場合、パターンはすべての投稿タイプで機能します。しかし、その下にモーダル可視性と呼ばれるこの設定があることに注意してください。

これは本当にクールな隠し機能です。基本的に、パターンファイルのヘッダーに正しいタイプのブロックタイプがある場合、ユーザーがターゲットタイプの新しい投稿を作成するたびに、モーダルが表示されます。そして、そのモーダルから直接パターンを選択できます。そして、私が言いたいことをすぐに正確に説明します。しかし、このトグルが実際に無効になっていることに注意してください。これは、投稿タイプが入力されていない限り、モーダル表示設定が機能しないためです。

そのため、投稿タイプが存在するまでトグルを無効にするだけです。 OK。これで、これをオンに切り替えることができます。そして、ディスプレイとインサータの切り替えは、ご想像のとおりです。これをオフにすると、ファイルのヘッダーに false の値が割り当てられます。そして、このパターンはインサーターに表示されなくなります。 OK。これを更新していきましょう。

それでは、これらすべてが投稿で実際にどのように機能するかを見てみましょう。というわけで、切り替えて実際に新しい投稿を作成します。すぐに、これは私が実際に話していたモーダルです。正しいブロックタイプと投稿タイプの両方がファイルに追加されるため、新しい投稿を作成するとすぐにこれが表示されるようになりました。パターンのプレビューをクリックするだけで、パターンがすぐそこに表示されます。

これはかなりクールですが、タグ付けが実際にどのように機能するかを見てみましょう。これが私が選んだカテゴリ、機能です。私のテーマのもう 1 つのパターンには、列とテキストのカテゴリがあるため、うまく機能しています。私の検索用語はどうですか？私の検索用語とサンプルパターン。それはうまくいっています。また、隠しテキストは 3 列で始まり、意図したとおりに機能しました。それは素晴らしいことです。

OK。それでは、話を戻して、残りのメタプロパティをもう 1 つ取り上げましょう。これは説明するのが少し奇妙です。代わりに見せるだけなら簡単な気がします。それでは、新しいパターンを作成してみましょう。そのためにあなたがしなければならないのは、このCreate New Patternボタンを押すことだけです. そして、ここでエディターに戻ります。この場合、コードブロックを選択します。このコードブロックでは、サンプルコードをいくつか貼り付けます。

これは、実際には WordPress のドキュメントから取得したものです。これは、PHP を使用してブロック変換を登録する方法です。したがって、このコードを取得して、お好みで関数ファイルに貼り付けることができます。これにどのようにアプローチするかをお見せしましょう。この変換されたブロックタイプセクションには、ドロップダウンがあります。このドロップダウンは、API 呼び出しを介して投稿タイプやカテゴリと同様に動的に入力されます。

したがって、ターゲットのタイプ (コア/コード) を検索して選択するだけです。もう一度説明すると、違いは、現在これを行う方法とパターンマネージャーを使用する方法にあります。今これを行うには、このコードブロックを探し出し、必要なコンテンツを正確に把握し、ブロックタイプを把握して、これをどこかに貼り付ける必要がありますが、パターンマネージャーでは、このフィールドを選択しただけです。ドロップダウンからこの値を選択しました。 OK。これを更新しましょう。そして、新しい投稿を作成します。そして、モーダルを終了しましょう。

今回は、コードブロックも選択します。しかし、実際にこれにコンテンツを入力する代わりに、ツールバーからこのオプションを選択するだけです。そして、このパターン選択に注目してください。パターンを選ぶとき、そこには私のパターンがあります。クリックすると、すぐにこのブロックがターゲットパターンに変換されました。

変換タイプでカバーするもう 1 つのことは、セマンティックブロックパターンと呼ばれるものの考え方です。これらはブロック変換に似ていますが、テンプレートパーツを対象としています。たとえば、ヘッダーとフッターです。しかし、そこには落とし穴があります。ターゲットテンプレートパーツブロックタイプを選択する際に知っておくべきことの 1 つは、正しいタイプの投稿タイプも割り当てられていないと機能しないことです。したがって、私たちがアプローチした方法は、このテンプレートタイプを割り当てるだけです。そして、それはロックされています。そして、このブロックタイプが実際に削除されるまでロックされたままになります。

このエディタービューの最初のデモはこれで終わりですが、ここでバックグラウンドでテーマを切り替える必要があります。次に、パターンビューに戻ります。ここでのポイントは、多くのパターンで Pattern Manager がどのように動作するかを示すことです。この特定のテーマには、50 以上のパターンが登録されています。

これらのさまざまなカテゴリをクリックすると、これらのパターンがすぐにフィルター処理されることに注意してください。たくさんのパターンの中から必要なものを見つけようとしているときに、これは非常に便利です。しかし、よりきめ細かな制御が必要だとしましょう。入力を開始するだけです。このフィルタリングは、Inserter と非常によく似た働きをします。それは本当に便利で、本当にきびきびしています。スナッピーと言えば、指摘すべきもう 1 つのことは、この UI がいかに速いかということです。

これらのプレビューは、実際にスクロールするまでロードされないことに注意してください。これは、ブラウザのリソースを節約するのに非常に優れたカスタム実装です。また、このアプリは、使用するパターンの数に関係なく、高速で非常に機敏に感じられます。わかった。このプレゼンテーションでは多くのことを説明しましたので、簡単に要約してみましょう。パターンは、個々のコンテンツ要素のキュレーションとページ全体のデザインとの間の興味深い交差点を表しています。

WordPress ビルダーとして、より大きなレイアウト要素を作成し、それらをテーマ全体で再利用できることは魅力的なアイデアです。ヘッダー、フッター、お客様の声、機能ボックス。これらはすべて、すべてのウェブサイトの特徴です。また、パターンを使用してサイト全体を簡単にデザインできるようになりました。

ブロックテーマの重要なコンポーネントとしてパターンが出現したにもかかわらず、WordPress 自体にはこれらのパターンを実際に作成または管理するための公式インターフェースはなく、ロードマップにも何もありません. 代わりに、ビルダーはコードエディターで手動でパターンを作成する必要があり、コードを何度もコピーアンドペーストする必要があり、エラーの余地がたくさんあります。

当社の製品である Pattern Manager は、ワークフローに組み込まれるように設計されています。プラグインをインストールしてアクティブ化するだけで、パターンのフィルタリング、作成、複製、編集、削除、およびこれらすべてのための最新の UI と、コアの WordPress エディターを使用した使い慣れたエクスペリエンスでのコンテンツ編集のエクスペリエンスが得られます。さらに、パターンファイルを適切にタグ付けする際の理解が困難な多くの複雑さ (たとえば、カテゴリやキーワードの追加、さらには特定のカスタム投稿タイプでのみ動作するように制限することさえあります) はすべて、UI で抽象化されています。ビルダーは、使いやすいサイドバーコントロールを使用して、これらの設定を完全に制御できます。

Pattern Manager がリリースされ、以下の URL からダウンロードできるようになりました。試してみて、ご意見をお聞かせください。そして、個人的に私に連絡して、あなたの考えを教えてください. ぜひパターンマネージャーをお試しください。そして、WordPress ビルダーのチームを助けたのと同じように、あなたにも役立つことを願っています. ありがとう。