WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn)

WordPress 6.7ベータ3(サードベータ)のテスト準(zhǔn)備が整いました!

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

畫像[1]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルリーチ、迅速な対応

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の最終バージョンの現(xiàn)在の目標(biāo)時(shí)期は以下の通りです。2024年11月12日

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

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

畫像[2]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPress専門修理サービス、グローバルスコープ、迅速な対応

WordPressベータ版のテスト方法

WordPressの開発版やベータ版をテストする方法は複數(shù)あります:

遊び場

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

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

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

セットアップの手順

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

WP-CLI経由

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

ステップ

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

以下のコマンドを?qū)g行し、最新のテストバージョンにアップデートする:

wp core update --version=6.7-beta3

または

wp core update --version=6.7-RC1

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

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

仮設(shè)サイトでのテスト

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

テストパッチ

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

畫像[3]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルリーチ、迅速な対応

定期検査リスト

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

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

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

テストする主な機(jī)能

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

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

パラダイム

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

テストのステップ

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

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

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

テストのステップ

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

テンプレート

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

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

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

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

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

パーシャルスタイル

Twenty Twenty-Fiveテーマは、主にグループとカラムの色を変更するために使用される4つのユニークなセクションスタイルを?qū)毪筏皮い蓼?。これらのスタイルは、視覚的に魅力的なレイアウトを作成するための柔軟性を提供します。テストでは、エディターとフロントエンドの両方で新しいスタイルが正しく適用されていることを確認(rèn)し、ユーザビリティと読みやすさに焦點(diǎn)を當(dāng)てました。


テストのステップ

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

データビューの改善 

グリッドレイアウトの情報(bào)密度を設(shè)定する機(jī)能

WordPress 6.7では、グリッドレイアウトの密度を調(diào)整し、よりカスタマイズ可能でレスポンシブな表示體験を提供できるようになりました。今回のアップデートでは、グリッドビューに新しいUIコントロールを?qū)毪贰ⅴ姗`ザーが好みの密度を選択できるようになりました。

畫像[4]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルリーチ、迅速な対応

テストの説明

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

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

畫像[5]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応

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

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

テストの説明

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

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

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

例えば、1ページあたりの項(xiàng)目數(shù)やソートオプションなど。

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

テストの説明

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

問い合わせループの洗練 

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

テストの説明

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

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

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

パターン

テストの説明

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

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

テストの説明

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

メディアの改善

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

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

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

テストの説明

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

読み込んだ畫像の自動(dòng)サイズを遅らせる。 

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

テストの説明

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

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

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

テストの説明

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

背景添付(固定背景)のサポートを追加

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

テストの説明

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

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

今回のアップデートでは、背景畫像の追加、アップロード、リセットを可能にするポップアップサイドバーパネルを?qū)毪筏蓼筏俊¥长违荪氓抓ⅴ氓驻摔瑜?、背景畫像のコントロールに簡単にアクセスできるようになり、背景畫像のプロパティ(位置、サイズなど)をシームレスに調(diào)整できるようになりました。

テストの説明

  1. サイドバーのブロック設(shè)定に移動(dòng)し、背景畫像を追加する。
  2. サイドバーの背景畫像をクリックすると、モーダルのポップアップが表示されることを確認(rèn)してください。
  3. ポップアップウィンドウ內(nèi)のコントロールを使用して、背景畫像のプロパティ(位置やサイズなど)を調(diào)整します。

デザインツール 

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

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

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

テストの説明

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

APIのリリースと反復(fù)

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

テンプレート登録API  

この機(jī)能は、新しいAPIを?qū)毪工毪长趣恰ⅴ抓楗哎ぅ螭违匹螗抓飑`ト登録を簡素化します。これまでプラグインは複數(shù)のフィルターにフックする必要がありましたが、より簡単かつ効率的にテンプレートを登録できるようになりました。

プレビューオプションAPI  

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

インタラクティブAPI

WordPress 6.7では、インタラクティブ性を向上させるための新機(jī)能を含むBlock APIが強(qiáng)化されました?,F(xiàn)在は、Lightbox Support 機(jī)能の UI と機(jī)能のテストに重點(diǎn)を置いています。 

テストの説明

  1. 投稿またはページにギャラリーブロックを追加する。
  2. 寫真をアップロードして挿入する。
  3. 各畫像について、"リンク "オプションを選択し、"クリックで拡大"でライトボックスを有効にする。
  4. ページを保存し、フロントエンドで表示する。
  5. 畫像をクリックするとライトボックスが開くことをテストし、キーボードアシスタンスがサポートされていることを確認(rèn)してください。
畫像[6]-WordPress 6.7ベータ3テストガイド:新機(jī)能、テストステップ、主な改善點(diǎn) - フォトンゆらぎネットワーク|WordPressの専門修理サービス、グローバルリーチ、迅速な対応

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

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

テストのステップ

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

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 カスタム投稿メタを登録する。

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

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

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

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

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

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

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

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

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

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

9.フロントエンドに現(xiàn)在時(shí)刻が出力されていることを確認(rèn)する。

より詳細(xì)な情報(bào)をご覧になりたい方は、以下をご參照ください。公式更新ログ.


お問い合わせ
チュートリアルが読めない?無料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし