これを押してください: Iin Poulson による Advanced Custom Fields 6.0 の新機能の詳細

公開: 2022-10-07

WMR の WordPress コミュニティポッドキャスト、Press This へようこそ。 各エピソードでは、コミュニティ全体からゲストが登場し、WordPress 開発者が直面している最大の問題について議論します。 以下は、元の録音の転写です。

レッドサークルが提供

Doc Pop : あなたは WMR の WordPress コミュニティポッドキャスト、Press This を聞いています。毎週、WordPress コミュニティのメンバーにスポットライトを当てています。私はホストの Doc Pop です。WP Engine での役割と TorqueMag.io での貢献を通じて、WordPress コミュニティをサポートしています。 Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm でエピソードを直接ダウンロードできます。

このエピソードでは、Delicious Brains と現在 WP Engine の Iain Poulson と一緒に座って、Advanced Custom Fields 6.0 の最近のローンチと、彼のチームがそのローンチでリリースしたクールな新機能について話します。イアン、今日はご参加ありがとうございました。

イアン・ポールソン:ありがとう。ここにいて良かった。

DP:あなたが来てくれてとても嬉しいです。私はこれについて少し知っているような気がしますが、あなた自身の言葉で聞きたいです. WordPress のオリジンストーリーは何ですか?

IP:ええ、2009 年に WordPress を紹介されました。すぐにその素晴らしさに気づき、友人や家族のためにいくつかのサイトを構築し始め、自分のブログを立ち上げて実行しました。その後、私はITとは関係のない仕事をしていましたが、それがより深刻になりました.ある時点で、妻と私はロンドンに引っ越しました.Facebookから離れて、この写真共有サイトを立ち上げました.家族だけが見ることができる非公開のWordPressブログだったと思います。しかし、私の妻はちょうど Instagram に夢中になっていて、Instagram から手動で画像を保存して Web にアップロードしたり、WordPress Web サイトに別の方法でアップロードしたりすることにあまり熱心ではありませんでした。 . そうそう、彼女の Instagram からウェブサイトにコンテンツを自動的に取り込むための初めてのプラグインを構築するきっかけになりました。そして、WordPress 内で何かを行う方法を考え出し、カスタムプラグインを作成し、それを自分の意志に合わせて調整する方法を考えただけで、バグが発生しました。

そうそう、それ以来、私は無料およびプレミアムのプラグインを開発してきました。そして、2013 年頃にフルタイムで WordPress でプラグインを構築しようとしていた IT の役割から離れ、ロンドンのエージェンシーでフリーランスの仕事をすることになりました。その間、Delicious Brains での役割を見つけました。これは 2014 年のことでした。私はフリーランスで、11 月に息子が生まれる予定だったので、8 月か 9 月頃にデリシャスブレインの仕事が飛び出すのを見たからだと思います。たぶん、子供を世界に連れてきて、私の人生にもう少し安定が必要なのかもしれないと感じました。それ以来、私はDelicious Brainsと現在のWP Engineに携わっており、これまでで最高のものの1つになっているため、残りは歴史です. そうですね、当時は良い決断でした。ええ、それは確かに長くて良い WordPress の旅でした.

DP:人々がどのようにして必要性を感じ始めたかについての話を聞くのが大好きで、多くの人が写真ブログから始めたようです. 私はすでに 2010 年のようにブログを書いていましたが、Instagram に夢中になりました。使用していた可能性は十分にあります。Integrate は Instagram 統合用のプラグインだと思います。どちらを使用したかはわかりませんが、ブログに接続した最初のものだったような気がします。だから私はあなたがそこでしてくれたことに感謝しています。

IP:クレイジーですね。それはインターネットの小さな世界です。

DP:ええ、それと、あなたが取り組んでいる他のプロジェクトの 1 つにもう 1 つだけ感謝したいのですが、Flip WP は、あなたが取り組んでいる非常にクールなプロジェクトがたくさんあるもう 1 つの優れたツールですが、 WP Engine で現在取り組んでいることについて、現在の役割についてお話します。今どこで何をしているのかなど教えていただけますか？

