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

WordPress 6.7ベータ3(3番目のベータ)がテスト用に準備されました!

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

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

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

プラグインWordPressのインストールとアクティベーションWordPress Beta Tester プラグイン。(Bleeding edge」チャンネルと「Beta/RC Only」ストリームを選択してください)。
直接ダウンロードダウンロードベータ3バージョン (zip)をクリックし、WordPressサイトにインストールしてください。
コマンドライン以下を使用する。WP-CLI命令だ:wp core update --version=6.7-beta3
ワードプレスの遊び場利用する6.7 ベータ 3 WordPress プレイグラウンドの例別サイトやセットアップは不要で、ブラウザで直接ソフトウェアをテストできます。 

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

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

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

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

WordPressベータ版のテスト方法

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

遊び場

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

ローカル・セルフホスト・ウェブサイト

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

セットアップの手順

  1. ダウンロードとインストール当地.
  2. 新しいWordPressウェブサイトを作成します。
  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-RC1

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

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

仮設サイトでのテスト

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

テストパッチ

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

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

定期検査リスト

更新された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 コントロールが導入され、ユーザーが好みの密度を選択できるようになりました。

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

テストの説明

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

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

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

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

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

テストの説明

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

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

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

例えば、ページあたりのアイテム数やソートオプションなどです。

例:「並べ替え」、「並べ替え順」、プレビューサイズ、ページあたりのアイテム数など。

テストの説明

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

問い合わせループの洗練 

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

テストの説明

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

ズームインしてパターンを使って構図を決める

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

pattern sth.

テストの説明

  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. 画像をクリックするとライトボックスが開くことをテストし、キーボードのアシストをサポートしていることを確認してください。
WordPress 6.7ベータ3テストガイド:新機能、テストステップ、主な改善点

ブロックバインディング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 動的データバインディングを登録します。
}).

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

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

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

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

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

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

8.次に、次のコードを使用して、手動で別の段落ブロックを追加します。

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

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

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


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/21470/

好き (0)
前へ 4日前
次のページ 3日前

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat