DE{CODE}: 最新のテーマと WordPress の未来: サイト全体の編集とその先の作業

WordPress 5.9 では、完全なサイト編集がコアに導入されました。これは、WordPress で Web サイトを構築する方法が大きく変化したことを示しています。 この DE{CODE} セッションでは、WP Engine Developer Advocate の Nick Diego に参加して、これらの変更点と、それらを活用してより優れた Web サイト (最新の WordPress の方法) を構築する方法について説明します。

セッションスライド

全文トランスクリプト

NICK DIEGO : こんにちは。「WordPress でのフル サイト編集とモダン テーマの未来」へようこそ。 私の名前は Nick Diego です。ここ WP Engine の開発者アドボケイトです。 私について少しお話ししましょう。WordPress を使い始めたのは 2012 年のことです。私は主にプラグイン開発者でしたが、それ以来、ブロック テーマで多くのことを行うようになりました。 私は実際に2021年11月にWP Engineに参加したので、これは私にとって新しいギグのようなものです. 私はブロックとパターン、そしてすべてのフルサイト編集に情熱を注いでおり、そのため、今日このプレゼンテーションを行うことにこれ以上ないほど興奮しています.

では、フルサイト編集とは何ですか? ここ数年、私たちはそれについてよく耳にします。 つまり、実際には「ブロックの使い慣れたエクスペリエンスと拡張性を、投稿やページだけでなく、サイトのすべての部分にもたらす機能のコレクション」です。 つまり、実際には、サイト エディター、グローバル スタイル、テーマ ブロック、テンプレート、そしてもちろんブロック テーマなどを含む一連の機能です。

そのため、今日の会話では、いくつかの異なることを取り上げます。 基本から始めましょう。 特に用語の観点から、全員が同じページにいることを確認したいと思います。 次に、ブロック テーマの構造、グローバル スタイル、theme.json ファイルを含む設定内について説明します。 最後に、モダン テーマについての私の考えと、それがどのようなものになるかについて説明します。

今日のプレゼンテーションでは、さまざまな例を使用します。それらは、2022 年 1 月に WordPress 5.9 に含まれていた 2022 テーマのものになります。これは、Core によって開発されたブロックテーマです。 WordPress チームであり、開始するのに最適な場所であり、プラグイン リポジトリで利用できるため、例として使用するのにこれ以上のテーマはありません.

今日もまた、基本から始めましょう。 ブロックほど基本的なものはありません。 したがって、ここ数年 WordPress を使用している場合は、おそらくブロックに精通しているでしょう。 それらは、WordPress のコンテンツの基本単位です。 画像のギャラリーへのテキストの段落にすることができます。 ほぼすべての形式を取ることができます。 サイト全体の編集の背後にある考え方は、近いうちに、または今すぐに、Web サイトのすべてがブロックになるということです。 それがどのように機能するかについて詳しく説明します。

ここでは、現在 WordPress にあるさまざまなブロックの例を示します。 左の 2 つの列は、よく知られているはずです。 段落、見出し、カバー ブロックなどがあります。 今年リリースされた 5.9 には、テーマ ブロックと呼ばれるものがあります。 これらは、従来、WordPress 内から直接編集できないコンテンツであるブロックです。

これらには、サイトのロゴ、クエリ ループ、投稿の抜粋、投稿者などが含まれます。 これらはすべて、PHP ベースのテンプレート ファイルとコードに直接書き込むか、これらの領域の編集を支援するサードパーティのプラグインを使用する必要があるすべての種類のコンテンツです。 そして、これらはすべて WordPress に来るか、すでに来ており、ユーザーが直接編集できるようになっており、すべてブロックの形をとっています。

次に、パターンについてお話したいと思います。 パターンは、サイト全体の編集エクスペリエンスの土台のようなものです。 パターンはそれ自体で完全な会話になる可能性がありますが、慣れていない場合は、パターンのプレビューを少し紹介します。 繰り返しますが、パターンは、特定のレイアウトを形成するブロックの事前定義されたコレクションです。 パターンは、何らかのスタイリングを備えた単一のブロックである可能性があります。 複数のブロックである可能性があります。