IP:ええ、もちろん、Delicious Brains がプラグインを買収して WP Engine に移行したことで、私は ACF のプロダクトマネージャーであり、Delicious Brains でそれを行っていましたが、他の多くの種類の役割も果たしていました。しかし、私は WP Engine のチームと協力して ACF に集中しており、成長を続けており、ACF の世話をしています。私たちはプラグインのスチュワードです。これは非常に長い間使用されてきたものの 1 つであり、元の作者であるエリオットから移されたものです。エリオットは、プラグインが素晴らしいので、彼に大きな賞賛を送りました。私は長年のユーザーであり、そのために開発してきました。それ以来、私はそれを愛しています.

だから、Delicious Brains を通じて、そして今は WP Engine でこのプラグインの世話をしています。プラグインをより良くし、より素晴らしいものにし続ける責任があり、それを愛する人が非常に多いため、コミュニティに対する一種の責任でもあります。そこの。何百万人ものユーザーが使用しています。そうです、WP Engine 内では、それが私の主な焦点であり、実際にそれに焦点を合わせて世話をするのは良いことです.

DP: A-Team [笑い] Advanced Custom Fields チームの規模はどれくらいですか。 A-Team [笑い] 皆があなたのバンに現れて、いくつかのフィールドをカスタマイズしましょう. 今のチームはどれくらいですか？

IP:ですから、現在は以前よりも大きくなっています。これは素晴らしいことです。なぜなら、Delicious Brains では、WP Engine の規模と比較して、とにかく一般的に小さな会社だったからです。しかし、製品には 2 人の開発者がいて、明らかに私自身がプロダクトマネージャーのような役割を果たしていましたが、開発者も管理していました。小さなマーケティングチームの一員であるデザイナーがいましたが、Delicious Brains 内の他のプラグインに取り組んでいたため、ACF 専任のデザイナーや ACF 専任のマーケティングチームだけではありませんでした。しかし今、WP Engine では、エンジニアが Atlas チーム内の既存のチームに加わり、現在 7 人の強力なメンバーになっています。これは素晴らしいことです。

また、専任のマーケティングチームと、必要なときに呼び出せる幅広い人々のチームを持つという利点もあります。 WP Engine が ACF を監視するようになったということは、より多くのリソースを呼び出すことができるということです。ですから、その状況下でどのように成長できるかをどのように知っているかを見るのが本当に楽しみです.

DP:開発者や他のユーザーが高度なカスタムフィールドを使用する方法をどのように説明しますか?

IP：ええ、それはどこにでもあるので面白いものです。誰もがそれを知っています。彼らはそれを使用します。これは、効果的にWordPressの優れた拡張機能であるため、さまざまな方法で使用できるスイスアーミーナイフです. 時間の経過とともに多くの人が「おそらくコアにあるはずだった」と言ってなくなったと思います。 WordPress は単なるブログプラットフォームではなく、長い間ブログプラットフォーム以上のものとしての地位を確立しようとしてきたことは明らかです。しかし、真の CMS としては機能が低下しており、ACF はそれを CMS にしただけだと思います。これにより、人々がクライアント向けに独自のオーダーメイドのコンテンツ管理システムを作成できる強力な種類の Web フレームワークになります。それはとても強力です。

その柔軟性のおかげで、ACF が非常に幅広い用途で使用されていることは間違いありません。クライアント向けのパンフレットのテーマを作成していて、会社概要ページやそのようなもの、または連絡先ページにいくつかのフィールドを追加しているために、それをインストールする人がいます。サイト全体で使用されるグローバル設定のオプションページ。しかし、それとは反対に、WordPress のユーザー管理や認証に頼っているため、現時点では Web アプリとほとんど同じである巨大な Web サイトを強化するためにそれを使用している人々がいます。彼らは何かをするためにカスタム投稿タイプを追加し、すべてのフィールドを追加しています。前に FlipWP について言及しましたが、それはマーケットプレイス Web サイトのようなもので、WordPress や ACF などで構築されています。

それはあなたが思っているよりも大きなものに力を与えており、大規模なサイトや興味深いユースケースで ACF を使用している企業について、ACF ブログからいくつかのケーススタディが公開されています。なぜなら、それが問題だと思います.ACFがどれほど強力であるかは、実際に使用するまで理解するのが難しく、マーケティングの観点からは課題です.ドキュメントサイトを見ると、理由を知らなければかなり.これらの機能の使用の遅れ。しかし、ケーススタディは驚くべきものです。なぜなら、サイトが達成しようとしていること、サイトがどのように見えるか、そしてこれが必要なことであるからです。これが、ACF が実際にサイト開発者を支援し、実際のユーザーがコンテンツを追加するのを支援している方法です。最新のものは寄付型のサイトです。ええ、これらの投稿のいくつかをチェックすることは間違いなく価値があり、ユースケースがいかに多様であるかを本当に強調しているため、さらに多くの投稿があります. 単純に言っても、Elementor のようなページビルダーで ACF を使用してサイトを構築しているユーザーの大規模なユーザーベースが存在することは間違いありません。したがって、あちこちにいくつかのカスタムフィールドがあり、それらをテンプレートに追加する従来の WordPress だけではありません。それだけではありません。

ACF の従来の側面であるブロックエディターからも移行し、現在は WordPress とフルサイト編集に対応しています。ブロックエディターを使用している ACF ユーザーがいますが、彼らは PRO プラグインの一部である ACF ブロック機能を使用していますが、これにより、人々は ACF フィールドと知っている PHP テンプレート言語を簡単に使用できます。それらは ACF 内で使用されますが、カスタムブロックを作成するために使用されます。また、カスタムフィールドの作成に必要なすべての JavaScript と React ツールをすぐにスキルアップして学習する必要もありません。そのため、ブロックベースの開発について知っていることと気に入っていることをシームレスに橋渡しすることができ、クライアントは、ますます採用されるようになっているブロックエディター内でコンテンツを作成することができます。しかし、それらの開発は ACF によって支援されています。ええ、確かに大きなスペクトルがあり、多くの人口統計とユーザーのタイプがありますが、それらの方法で ACF を使用しているすべての人を助けなければならないので、楽しいです。

DP:そして、新しいブロック機能と今後の機能について、そして短い休憩の後に Advanced Custom Fields 6.0 で何が登場するかについて、さらにお話しします。

DP: WMR で Press This a WordPress コミュニティポッドキャストを聴いていますね。私の名前はドック・ポップです。 Advanced Custom Fields の Iain Poulson が、数週間前にリリースされた Advanced Custom Fields 6.0 の新機能について説明しています。新機能について教えてください。

IP:そうです、6.0 は大きなリリースです。実際、多くの点で大きなものです。 WP EngineがDelicious Brainsプラグインを取得する前に開始されました。その主な焦点は、UI の更新です。時間も範囲も長く、長く感じました。その間にこの移行があったからです。だから、それは間違いなく長い間来ています。しかし、ええ、主な焦点は、古いプラグイン UI が与えられていることです。つまり、ACF の管理者は、ユーザーが行ってフィールドグループを追加し、フィールドグループにフィールドを追加し、すべての種類を定義します。その管理 UI にはスキンが変更されています。そして、オリジナルに近づけるように努めました。つまり、元の ACF は、管理者にとっては WordPress のように見えます。私たちはそれらの線に沿って滞在しようとしましたが、それを更新しようとしました.

私たちはすでに、UI を更新した他の Delicious Brains プラグインの更新を少しずつ展開してきました。そして、それはそれに沿ったものでした。しかし、それは単なる UI の変更ではありません。フィールドを編集するときのプラグインのユーザーエクスペリエンスの問題に対処しようとしました。ええ、それについては後で話そうと思います。必ずしもリリースにテーマがあるわけではありません。これはさまざまなものの集まりであり、UI が大きな役割を果たしています。また、ACF、特に ACF ブロックを使用すると、WordPress の機能と密接に関連していることがわかります。たとえば、WordPress が完全なサイト編集のようなものを変更するときは、それに対応し、最新の状態を維持する必要があります。 WordPress と ACF ブロックはその大きな部分を占めています。そして、それはそのリリースの内容のもう 1 つの大きな例です。

DP:更新された UI があなたにとって一種の情熱的なプロジェクトだったことは知っていますが、完全なオーバーホールではありません。しばらくの間抱えていたいくつかの問題を修正したり、物事を見つけやすくしたりするだけですか?

