WordPress 6.7ベータ3テストガイド：新機能、テストステップ、主な改善点

WordPress 6.7ベータ3（サードベータ）のテスト準備が整いました！

このベータ版WordPressソフトウェアはまだ開発中です。.テストをダウンロードする際は、以下の点に注意してください。運転中もしかしたら主要サイトこのバージョンのWordPressは、以前のバージョンと同じ方法でインストール、実行、テストすることをお勧めします。つのベータ版(ワードプレス6.7ベータ1歌で応えるワードプレス6.7ベータ2) 同じように、WordPress 6.7 Beta 3をダウンロードして空白のウェブサイトのテスト.

WordPress 6.7 Beta 3をテストするには、以下の4つの方法があります：

WordPress 6.7の最終バージョンの現在の目標時期は以下の通りです。2024年11月12日

WordPress 6.7ベータ3のテスト方法

このリリースのハイライトのひとつは、新しいデフォルトテーマだ。トゥエンティトゥエンティファイブそれは次のようなものだ。サービス、ログインページなどのカテゴリーがあり、複数のモードを柔軟に使い分けることができる。美しいタイポグラフィや世界的に利用しやすいカラーパレットなど、シンプルさと適応性に重点を置いている。

WordPressベータ版のテスト方法

WordPressの開発版やベータ版をテストする方法は複数あります：

遊び場

遊び場は、完全な環境をセットアップすることなく、WordPress のベータ版やリリース候補版を迅速かつ簡単にテストする方法です。WordPressのテストはワードプレスの遊び場クイックスタートテスト環境。

ローカル・セルフ・ホスティング・ウェブサイト

を使用することができます。ローカルもしかしたらwp-envなどを使用して、ローカルのWordPressウェブサイトを作成します。サイトの準備ができたら、Beta TesterプラグインをインストールしてWordPressのベータ版に切り替えることができます。

セットアップの手順

1. ダウンロードとインストール当地.
2. ワードプレスのウェブサイトを新規作成する。
3. サイトが稼働したら、WordPress Beta Testerプラグインを使ってWordPressの開発版またはベータ版に切り替えます。このプラグインを使えば、プレリリース版のWordPressを比較的簡単にインストールできる。
   このプラグインを使用するには
   1. WordPress Beta Tester プラグインをインストールし、有効化します。
   2. ツール > ベータテストに移動します。
   3. テストしたい内容に応じて、"Bleeding edge "または "Point release nightlies "オプションを選択する。
   4. 変更を保存]をクリックし、WordPressのバージョンを更新します。

WP-CLI経由

コマンドラインツールを使いたい場合はWP-CLIWordPressベータ版を素早くインストール。 

ステップ

• お好きな方法でローカルのWordPressウェブサイトを作成してください。
• サイトのセットアップが完了したら、ターミナルを開き、WordPressインストールのルート・ディレクトリに移動する。

以下のコマンドを実行し、最新のテストバージョンにアップデートする：

wp core update --version=6.7-beta3
wp core update --version=6.7-beta3
wp core update --version=6.7-beta3

または

wp core update --version=6.7-RC1
wp core update --version=6.7-RC1
wp core update --version=6.7-RC1

(必要に応じてバージョン番号を置き換えてください。例：-version=6.7-beta2)。

この方法は、バージョン間の切り替えを素早くし、特定のバージョンをテストしやすくする。

仮設サイトでのテスト

本番/リアルタイム・サイトは、以下のために作成することができる。テンポラリーサイトそしてWordPressのベータ版に更新してください。これにより、本番サイトに影響を与えることなく、安全に新バージョンをテストすることができます。本番/ライブ環境にアップデートを適用する前に、すべてが正常に動作していることを確認してください。

テストパッチ

パッチをテストするつもりなら、次のことができます。以下の指示に従ってください。WordPress開発版をローカルにセットアップする。

定期検査リスト

更新されたWordPressのバージョンとあなたのウェブサイトとの互換性を簡単にテストするには、以下のチェックを確認してください：