パターンを使用すると、ユーザーは一度に 1 ブロックずつ手動でデザインを作成する必要がなく、ワンクリックでデザイン全体をサイトに直接挿入できるため、サイトの開発が大幅にスピードアップします。 この美しいウェブサイトのデモを見て、そこにすべてのコンテンツが含まれていることを覚えていれば、これも非常に便利です。 テーマをインストールすると、どうすればそのデモを入手できますか? テーマの作成者は多数のページ レイアウトや個々のデザインを提供できるため、パターンを使用すると、ユーザーはそれらをワンクリックで挿入して、テーマを選択したときに見て惹かれたデモを取得できます。

ここで簡単にパターンを見てみましょう。 簡単な見出し、いくつかのテキスト、いくつかのボタンがあります。 これも 1 回クリックするだけでページに挿入できます。ここでは、見出しブロック、段落ブロック、ボタン ブロックの 3 つの異なるブロックで構成されていることがわかります。

今年リリースされた 5.9 では、パターン エクスプローラーが導入されました。 先ほどお話しした 2022 年のテーマは、すべての例で使用しているもので、ハッチェリー テーマと呼ばれています。たくさんの鳥です。 ここのパターン エクスプローラーを見ると、テーマ作成者が作成したさまざまなデザインがたくさんあります。

したがって、ユーザーとして、私はこれらのいずれかをサイトに直接挿入することができ、テーマの作成者がテーマを設計したのと同じ美学を得ることができます。そのため、そのスピーカー シリーズ、いくつかの鳥を並べて、好きなものを何でも使用できます。 パターン、およびテーマと共に提供されるパターンは、サイト全体の編集エクスペリエンスにとって非常に重要です。

次に、エディタがあります。 エディターについて語らずにはいられません。 WordPress を使用している場合は、おそらくこれに非常に精通しているでしょう。 しかし、これについて言及したいのは、エディターは過去にさまざまな名前で呼ばれてきたからです。ブロック エディター、グーテンベルク、グーテンベルグ エディターなどです。 この議論の目的のために、単に編集者と呼ぶことにします。 それが正式名称で、ここに表示されるものです。 繰り返しますが、これは 2018 年後半に WordPress 5.0 で導入されました。

したがって、エディター内でインサーターをクリックするだけで、ブロックとパターンを挿入できます。 次に、サイト エディターについて説明する必要があるため、画面を表示したいと思います。 最終的には、サイト エディターのサイト プレフィックスはおそらくなくなり、エディターだけになります。 しかし、サイト エディターは、さまざまなテンプレート、テンプレート パーツ、スタイル オプションなどの間を直接編集および移動できる、まとまりのあるエクスペリエンスです。

基本的に、Site Editor は、ここ数年で慣れ親しんだ標準のエディターを次のレベルに引き上げ、現在はすべてブロックによって強化されている Web サイトの追加領域をユーザーが編集できるようにします。 そのため、WordPress 5.9 ではフルサイト編集が導入され、それに伴いサイト エディターが導入されました。 5 月にリリースされる 6.0 では、これに多くの機能強化が加えられます。これは非常にエキサイティングなことです。

したがって、2022 のようなブロック テーマを使用している場合は、サイト エディターにアクセスできます。 上部のサイドバーと外観セクションの下の 2 つの方法があります。 サイト エディターは、非常に強力で、管理者のみが利用できるの一部であるためです。 編集者の皆さん、心配はいりません。サイト エディターにアクセスすることはできません。 サイト エディターにアクセスするには、管理者である必要があります。

ここに飛び込むと、標準のエディターと非常によく似ていますが、少し違うことに気付くでしょう。 この上部にホームがあります。 これは、実際に home.HTML テンプレートを編集していることを示しています。ページには、個別に編集できるいくつかの異なる領域があります。 ご覧のとおり、ヘッダーとフッターがあります。

ですから、これは今までできなかったことです。 home.PHP を編集することはできませんでしたが、他のサードパーティの拡張機能なしではなく、インターフェイスから直接 HTML テンプレートを編集できるようになりました。

ページとリスト ビューをクリックすると、クエリ ループがあることがわかります。 繰り返しになりますが、これらのよく知られた構築テーマは、テーマのテンプレート内でループを構築することに非常に非常に精通している可能性がありますが、ここでは、クエリ ループを使用してブロックですべてを行うことができます。 また、投稿のタイトル、注目の画像、投稿の抜粋、投稿の日付など、他のテーマ ブロックもいくつか表示されます。 これらはすべて、コーディングを必要とせずに、インターフェイスからユーザーが移動および変更できます。