IP:ええ、それはこの種の軽いリスキンの組み合わせでした。更新して、もう少しモダンに見えるようにし、他のプラグインとある程度一致させましたが、いくつかに取り組む絶好の機会でもありましたユーザーエクスペリエンスの問題や欠点はありましたが、ACF は非常に長い間存在していたので、そこには受け入れられるものがたくさんあります。また、ユーザーエクスペリエンスには、初めてのユーザーにとっては良くないニュアンスが間違いなくあります。明らかに、物事のやり方に非常に慣れている多くの既存のユーザーがいますが、多くのことに取り組むことを試みました. 毎回私を襲う大きなことは、私はまだ ACF を個人のサイトやその他の目的で使用しており、Delicious Brains の Web サイトと Advanced Custom Fields の Web サイトに使用しています。

つまり、私たちは自社製品のユーザーですが、フィールドに行くたびに私を襲います. フィールドをクリックして設定を変更するとすぐに、フィールドドロワーが開き、ページ全体を占有します。これは、フィールドのすべての設定を表示するためのキッチンシンク全体のアプローチがあるためです。その 1 つのフィールドだけから画面を完全に引き継ぐことで、ちょっと迷ってしまうので、ナビゲートするのはかなり困難です。そのため、次のフィールドを見つけたり、次のフィールドを追加したり、前のフィールドに戻ったりするのは困難です。そのため、管理画面内ですべてが占めていた垂直方向の高さを削減しようとしました。

そのため、最大の利点は、以前はレイアウトされていたフィールド設定を次々と使用して、ページの長さを増やしたことです。そして、設定を論理的にグループ化し、タブの後ろに配置しました。したがって、フィールド設定が自然にはるかに小さくなるため、垂直方向の間隔の改善は非常に大きくなります。したがって、通常のサイズの MacBook 画面などで、おそらく 3 つのフィールド設定を見ることができます。しかしまた、新しいフィールドを追加したいと思っている新規ユーザーが、突然、これらすべてを投げつけられることに圧倒されることはありません。彼らは論理的な順序でタブをたどり、次のように考えることができます。必須にしたいですか？これに何らかの条件付きロジックが必要ですか?」そして、おそらく以前よりもはるかに多くのフィールドを作成する経験を通じて、彼らを導きます.

ええ、もう 1 つのことですが、フィールド編集画面にいて、たくさんのものが開いているのを見ると、考えるのが非常に難しくなります。どうすればそれを閉じることができるでしょうか。 [新しいフィールドの追加] ボタンを追加または検索できるように、より限られたスペースに戻るにはどうすればよいですか。そのため、クリックしてフィールドドロワーを閉じることができる場所を改善しました。開いているか折りたたまれているかを示すシェブロンのような小さな矢印があります。以前は、閉じる方法を見つけるのがかなり面倒でしたが、今ではすべてクリック可能です。そして、このツールバーが上部にあり、スクロールしても固定されたままになります。そのため、ページのどこにいても常に上部に表示され、[フィールドグループの保存] ボタンが表示されます。そのため、変更を保存するために一番上までスクロールする必要はありません。 [フィールドの追加] ボタンがあるので、新しいフィールドを追加する必要があるときは常にそこにあり、基本的なことを行うためだけにレイアウトや UI と格闘する必要はありません。ええ、そうです、これらの多くのこと自体は小さいように見えるかもしれませんが、一緒にすると、合計で間違いなくいくつかの改善があることを願っています.

DP : それはあなたが話しているリピーターのページネーションでしたよね?

IP:つまり、それは 6.0 で導入された独自の機能です。しかし、フィールドグループを編集していて、このフィールドに 100 個のフィールドがある場合、またはこのフィールドグループにも 10 個のフィールドがある場合のようなものでした。ここでフィールドを定義します。フィールドをクリックして開くと、画面全体が占有されます。そして、「その下の設定を変更したい」ということを見つけなければなりません。そして、ナビゲートするのはかなり難しいです。それは、プラグイン管理の一部であるフィールド定義だけです.

しかし、そうです、Repeater Pagination は良いコールアウトです。これは 6.0 リリースの大きな部分でもあるからです。したがって、この背後にあるいくつかのコンテキスト、PRO プラグインの一部であるリピーターフィールドは、ユーザーがリピータータイプのフィールドを定義し、このリピーターにサブフィールドを追加できるようにします。たとえば、非常に単純な代理店の Web サイトがあり、すべてのスタッフを表示したいが、誰かがそのデータを入力する必要があるとします。そして、それは 10 人、20 人、30 人、または何人ものスタッフである可能性があります。リピーターフィールドを使用すると、このフィールドにはスタッフリストのデータが含まれ、サブフィールドは「名前」になります。テキストフィールドになります。