まず、WordPressをベータ版またはRC版にアップデートし、wp-config.phpで以下を有効にします。テスト中にコンポーネントを調整するテーマやプラグインを更新する。

• プラグインやテーマが更新されたときに自動的に無効化されないように注意してください。
• ワードプレスをチェックサイトヘルスツールに新たな警告や問題があるかどうか。
• レイアウトの切れ目がないか、要素の位置がずれていないかを確認する。
• リンクとパーマリンクをテストし、404エラーがないことを確認する。
• 投稿、画像、メディアが正しく表示されていることを確認する。
• サイトマップとrobots.txtファイルが正しく機能していることを確認してください。
• 管理ダッシュボードに完全にアクセスでき、エラーがないことを確認する。
• サイトにカスタムブロックがある場合は、新しいブロックにコンテンツを作成し、既存のコンテンツを編集します。
• 新しい投稿を作成する：コンテンツを追加し、テキストをコピー＆ペーストし、メディアファイルを手動で追加する。投稿を保存し、問題がないかコンソールを確認します。
• 新しいページを作成し、コンテンツを追加し、異なるブラウザでどのように表示されるかをチェックします。
• ブラウザの開発者コンソールを開き、エラーや警告、通知がないか確認してください。
• エラーログファイルを開き、通知、警告、致命的なエラーをチェックする。
• ユーザーの役割と権限を確認し、そのままであることを確認する。
• スケジュールされた投稿や、バックアップなどの自動化されたタスクが、期待通りに実行されていることを確認する。
• すべての統合サービス（決済ゲートウェイや分析など）が適切に機能していることを確認する。
• 異なるブラウザでウェブサイトを開き、すべての機能が期待通りに動作することを確認する。

テストする主な機能

新しいデフォルトテーマ - Twenty Twenty-Five

WordPress 6.7では、Twenty Twenty-Fiveテーマがシンプルさと柔軟性の完璧なバランスを実現しています。自然と歴史にインスパイアされたこのテーマは、個人ブログから複雑なポートフォリオまで、様々なユースケースに対応する多様なパターンとテンプレートを提供します。豊富なカラーパレットと多彩なブログテンプレートを備え、グローバルな読者に適しています。紹介記事をお読みください. 

パラダイム

Twenty Twenty-Fiveテーマでは、ユーザーが効率的にページを作成できるよう、あらかじめ様々なパターンが用意されています。これらのパターンは、サービス、アバウトページ、コールトゥアクションのフレーズなど、様々なカテゴリをカバーしています。これらのパターンは柔軟性と相互運用性を提供するように設計されており、ユーザーは目的のある、まとまりのあるページレイアウトを素早く構築することができます。

テストのステップ

1. アピアランス＞エディターと進み、サイトエディターを開きます。
2. 任意のテンプレートを開くか、新しいページを作成する。
3. 新しいブロックを追加するには「+」アイコンをクリックします。
4. ブロックインサーターの「パターン」タブを開く。
5. さまざまなカテゴリー（サービス、会社概要、行動喚起、ギャラリーなど）からパターンを選択します。
6. パターンを挿入し、正しく表示されることを確認します。
7. 1つのページに複数のモードを組み合わせて、これらのモードの相互運用性をテストする。
8. 必要に応じてモードを調整・カスタマイズし、さまざまなデバイスに対応できるようにする。
9. サイトエディターのレイアウトがフロントエンドのレイアウトと一致していることを確認してください。 

カラーパレットとスタイル

このテーマには様々なカラースキームとスタイルバリエーションがあり、ユーザーは簡単にウェブサイトの外観をカスタマイズすることができます。このテーマには、グローバルな使用を想定した様々なカラースキームとタイポグラフィの組み合わせが含まれており、幅広い言語と地域に対する高品質なサポートを保証します。これらのオプションは、統一された視覚的に魅力的な外観を維持しながら、ウェブサイトの美学を独自のスタイルに合わせる柔軟性をユーザーに提供します。

テストのステップ