小さな WordPress アイコンまたはサイト アイコンをクリックすると、このサイドバーが表示されます。 そして、すべてのテンプレートとテンプレート パーツにアクセスできることがわかります。 ここで、流れに注目したいと思います。これらの画面はすべて完全に開発中です。 サイト全体の編集はまだベータ版であり、多くの改良と改善が予定されています。 今日私たちが見ているものは、6 か月後には同じようには見えないかもしれませんが、素晴らしいスタートです。

したがって、テンプレートに移動すると、2022 に含まれるすべてのテンプレートが表示されます。ページ、インデックス、ホーム、404 などの見慣れたテンプレートが表示されるはずです。次に、テンプレート パーツに移動すると、いくつかのカスタムが表示されます。テーマ作成者によって含まれていたテンプレート パーツ。 したがって、いくつかの異なるヘッダーとフッターがあります。

ここでも、これらはすべてユーザーが編集できます。 ここに小さな点が表示されている場合、このヘッダー テンプレート パーツが私によって編集されていることがわかります。 これで、テンプレート パーツまたはテンプレートを編集すると、それらの変更がデータベースに保存されます。 テーマのテンプレートを実際に変更することはありません。これは、いつでもテーマ テンプレートまたはテンプレート パーツに戻すことができるため、優れています。

ここをクリックすると、ヘッダー テンプレート パーツの編集を開始できます。これらすべてがブロックで構成されていることがわかります。 したがって、投稿やページを編集するときにエディターで使用するのと同じエクスペリエンスです。 すべてのテンプレートとテンプレート パーツに対して、サイト エディター内でこれを実行できるようになりました。

以上で、サイト エディターとそのしくみについて簡単に説明しましたが、ここでは、サイト全体の編集の主要な基本コンポーネントであるブロック テーマの構造についてお話したいと思います。 では、ブロックテーマの構造はどのように機能するのでしょうか? 実際には、いくつかの異なるカテゴリに分類されます。 そのため、ブロックテーマがあります。 彼らは完全なサイト編集を完全に取り入れています。 テーマ テンプレートは完全にブロックで構成されています。 テンプレートとテンプレート パーツは、PHP ではなく HTML です。

そして、ブロックのテーマは非常にシンプルであることに注意してください。 必要なのは、style.CSS ファイルと index.html ファイル、および index.PHP ファイルで構成されることだけです。 この PHP ファイルは、従来の WordPress テーマ開発の名残りのようなものであり、将来的にはなくなる可能性があります。

最後に、ほとんどのブロック テーマには、theme.JSON ファイルが含まれています。 これについては別途説明します。 これは、グローバル設定とスタイルに関する非常に重要なトピックです。 それでは、テーマのファイル構造を見てみましょう。 これは 2022 年で、2022 年内のファイル構造の要約版です。これらの必要なファイルはここで確認できます。

次に、いくつかのフォルダー、つまり Templates と Template Parts があることにも気付きます。 これらの各フォルダー内には、各テンプレートおよびテンプレート パーツのすべての HTML ファイルがあります。 ここに表示されていないものは、実際には非常にエキサイティングなので、これをこっそり入れたかったのですが、Gutenberg プラグインであり、この将来のすべての開発フルサイト編集が行われている場所で、実際に最近 Patterns という新しいフォルダーが導入されました. そのため、実際にパターン ファイルを Pattern フォルダー内に配置すると、WordPress がそれらを登録します。 ほんの少しだけ。 Gutenberg とすべての新機能をチェックすることを強くお勧めします。

しかし、ここでスライドに戻ります。 テンプレートとテンプレート パーツがあります。 そして、それぞれの個別の HTML ファイルを見ることができます。 さて、これがどのように機能するかをもう少し理解するために、404.HTML ファイルを見てみましょう。 これは、コードに飛び込むか、このテンプレートを編集できるサードパーティのリソースを使用しない限り、直接編集できないサイト内のファイルまたはページです。

サイト エディターに戻ると、404 ページがここにあることがわかります。 それをクリックすると、ユーザーはそのテンプレートのさまざまなコンポーネントを編集できるようになります。 ただし、このテンプレートを構成する実際の HTML コード、つまり実際にテーマに含まれるコードを見てみましょう。

ここに、404.HTML ファイルがあり、多数のマークアップが含まれていることがわかります。 上部と下部から始めて、テンプレート パーツ ブロックの仕様があることがわかります。 これが行っていることは、登録済みのテンプレート パーツを参照し、それらをテンプレートに取り込むことです。 ここに戻ると、footer.HTML 部分と header.HTML 部分があることがわかります。 そして、それがここで参照されているものです。

これは、他のブロックで構成されたテンプレートを取り込むことができるユニークなブロックです。 もちろん、ヘッダーを構成するすべてのブロックとフッターを構成するすべてのブロックを含めることもできますが、テンプレート パーツを参照することで、すべてを 1 か所で実行してから、同じテンプレート パーツを適用できます。これは、従来の WordPress で PHP を使用する場合と同様です。

さて、さらに見ていくと、いくつかのマークアップがあり、メインのマークアップだけがあり、さらに div があります。 これについてはあまり深く掘り下げるつもりはありません。 ここでいくつか興味深いことが行われています。つまり、ここのレイアウトは true で、いくつかのレイアウト設定を行っていますが、これはページの一般的なマークアップである 404 パターンにすぎません。

さて、私はパターンについて言及しました。 このテーマの 404 は、実際にはパターンにバンドルされています。 したがって、404 コンテンツを構成するすべてのブロックはパターン化されています。 そして、実際にそのパターンを参照し、それらのブロックをプルするパターン ブロックがあります。 もちろん、404 ページを構成するすべてのブロックをここに含めることもできますが、それらをパターンに入れて参照することで、管理が少し簡単になります。

サイト エディターに戻ると、コンテンツが表示され、さまざまなセクションが表示されます。 一番上の部分は、ヘッダー テンプレート パーツが取り込まれていることです。そして、明らかに、メイン セクションは、取り込まれている 404 パターンです。そして、これらはすべてブロックであるため、通常どおりに編集するだけです。 . 大胆にすることができます。 色を変えることができました。 ブロックを削除したり、ブロックを追加したりできます。

非常に簡単で、コードを編集する必要はまったくありませんでした。 コードがどのように機能するかを理解する必要はありましたが、コードに触れる必要はまったくありませんでした。 満足したら、[保存] をクリックします。 繰り返しますが、これらの変更はデータベースに保存されるため、実際にテーマ ファイルを変更するわけではありません。 したがって、変更を元に戻す場合は、テーマが提供しているものに戻ります。

サイト エディターの優れた点の 1 つは (繰り返しますが、これはまだ開発中です)、新しいテンプレート パーツを追加できることです。 繰り返しになりますが、このテーマはさまざまなヘッダーとフッターを追加しますが、さらに追加したい場合はどうすればよいでしょうか? サイドバーが欲しかったのかもしれません。 異なるコンテンツ セクションが必要だったのかもしれません。 これは、サイト エディター内で直接行うことができます。

繰り返しになりますが、このフローは改善される予定です。より多くの機能、機能が追加されます。 しかし、それは現在機能しており、ここですべてを追加できます. 注意すべきことの 1 つは、まだ Site Editor 内でテンプレートを追加できないことです。 WordPress エディター内の別のインターフェイス内で実行できますが、サイト エディターではまだできません。 しかし、それは来るでしょう。

これの最後の部分は、これらすべての変更を行うことについて話しました。 すべての変更を実際に来る単一のテーマとしてエクスポートできたらどうでしょうか。それがテーマの開発にどのように影響するかを見るのは実際には非常に興味深いことです。 そのため、Gutenberg の最新リリースでは、すべての変更と元のテーマをエクスポートできるようになりました。

それらはマージされ、テーマ内のファイルにすべての変更が適用された新しいテーマとしてエクスポートできます。 2022 年を想像してみてください。それをアップロードします。 すべての変更を行います。 一部のテンプレートを変更してから、完全なテーマをエクスポートできます。 これは、将来のテーマ開発に非常に興味深い意味を持ちます。

次に、グローバル設定とスタイルについて説明する必要があります。 これがその theme.JSON ファイルです。 これは WordPress にとってまったく新しいことであり、トリッキーであると同時にエキサイティングです。 したがって、2022 年のテーマを振り返ると、そのファイルが一番上にあることがわかります。 そして、theme.JSON ファイルに飛び込むと、それは実際には 5 つのセクションであり、そのうちの 1 つはバージョン番号だけです。