次は「位置」かもしれません。それは、ドロップダウン、データのセット、位置のリストであり、アバターや顔写真の画像があるかもしれません。たとえば、About ページを表示していて、WordPress 管理画面で About ページを編集している場合、この繰り返しデータセットを含むこのメタボックスが表示されます。入って、新しいスタッフを追加すると、名前と定義したすべてのフィールドに入力できます。そして明らかにフロントエンドで、デザイナーがレンダリングしたい方法 (グリッドまたはリストビューなど) でレンダリングされます。それがリピーターの力です。

これは驚くべきことですが、もちろん、ACF の使用例もさまざまです。そのため、5 つの異なるデータ行をリピーターフィールドに保存しますが、内容によっては、数千行のデータを保存するために使用することもあります。リピーターをこのように使用する際の最大の問題は、6.0 より前の ACF 5 以前では、リピーターフィールドデータを含むページを編集すると、データのすべての行が読み込まれ、これにより、ページ全体の読み込みが遅くなります。

タイムアウトの問題は確かに時々あります。同様に、Repeater でデータを追加または編集しているときに [Save Post] を押すと、保存するためにすべてのデータを送り返す必要があります。つまり、おそらく 5 つか 10 のサブフィールドを含む何千もの行を送り返します。そのため、サイトでパフォーマンスの問題を引き起こす可能性のあるデータを大量に入力すると、読み込みや保存に失敗する可能性があります。そして、ご存知のように、人々は、つまり、これは私たちが長い間持っていたものであり、問題があるという理由で問題をサポートするために来ています。そのため、私たちが試みたのは、これらのタイプのリピーターフィールドの問題を軽減することです。この例では機能しません。または、スタッフメンバーが 20 人いる場合、スタッフメンバーと一緒に示した例では必要ありません。これは、ロードが速く、保存するデータが大量ではないためです。

しかし、大規模なデータセットを持つユーザーにとって、6.0 に追加された Repeater Pagination 設定は、これを回避する方法です。 Repeater Layout 設定の 1 つはテーブルグリッドのようなもので、基本的に Repeater Pagination 設定をオンにすると、1 ページに表示する行数を指定できます。投稿またはページ編集ビューでは、ページが読み込まれると、たとえば最初の 10 レコードのみが読み込まれます。これは、1,000 レコードを読み込むよりも途方もなく高速になります。

そして、彼らは次のページに進み、最後のページに戻ることができます。また、その場でデータをロードするため、ロード中にデータを保持することはありません。その最大の部分の 1 つは、データを保存する方法でもあります。すべての行を送り返すのではなく、保存を押したときに行が変更されたかどうかに関係なく、実際に変更されたデータのみを送信します。つまり、新しいレコード、削除されたレコード、および既存のレコードの更新です。したがって、保存もはるかに速くなります。それが理にかなっていれば、必要でない限り、おそらく必要としないものの1つです。しかし、大量のデータを扱う人にとっては天の恵みです。

DP:もちろんです。これについてもっと詳しく知りたいのですが、少し休憩してから、Advanced Custom Fields の Iain Poulson に戻って、Full Site Editing が ACF で物事をどのように変えたかについて話します. お楽しみに。

DP: WMR の WordPress コミュニティポッドキャスト、Press This を聞いていますね。 Advanced Custom Fields の Iain Poulson と一緒にホストを務める Doc Pop です。ACF 6.0 は多くの大きな改良を加えてリリースされました。 UI で何が起こっているのか、その側でいくつかの大きな変更が行われていることについて話しました。 Iain さんがよく話題に上るのは、サイト全体の編集とその WordPress への影響です。また、Advanced Custom Fields のような巨大なプラグインについては、フルサイト編集が ACF にどのような影響を与えるのでしょうか?

IP:ええ、確かに効果があったと思います。明らかに、私たちは ACF ブロックを使用したブロックエディターの開発に対応しているため、それは私たちが試し、維持し、確実に維持するようにしなければならなかったものでした.と互換性があります。