1. アピアランス＞エディターと進み、サイトエディターを開きます。
2. の右上をクリックします。スタイルボタン(半月のアイコン）。
3. あなたのウェブサイトに適用するために、異なるカラーパレットとフォントの組み合わせを選択します。
4. 新しいパレットやスタイルを選択すると、サイト全体の色やフォントがどのように変化するかを観察します。
5. 変更を保存し、フロントエンドでサイトをプレビューして、新しいスタイルがすべてのページに正しく適用されていることを確認します。

テンプレート

Twenty Twenty-Fiveは、サイドバー付きのテキスト中心のブログや、ビジュアル重視のフォトブログなど、適応性の高いブログテンプレートを幅広く提供しています。サイトエディターと完全に統合されており、グリッドブロックやパターン/セクションスタイルなどの新しいデザイン機能を活用できます。

代替テンプレートデザイン

このテーマには、プレーンテキストのブログ、写真のブログ、ニュースのブログ、縦型ヘッダーのブログの4つの代替デザインが含まれています。これらのデザインは、テンプレートコンテンツを置き換えるためのパターンとして構築されています。

フォトブログのデザインをテストするには、以下の手順に従ってください：

1. アピアランス」＞「エディター」と進む。
2. メニューオプションテンプレートを選択する。
3. 単一の投稿、ページ、アーカイブ、ブログのホームページなど、テストしたいテンプレートを選択します。
4. エディターで「設定」サイドバーを開く。
5. テンプレート」タブを選択する。
6. テンプレート]タブで、[デザイン]パネルを見つけて展開します。
7. デザインパネルに利用可能なデザインのプレビューが表示されます：
   • プレビューにカーソルを合わせると、デザイン名が表示されます。
   • プレビューをクリックすると、テンプレートの内容が選択したデザインに置き換わります。
8. サイトエディターのレイアウトがフロントエンドのレイアウトと一致していることを確認する。

パーシャルスタイル

Twenty Twenty-Fiveテーマは、主にグループとカラムの色を変更するために使用される4つのユニークなセクションスタイルを導入しています。これらのスタイルは、視覚的に魅力的なレイアウトを作成するための柔軟性を提供します。テストでは、エディターとフロントエンドの両方で新しいスタイルが正しく適用されていることを確認し、ユーザビリティと読みやすさに焦点を当てました。

テストのステップ

1. ダッシュボードで新しい投稿またはページを作成します。
2. グループブロックまたはカラムブロックを挿入する。
3. グループや列ブロックの中に、見出しや段落などのブロックを追加する。
4. 設定」サイドバーを開き、「ブロック」タブを選択します。
5. スタイル」タブを開き、上部にある「スタイル」パネルを見つけます。
6. 代替スタイルのいずれかを選択する。すべてのスタイルをテストするために、各スタイルについて繰り返します。
7. エディターとフロントエンドのデザインが同じであることを確認してください。
8. 背景、テキスト、リンク、ボタンなど、色の組み合わせが読みやすいかどうかを確認する。

データビューの改善 

グリッドレイアウトの情報密度を設定する機能

WordPress 6.7では、グリッドレイアウトの密度を調整し、よりカスタマイズ可能でレスポンシブな表示体験を提供できるようになりました。今回のアップデートでは、グリッドビューに新しいUIコントロールを導入し、ユーザーが好みの密度を選択できるようになりました。

テストの説明

1. ダッシュボードから開くサイトエディター.
2. に移動します。パラダイム「パート
3. 設定」アイコンをクリックし、「外観と設定」パネルを開きます。
4. より "プレビューサイズ"メッシュ密度オプションの調整
5. パターンがどのように表示されるかを観察する。

ユーザーインターフェイスでフィルタを隠す/表示するオプション

テーブルビューの列の順序をカスタマイズする機能

WordPress 6.7では、テーブルビューのカラムの順序をカスタマイズする機能が導入され、データの表示方法がより柔軟になりました。この機能により、ユーザーはテンプレート、スキーマ、ページを管理する際に、テーブルの列を左右に移動して、よりパーソナライズされたレイアウトを作成することができます。

テストの説明