そして、カスタム テンプレートとテンプレート パーツについて簡単に説明します。 つまり、WordPress が自然に認識しないカスタム テンプレート、完全にカスタム テンプレートがある場合、ここで登録できます。 これは、ヘッダーやフッターなどのすべてのテンプレート パーツを登録する場所でもあります。 Index、Page、Post などの従来のテンプレート (WordPress が一般的に認識するテンプレート) は、ここに配置する必要はありません。カスタムのテンプレートと、もちろん独自のテンプレート パーツを配置するだけです。

しかし、theme.JSON の本質は、設定とスタイルのセクションです。 したがって、最初に設定を見ると、ここで多くのことが行われています。 繰り返しますが、これは非常に要約されています。 ただし、上部はグローバル設定です。 これらは、サイト全体のサイト エディターとエディターに影響を与える設定です。 これらには、境界線、色、タイポグラフィなどが含まれます。 ここで、テーマのカラー パレット、テーマのタイポグラフィ設定、フォントなどを設定します。

また、ブロック レベルの設定もあります。たとえば、サイト全体のカラー パレットを設定し、その後、段落ブロックやボタン ブロックなど、より小さなカラー パレットやまったく異なるカラー パレットを設定できます。 したがって、非常に多くの柔軟性が提供されますが、設定はエディター内またはブロック内でユーザーが使用できる機能です。

もう一度色を見ると、ここでパレットが定義されています。 前景色、背景、原色、黒、白、そして一種の森の緑があります。 次に、エディタに移動すると、カラー ピッカーがポップアップすると、ユーザーが選択できる色が定義されていることがわかります。

では、スタイルに入りましょう。 したがって、スタイルは基本的に CSS のようなものです。 そのため、従来はすべての CSS を styles.CSS ファイルまたはその他のセットアップに追加していました。 ただし、theme.JSON のスタイル セクションを使用すると、ブロック レベルでスタイルを設定したり、テーマ全体にわたってグローバル レベルでスタイルを設定したりできます。 これらはデフォルトのようなものだと考えてください。なぜなら、エディターだからです。要点は、ユーザーがそこに入り、ブロックを使用して好きなように変更および変更を開始し、サイトを設計できることです。

ただし、デフォルトが必要であり、theme.JSON のスタイル セクションに設定されているこれらがそのデフォルトです。 繰り返しになりますが、グローバル カラーやグローバル タイポグラフィのようなグローバル スタイルがあり、ブロック レベルでスタイルを設定することもできます。 したがって、グローバル スタイルに関する問題は、テーマの背景色を設定する場所です。 ここで、見出しのフォント サイズ、リンク、テキスト、見出しなどのさまざまなタイポグラフィ オプションを設定します。 ブロックレベルでも同じことができますが、特にブロックに対してです。

さて、先ほどお話しした設定セクションの優れた点の 1 つは、設定を作成するたびに、WordPress が変数を定義することです。 そのため、そのカラー パレットを見ているときに、背景、前景、およびプライマリを定義しました。 WordPress は、プライマリ、フォアグラウンド、バックグラウンドに設定されている 16 進コードに関係なく、その 16 進コードに対応する変数を実際に生成します。

スタイルでは、これらの変数を使用して、グローバル スタイルとブロック レベル スタイルの両方のスタイルを定義できます。 これの利点は、ユーザーが背景色を変更した場合に、theme.JSON のスタイル仕様を通過することです。 ブロックセクションを見ると、ここにボタンブロックがあり、これはテーマデザイナーからのものです。

ボタンのデフォルトの色を緑にして、テキストを白にしたかったのです。 ボタン ブロックの色セクションで、背景色をその原色であるフォレスト グリーンに定義し、テキストを背景色である白に定義していることがわかります。 したがって、theme.JSON 全体でこれらの変数を使用して、ブロックとサイト自体のスタイルを定義できます。

さて、これは先ほど触れたグローバル スタイルと結びついています。 サイト エディタに戻り、上部にあるこの小さな 2 色の円をクリックすると、グローバル スタイル パネルが開きます。 さて、ここでは多くのことが行われているので、それがどのように機能するかを簡単にデモンストレーションします。 ただし、2022 テーマまたは別のブロック テーマをダウンロードして、真にグローバルなスタイルを探求することをお勧めします。