面白いことに、Full Site Editing が登場する前は、WordPress のどのバージョンがあったかさえ覚えていませんが、それが登場する前は、クエリループブロックのブロックタイプがWordPress 5.8 でリリースされる可能性があると思います。それは完全なサイト編集の前でしたが、ACF ブロックをそれに対応させる必要がありました。彼らはまた、従来のウィジェットの代わりにブロックを利用したウィジェットエディターを導入したため、ACF ブロック関連のすべてがそれで動作することを確認する必要がありました。

そうですね、ACF ブロックの動作に大幅な改善を加えました。そして、ACF を使用した InnerBlocks のアイデアのように、それをかなり頻繁に使用している人々。 6. したがって、ACF ブロックを使用してブロックエディターに傾倒している ACF ユーザーが、プラグインとして知られているフルサイトエディターと WordPress 開発の Gutenberg で可能な限り最高のエクスペリエンスを得られるようにしています。急速に変化し、常に変化しています。ですから、私たちはそれに追いつく必要があります。私たちは常に社内でそれについて話し合っていますが、ブログ投稿でも、6.0 はほぼ ACF ブロックバージョン 2 であり、開発者と人々が ACF ブロックを登録する新しい方法を提供したため、ブロックドット JSON を利用できるようになりました。 ACF ブロックを登録するためのフォーマット。これは、WordPress の方法、カスタムブロックを WordPress にネイティブに登録する方法とより一致しています。

しかし、それを行うことで、WordPress がそのブロックドット JSON 形式に与えるすべての利点を得ることができるということです。ブロックに追加された新機能は、ブロックを登録するのと同じ方法を使用しているため、自動的に ACF ブロックに渡されます。 ACF ブロックと ACF をフルサイト編集とブロックエディターに合わせて維持するために、私が考えていたよりも多くの作業があったことは間違いありません。、完全なサイト編集は確かにかなり重要です。

DP:ええ、もちろんです。そして、ACF 6.0 が基本的に ACF ブロックのバージョン 2 であると考えるのは興味深いことです。まだお話しできていないことがたくさんあります。変化がたくさんあります。番組の最後には、あなたのことやあなたが取り組んでいることについてもっと知りたい、質問があれば聞いてもらえる方法を紹介します。この新しいバージョンの Advanced Custom Fields で最も興奮している機能は何ですか?

IP:個人的には、おそらくリピーターのページネーション機能だと思います。なぜなら、これに見舞われた場合、生活の質が本当に向上するからです。しかし、それはまた、私たちが自分自身に出くわしたこれらのことの1つでもあります. 私たちは、ご存知のように、deliciousbrains.com サイトで Repeater Field を使用してきました。これは、私が過去に頻繁に使用したものです。しかし、これとまったく同じ種類の問題に見舞われ、それを回避する必要がありました。そして、パフォーマンスの問題を確認しました。したがって、このページネーション設定は、私たちのサイトで作業している開発者に「ACF 6.0 ビルドをチェックアウトして、これが改善されるかどうかを確認したいですか?」と言うことができるのは素晴らしいことです。そして、それは「ええ、すごい、私たちが抱えていた多くの問題を処理してくれている」というようなものです. ええ、それは個人的なものです。

DP:ええと、私が言ったように、私たちが話せなかったことがたくさんあります。 Advanced Custom Field 6.0 には多くの新機能が追加されています。イアン、今日はお時間をいただきありがとうございます。 Iain が取り組んでいることについて詳しく知りたい場合は、Twitter の @polevaultweb にアクセスするか、advancedcustomfields.com にアクセスして高度なカスタムフィールドの詳細を確認してください。

WMR の Press This WordPress コミュニティポッドキャストをお聴きいただきありがとうございます。 Twitter @thetorquemag で私の冒険をフォローするか、torquemag.io にアクセスして、毎日このようなチュートリアルやビデオ、インタビューを投稿してください。 Torquemag.io をチェックするか、Twitter でフォローしてください。 Red Circle、iTunes、Spotify で Press This を購読するか、wmr.fm から直接ダウンロードできます。私はあなたのホスト Doctor Popular です。WP Engine での役割を通じて WordPress コミュニティをサポートしており、毎週 Press This でコミュニティのメンバーにスポットライトを当てるのが大好きです。聞いてくれてありがとう。