1. WordPressで任意の表データビュー（テンプレート、スキーマ、ページ）を開く。
2. 列の見出しをクリックすると、利用可能なアクションが表示されます。
3. 左シフト "または "右シフト "を選択し、列を並べ替える。
4. それに応じて列が調整され、ページが更新されたときに新しい順序が維持されることを確認する。

メニューの階層データビューオプションは、よりデザイン的な表現を可能にします。

データ表示オプションが改善され、デザインの柔軟性が向上しました。歯車のアイコンに"オプションを見る"設定。を開きます。外装状態"のポップアップ・ウィンドウで、ユーザーは視聴設定を管理することができます。

例えば、1ページあたりの項目数やソートオプションなど。

例えば、"Sort by"、"Sort by"、プレビューサイズ、ページあたりのアイテム数など。

テストの説明

1. サイト・エディタで任意のデータ・ビュー（テンプレート、スキーマ、ページ）を開く。
2. 歯車のアイコンをクリックして、表示オプション設定を表示します。
3. アピアランス」ポップアップウィンドウを開き、利用可能なオプションを探します。
4. 1ページあたりの項目数と並べ替えオプション（「並べ替え」「並べ替え順」など）を調整する。
5. 設定が適用され、データビューに反映されていることを確認する。

問い合わせループの洗練 

クエリループブロックはWordPressでのサイト構築の重要な要素であり、現在、使いやすさと直感性を向上させるための改善が行われています。強力で多機能なブロックであることに変わりはありませんが、今回の改良はカスタマイズをより簡単にすることに重点を置いています。主な変更点には、より良いコンテキストの検出と設定の明確なコピーが含まれ、ユーザーが複雑なクエリを簡単に作成・管理できるようになっています。 

テストの説明

1. ワードプレスのダッシュボードを開き、新しいページまたは投稿を作成する。
2. クエリ・ループ・ブロックをページまたは投稿に挿入します。
3. サイドバーの設定を確認し、説明に注意する。
4. クエリ・ループをカスタマイズし、変更が直感的で簡単に適用できるようにする。
5. 変更を保存し、フロントエンド出力の正確さをチェックする。 

ズームインしてパターンを使って作曲

WordPress 6.7では、ウェブサイトを構築・編集する際にユーザーがパターンを操作する方法を強化するために、新しい「ズームアウト」機能が導入されました。この機能は、ブロックごとに微調整を行うのではなく、パターンに集中できる高度な編集ビューを提供します。主な機能としては、モチーフの挿入、モチーフにフォーカスした新規ページの作成、縦型ツールバーによる管理（移動、削除など）のための縮小インターフェイスがあります。ユーザーは、縮小編集と詳細なブロック編集を切り替えることができ、パターン操作と高度なコンテンツのみの編集が改善され、全体的なユーザーエクスペリエンスが向上しています。

パターン

テストの説明

1. サイトエディターに移動し、スキーマをページまたは投稿に挿入する。
2. ズームアウトボタンを使用して、ズームアウト表示に切り替えます。
3. スキーマを操作しやすくするために、ページの全体的な構造が見えるようになっていることを確認する。
4. 縮小表示では、新しい垂直ツールバーを使ってパターンの移動、削除、並べ替えを試してみよう。
5. パターンがドラッグ＆ドロップ操作に正確に反応し、不用意に動くことなく正しく配置されることを確認する。
6. ズームインして詳細なブロック編集を見たり、ズームアウトしてページの広い範囲を見たりして、ズームオプションが期待通りに機能していることを確認してください。
7. 縮小モードでパターンを操作したときに、UXの問題や矛盾がないか観察する。
8. シュリンクモードを終了し、すべての変更がそのまま残り、標準のブロックエディターで正しく表示されることを確認する。

縮小スタイルのバリエーションを探る

テストの説明

