Gutenbergで投稿メタデータを追加する方法：総合ガイド

ワードプレス, 投稿メタデータ(投稿メタ）とは、投稿、ページ、商品の追加情報著者名、出版日、カテゴリータグなど、SEO データ、製品 SKU など。この情報はユーザー体験を向上させるだけでなくコンテンツの検索エンジンでの認知度向上サイトの価値を高めます。

エッセンシャル・ブロックの組み合わせ プラグインポスト・メタ・ブロック組み込み機能そしてプラグインのカスタマイズなど様々な方法があります。 グーテンベルク・エディター投稿メタデータの追加この記事では、より効率的で機能豊富なウェブサイトを構築するために、これらの方法を統合します。

ポストメタデータとは何ですか？

投稿メタデータとは、WordPressのコンテンツに関連する追加情報のことで、コンテンツを説明したりサポートしたりするものです。例

• ブログサイトメタデータには通常、著者名、出版日、分類、ラベルなどが含まれます。
• Eコマースサイトメタデータには、商品のSKU、価格、在庫状況などを表示できます。

方法1：Essential Blocksの投稿メタブロックを使う

エッセンシャル・ブロック このプラグインは、Post Metaブロックを通してメタデータの追加と管理を簡素化し、メタデータを操作するための親切で視覚的な方法を提供します。

ステップ1：投稿メタブロックを有効にする

1. WordPressのバックエンドで エッセンシャル・ブロック > ブロック.

2. ある クリエイティブ・ブロック 一部発見 ポストメタ ブロックを使って機能を有効にします。

3. Gutenbergエディタを開きます。ページまたはテンプレート投稿メタブロックがブロック追加オプションに表示されます。

ステップ2：ページまたはテンプレートにメタデータを追加します。

1. に追加する必要があるメタデータを開きます。ウェブページそしてカードもしかしたら WooCommerce製品テンプレート.
2. をクリックしてください。 "+" ボタン、検索 ポストメタを追加しました。

3. 表示されるメタデータフィールド（著者、発売日、SKUなど）をカスタマイズし、表示位置を調整します。

ステップ3: 投稿メタブロックの設定とスタイル設定

1. 一般設定: フィールドの表示（著者、日付などを有効にするかどうかなど）を制御し、フィールドラベルの並び替えを行います。
2. スタイル設定フォントスタイル、色、間隔などを設定し、視覚効果を最適化します。

3. 詳細設定余白、塗りつぶし、背景のスタイルを調整し、メタデータ領域が全体のデザインと矛盾しないようにします。

Essential BlocksのPost Metaブロックを使えば、コードを書かずに素早くメタデータを追加・管理できます。

方法 2: 組み込み関数を使用してメタデータを追加します。

WordPress自体は、以下のような多くのメタデータフィールドを提供しています。カテゴリー、タグ、著者情報これらはGutenbergのインターフェイスから直接管理することができます。

ステップ

1. Gutenbergエディタで開く記事またはページ.
2. の右側には ドキュメント設定パネル で発見：
   • 分類と表示記事のカテゴリーやタグを追加します。
   • リリース時間記事の投稿時間を設定または編集します。
   • 著者情報ドロップダウンメニューから、記事の著者を選択してください。

長所：

• プラグインを追加することなく、基本的なメタデータを簡単に追加できます。
• WordPressは自動的に情報を保存し、フロントエンドに表示します。

方法3：プラグインを使用したカスタムメタデータ

より柔軟なメタデータ管理が必要な場合は、次のようなプラグインを使用できます。 アドバンスドカスタムフィールド（ACF） もしかしたら メタボックス.

ACFプラグインの使用手順

1. プラグインのインストール
   WordPressバックエンドでの検索とインストール 高度なカスタムフィールド プラグイン。

2. カスタムフィールドグループの作成
   • 切り替える ACF > カスタムフィールド.
   • 打点 新しいフィールドグループの追加グループ名と異なる場合は、グループ名を入力してください（例："記事追加情報").
   • などのカスタムフィールドを追加します。記事の評価","推奨指数など

3. フィールド表示位置の指定
   • 表示ルール」で「以下の条件でのみ表示する」を選択し、「」に設定します。同等の記事".
   • フィールドグループを保存します。

4. 投稿メタデータの編集
   Gutenbergエディターで、先ほど作成したフィールド情報.

5. フロントエンドでのメタデータの表示
   テーマファイルを編集します。 シングル.php)、以下のコードを使ってメタデータを表示します：

<?php echo get_field('your_custom_field_name'); ?>
<?php echo get_field('your_custom_field_name'); ?>
<?php echo get_field('your_custom_field_name'); ?>

Meta Boxプラグインの使用手順：

メタボックス 同様の機能を提供しますが、より開発者にやさしく、複雑なメタデータ操作や高度な機能をサポートしています。

方法 4: REST API を使用してメタデータを取得します。

メタデータをフロントエンドアプリケーションやサードパーティツールと統合する必要がある場合は REST API 登録されたメタデータへのアクセス

例

以下のURLにアクセスしてください：

https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}<br>
https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}<br>
https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}

JSONデータには カスタム_メタ_キー 値（ただし登録されたメタデータ).

要約：ポストメタの重要性

Gutenbergを通じて投稿メタデータを追加することで、コンテンツの整理とSEOパフォーマンスを大幅に向上させることができます。一般的な適用シナリオをいくつかご紹介します：

• ブログ記事：著者、日付、カテゴリなどの主要情報を表示します。
• WooCommerce ショップ：SKU、価格、在庫状況などの動的データを表示します。
• ニュースサイト：発行時刻とソース情報を強調表示。