ここに飛び込んで色を見て、それをクリックすると、テーマによって提供されるカラーパレットと、背景、テキスト、リンクなどのいくつかの異なる要素があることがわかります. ここで見ているこのパネルでは、サイトのグローバル要素を編集しています。 そこで例えば、サイトの背景についてお話しました。 今のところ、白です。 背景をクリックすると、ここに入ることができ、白が選択されていることがわかります。 これは、theme.JSON で設定した色です。

でも、この桃色が本当に好きだったら？ そうですね、ワンクリックでクリックできます。 当サイトの背景色がピーチになりました。 したがって、これにより、ユーザーはニーズに合わせてサイトを完全に変更する前例のない制御が可能になります。 しかし、やはり theme.JSON は、テーマ開発者としてユーザーに提供するデフォルトを提供しており、ユーザーはそこからそれを取得できます。

以上で、サイト全体の編集とサイト エディターとブロック テーマの概要を簡単に説明しました。 しかし、少し時間を取って、モダン テーマの将来についての私の考えについて話したいと思います。 したがって、モダン テーマについて考えるとき、モダン テーマは開発よりもデザインを重視すると思います。 さて、あなたは考えているかもしれませんが、テーマのデザインは常にデザインに関するものです。

しかし、従来のテーマ開発を振り返ってみると、多くの実際のコーディングを行う必要がありました。 すべてのテンプレート ファイルは PHP でした。これを正しく行うには、WordPress と PHP 開発に関するかなりの知識が必要でした。 まあ、それは一種の変化です。 エディターを使用すると、サイト エディターと従来のエディターの UI 内で直接テーマを設計できることがわかります。

そして、それがテーマの設計方法において重要な役割を果たします。 私は WP Engine の開発者支持者であり、私たちのチームでは Frost という実験的なテーマを構築しています。 また、新しいパターンを作成したり、テンプレートを変更したりする場合、ファイルにアクセスしてファイルを微調整することはありません。 サイト エディターに移動するか、エディターに移動してそのパターンを変更するか、パターンを構築するか、テンプレートを構築します。 そして、私たちはそれに満足しています。それをエクスポートして、テーマに入れています。

したがって、実際にはコーディングしていません。 私たちは実際にすべてを視覚的に行っています。 その利点は、ユーザー、つまりテーマを使用しようとしている人々が、そこにいてパターンを微調整したり、テンプレートを微調整したりすることを知っていることです。 したがって、テーマを構築している間、ユーザーがテーマを使用するのと同じプロセスを実行することは理にかなっています。これは魔法のようなものだと思います。

そして、これはローコードまたはノーコードのテーマ開発方法につながります。 もちろん、私たちは開発者会議に参加していますよね？ つまり、ノーコードとローコードについて話しているのです。 しかし、私の最後のポイントは、開発がどこにあると私が考えるかについて話すことです. しかし、これは新しい世代のユーザー、つまり独自のテーマを作成したり、独自のテーマをカスタマイズしたいと考えている人々をもたらすので、これは本当にエキサイティングだと思いますが、おそらく彼らは PHP を知らないかもしれませんし、JavaScript を知らないかもしれません。 .

サイト エディター内ですべてを実行できるようになりました。これは、公開を民主化する WordPress の精神のようなものだと思います。 そして、フルサイト編集は本当にそれに向かって努力していると思います. 率直に言って、過去 2 年間または昨年、フルサイト編集でこのような進歩が見られました。 かなり盛り上がっています。 したがって、フルサイト編集は従来の WordPress の未来であると心から信じています。

さて、それは万人向けではないかもしれません。 私はそれを非常に明確にしたいと思います。 そして、まだ必要な開発がたくさんあります。 したがって、WordPress を使用しているさまざまなタイプの人々について話すとき、標準ユーザーからエージェンシーまですべてが含まれます。 また、エージェンシーは、クライアントが使用して Web サイトで作業できるように、非常にクリーンで非常に構造化されたインターフェースを提供したいと考えるかもしれません。 それは完全なサイト編集ではないかもしれません。 それでいいと思います。

しかし、私たちが経済で見ているように、Squarespace、Wix、Element、または別のページビルダーがあります. ユーザーの Web コミュニティには、自分のサイトを編集および設計できるツールを求めているユーザーが大勢います。 そして、WordPress は WordPress、特に Core に本当に欠けていると思います。 それがフルサイト編集の目的であり、フルサイト編集の約束だと思います。

やることがたくさんあります。 まだやることがたくさんあります。 レスポンシブ コントロールや、UI のさまざまなコンポーネントをどのように制限して、特定のユーザーがデザインを台無しにしたり、変更してはいけないものを変更したりしないようにする方法など、まだ解明しなければならないことがたくさんあります。 ですから、まだ解明すべきことがたくさんあります。

しかし、私が本当にエキサイティングだと思う分野の 1 つは、フルサイト編集用の開発です。 ユーザーが独自のテーマをデザインしたり、独自のサイトをデザインしたりできるこのツールを手に入れたので、これを次のレベルに引き上げる方法について考え始める必要があります. 開発者として、これをどのように構築できますか? 従来の WordPress を振り返ると、ウィジェット画面 (ウィジェット全般) を取り上げます。 WordPress は非常に基本的なレベルのウィジェットと機能を提供し、開発者は外に出てあらゆる種類の拡張機能を構築しました。

そして、サイト全体の編集にも同じ考え方を適用する必要があると思います。 現在、完全なサイト編集を実際に利用して次のレベルに引き上げる拡張機能やプラグインは、あるとしてもごくわずかです。 WordPress はサイト全体の編集を繰り返し続けており、ある程度の成果が得られるでしょう。 しかし、誰もが望んでいるすべてのことができるわけではありません。今こそ、サイト全体の編集に真剣に取り組み、開発者としてその上に構築し、この経験を次の段階に持ち込む方法を考え始めるときだと思います。レベル。

だから私は、みんなに外に出てグーテンベルグを探索し、2022 年のテーマを試してインストールし、ブロック開発の学習を始めるように挑戦します。 ニッチなブロックには信じられないほどのチャンスがあります。 そして、独自のテーマを作成してみてください。 2022年を取ってみてください。修正してみてください。 ベーステーマを構築してみてください。 それは本当に楽しく、この作品には多くの可能性があります。

ですからここで締めくくって、出席してくれてありがとうと言いたいです。 その前に、特にこのプレゼンテーションの場合、サイト全体の編集に不慣れで詳細を知りたい場合に、非常に重要と思われるいくつかのリソースについてお話ししたいと思います。 繰り返しますが、もちろん、私に従ってください。 私はいつもこれについてつぶやきます。

しかし、いくつかのリソースがあります。 だから最初のものはフロストです。 私はこれを前にほのめかしました。 これは、WP Engine 開発者関係が構築しているテーマです。 しかも試作品です。 製品とは言えません。 これは実験であり、ブロック テーマの作成方法についてコミュニティを教育するために使用しようとしています。 私たちはその過程で学んでいます。 途中で多くの変更や更新を行っており、WordPress を最新の状態に保つよう努めていますが、これは素晴らしいリソースです. また、2022 年のテーマは、開始して学ぶのに最適な場所です。

次に、Learn WordPress をプラグインしたいと思います。 これはlearn.wordpress.orgです。 wordpress.org のトレーニング チームは、これらの概念の多くを教育し、一般に公開するために多くの作業を行っています。 ですから、興味があり、もっと学びたいと思うなら、ここは素晴らしい場所です。 ワークショップやソーシャルラーニングスペースなど、さまざまなコンテンツがあります。 これらは毎週開催され、さまざまなトピックについて話したり、ブロックのコーディング方法やブロックテーマの作成方法について深く掘り下げたりします。

そしてもちろん、開発に興味がある場合は、常にブロック エディター ハンドブックから始めてください。 それが私が始めた場所であり、非常に多くの優れたリソースがあります。 そして最後はグーテンベルク。 Gutenberg に慣れていない場合、特に WordPress 開発に興味がある場合は、Gutenberg に慣れることをお勧めします。 また、サイト全体の編集がどのように構築されているか、さまざまなブロックがどのように構築されているか、それを独自のワークフローに適用する方法を探るのに最適な場所です.

ということで、ご参加ありがとうございました。 このプレゼンテーションから多くのことを学び、サイト全体の編集を引き続き検討することをお勧めします。 本当にありがとう。