1. アピアランス＞エディターを開き、サイトエディターにアクセスします。
2. キャンバスを選択して、ブログのホームページテンプレートの編集を開始します。
3. スタイル」を開き、「スタイルの参照」を選択すると、さまざまなスタイルバリエーション・オプションが表示されます。これにより自動的に縮小表示が行われます。
4. さまざまなスタイルのオプションをスクロールし、ビューをズームアウトする機能を探る。
5. スタイル・ブロックを開いたり閉じたり、スタイル・ブロックを切り替えたり、スタイルの変更を戻して比較したりすることで、縮小表示への入室と退室を切り替えることができます。

メディアの改善

WordPress 6.7では、メディアの扱い方と表示方法を強化する、主要なメディアの改良が導入されました。主な更新には、HEIC画像のアップロードと自動変換のサポート、読み込み遅延画像の自動リサイズ、背景画像機能の拡張が含まれます。ユーザーは、固定背景などの新しいオプションを使用して、ブロックおよびグローバルレベルで背景画像を設定できるようになりました。さらに、背景画像を管理するための、よりシンプルなモーダルインターフェイスが導入されました。これらの改善により、メディア処理が最適化され、サイトデザインの柔軟性が向上しました。

HEIC画像のアップロードに対応

HEIC画像のアップロードは、すべてのブラウザとの互換性を確保するため、サーバー上で自動的にJPEGに変換されます。元の HEIC 画像は添付ファイルページからダウンロードできます。サーバーが Imagick による HEIC 変換をサポートしていない場合は、 WordPress は画像を手動で変換するように促します。

テストの説明

1. メディアライブラリにHEIC画像をアップロードする。
2. 画像がJPEGに変換されたことを確認する。
3. 添付ファイルのページで、オリジナルのHEICがダウンロード可能かどうか確認してください。
4. ツール→サイトヘルス→情報→メディア処理でImagick HEICのサポートを確認します。
5. サーバーがHEICをサポートしていない場合、警告が表示されるようにする。
6. 異なるブラウザの投稿やページで画像が正しく表示されることを確認する。

読み込んだ画像の自動サイズを遅らせる。 

この機能は、読み込みが遅れている画像のsizes属性の先頭に自動的にauto値を追加します。この機能拡張により、ブラウザが適切な画像サイズを自動的に決定し、画像の応答性を向上させることができます。 

テストの説明

1. WordPressサイトで画像の遅延読み込みを有効にする（デフォルトで有効になっている場合があります）。
2. 投稿やページに画像をアップロードまたは挿入する。
3. ブラウザの開発者ツールを開き、画像タブをチェックする。
4. すべての遅延ロード画像のsize属性がautoで始まることをチェックします。
5. 投稿またはページを保存してプレビューし、フロントエンドの画像が正しい動作で読み込まれることを確認します。

グローバルスタイルのブロックレベルの背景画像

WordPress 6.7 では、グローバルスタイルレベルでブロックの背景画像を設定する機能が導入され、ユーザーはサイトの外観をより詳細に制御できるようになりました。この新機能により、個々のブロックレベルでデフォルトの背景を上書きする柔軟性を維持しながら、引用ブロックなどの特定のブロックタイプのすべてのインスタンスに背景画像を適用することができます。これにより、WordPressテーマのカスタマイズのレイヤーが増え、よりまとまりのある視覚的に魅力的なデザインになります。

テストの説明

1. 外観＞エディターからサイトエディターを開く 
2. テンプレートを選択し"スタイル" > "ブロック".
3. ブロックを検索し、グローバル・スタイル・レベルでそのブロックの背景画像を設定します。
4. すべての参照ブロックにデフォルトの背景画像が適用されていることを確認します。
5. グローバルおよび個々のブロックレベルの設定が正しく動作し、問題がないことを確認する。

背景添付（固定背景）のサポートを追加

WordPress 6.7では、ブロックとサイトの背景の添付ファイルの動作を切り替えることができる新機能が導入されました。背景画像がページと一緒にスクロールするか、固定されたままかを選択できるようになりました。これにより、ブロックやサイトの背景のデザインの柔軟性が向上します。

テストの説明

1. ブロックに背景画像を追加する。
2. 背景画像がデフォルトでページと一緒にスクロールすることを確認する。
3. 背景固定」オプションを切り替えます。
4. 背景画像が固定されたことを確認する。
5. 変更を保存し、フロントエンドをチェックして動作を確認する。
6. サイトエディターのスタイル＞レイアウトで、サイトの背景画像を追加する。
7. サイトの背景に対して、同じスクロールと固定の動作をテストする。

背景画像のサポートが更新され、モードが使用可能に 

今回のアップデートでは、背景画像の追加、アップロード、リセットを可能にするポップアップサイドバーパネルを導入しました。このポップアップにより、背景画像のコントロールに簡単にアクセスできるようになり、背景画像のプロパティ（位置、サイズなど）をシームレスに調整できるようになりました。

テストの説明

1. サイドバーのブロック設定に移動し、背景画像を追加する。
2. サイドバーの背景画像をクリックすると、モーダルのポップアップが表示されることを確認してください。
3. ポップアップウィンドウ内のコントロールを使用して、背景画像のプロパティ（位置やサイズなど）を調整します。

デザインツール 

デザインツールは、ブロックサポートの拡張により大幅に強化され、デザイナーやテーマデザイナーのためのより大きな柔軟性と創造的なコントロールを提供します。主なアップデートには、待望のグループブロックシャドウのサポートや、ボタン、ギャラリー、段落などの幅広いブロックのボーダー、カラー、塗りつぶし、背景の追加サポートが含まれます。これらの改善は、カスタマイズを簡素化し、ブロックエディタで直接より複雑なデザインを可能にするように設計されています。

PHP 8.xのサポートを継続的に改善

WordPress 6.7では、サポートされていない古いバージョンのPHPに特化したコードを削除することで、PHP 8.xとの互換性を強化しています。これにより、最新バージョンのPHPで動作するサイトのパフォーマンス、セキュリティ、安定性が向上しています。

テストの説明

1. WordPressサイトをPHP 8.xにアップデート。
2. 上記の「一般的なテスト」の項に記載されているテストを実施する。
3. ウェブサイトの機能に関する警告、通知、エラーを監視すること。
4. エラーログをチェックし、非推奨または削除された機能が使用されていないことを確認する。
5. 管理ダッシュボードとフロントエンドが問題なくロードされていることを確認する。

APIのリリースと反復

このリリースには、開発者のワークフローを合理化するために設計された2つの新しいAPIが含まれています：

テンプレート登録API  

この機能は、新しいAPIを導入することで、プラグインのテンプレート登録を簡素化します。これまでプラグインは複数のフィルターにフックする必要がありましたが、より簡単かつ効率的にテンプレートを登録できるようになりました。

プレビューオプションAPI  

このAPIはプレビュー機能の柔軟性を高め、プラグイン開発者がカスタムプレビューオプションをWordPressエディタにシームレスに統合できるようにします。さまざまなパブリッシングプロセスやツールのニーズに対応します。

インタラクティブAPI

WordPress 6.7では、インタラクティブ性を向上させるための新機能を含むBlock APIが強化されました。現在は、Lightbox Support 機能の UI と機能のテストに重点を置いています。 

テストの説明

1. 投稿またはページにギャラリーブロックを追加する。
2. 写真をアップロードして挿入する。
3. 各画像について、"リンク "オプションを選択し、"クリックで拡大"でライトボックスを有効にする。
4. ページを保存し、フロントエンドで表示する。
5. 画像をクリックするとライトボックスが開くことをテストし、キーボードアシスタンスがサポートされていることを確認してください。

ブロックバインディングAPI

Block Binding API を使用すると、開発者はプラグインからカスタムメタデータや動的データをブロックにバインドすることができます。このAPIは、投稿メタデータフィールドとカスタムデータをブロックプロパティに統合するプロセスを簡素化し、既存のコードベースに変更を加えることなくブロックの動的コンテンツレンダリングを可能にします。このテストでは、さまざまなブロックを使用して、投稿メタデータが正常に登録、更新され、フロントエンドに表示できることを確認することに重点を置いています。

テストのステップ

1.テーマまたはプラグインファイルに以下のコードを追加して、投稿メタデータを登録し、動的なプラグインデータをシミュレートします。

add_action('init', function () { )
// カスタム投稿メタを登録する
register_meta(
'post', 'block_binding_meta_test', 'block_binding_meta_test', 'post_meta_test'.
'block_binding_meta_test'、
[
'label' => __( 'My Custom Post Meta', 'text-domain' )、
'show_in_rest' => true、
'single' => true, 'type' => 'string'.
'type' => 'string', 'default' => '
'default' => '', '
]
); }; // END カスタム投稿メタを登録する。
// END カスタム投稿メタを登録する。
// 動的データバインディングを登録します。
$blockBindingCallback = function () { 以下のようにします。
return sprintf( __( '現在時刻: %s', 'your-text-domain' ), date_i18n( 'r' ) ); }; } }.
};
if (function_exists('register_block_bindings_source')) { 以下のようにします。
register_block_bindings_source( 'my-plugin/current-time', [
'label' => __( '現在時刻', 'text-domain' ), [
'get_value_callback' => $blockBindingCallback
] );
}
// END 動的データバインディングを登録します。
}).
add_action('init', function () { )
// カスタム投稿メタを登録する
register_meta(
'post', 'block_binding_meta_test', 'block_binding_meta_test', 'post_meta_test'.
'block_binding_meta_test'、
[
'label' => __( 'My Custom Post Meta', 'text-domain' )、
'show_in_rest' => true、
'single' => true, 'type' => 'string'.
'type' => 'string', 'default' => '
'default' => '', '
]
); }; // END カスタム投稿メタを登録する。
// END カスタム投稿メタを登録する。

// 動的データバインディングを登録します。
$blockBindingCallback = function () { 以下のようにします。
return sprintf( __( '現在時刻: %s', 'your-text-domain' ), date_i18n( 'r' ) ); }; } }.
};

if (function_exists('register_block_bindings_source')) { 以下のようにします。
register_block_bindings_source( 'my-plugin/current-time', [
'label' => __( '現在時刻', 'text-domain' ), [
'get_value_callback' => $blockBindingCallback
] );
}
// END 動的データバインディングを登録します。
}).
add_action('init', function () { )
// カスタム投稿メタを登録する
register_meta(
'post', 'block_binding_meta_test', 'block_binding_meta_test', 'post_meta_test'.
'block_binding_meta_test'、
[
'label' => __( 'My Custom Post Meta', 'text-domain' )、
'show_in_rest' => true、
'single' => true, 'type' => 'string'.
'type' => 'string', 'default' => '
'default' => '', '
]
); }; // END カスタム投稿メタを登録する。
// END カスタム投稿メタを登録する。

// 動的データバインディングを登録します。
$blockBindingCallback = function () { 以下のようにします。
return sprintf( __( '現在時刻: %s', 'your-text-domain' ), date_i18n( 'r' ) ); }; } }.
};

if (function_exists('register_block_bindings_source')) { 以下のようにします。
register_block_bindings_source( 'my-plugin/current-time', [
'label' => __( '現在時刻', 'text-domain' ), [
'get_value_callback' => $blockBindingCallback
] );
}
// END 動的データバインディングを登録します。
}).

2.新しい投稿を作成し、段落ブロックを追加する。

3.ブロックの設定で、プロパティを選択し、コンテンツをクリックします。のカスタム投稿メタデータの選択が表示されるはずです。オプション

4.投稿メタデータの値を入力し、投稿を保存します。

5.フロントエンドで、カスタム投稿メタ値が表示されていることを確認する。

6.別の段落ブロックを追加し、以前に入力したカスタム・メタ値が自動的に入力されるようにする。

7.画像、タイトル、ボタンなどの他のブロックについても、この手順を繰り返します。

8.次のコードを使って、手動で段落ブロックを追加する。

<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->

9.フロントエンドに現在時刻が出力されていることを確認する。

より詳細な情報をご覧になりたい方は、以下をご参照ください。公式更新ログ.