WordPress テーマでブログ投稿のメタデータを表示する方法

WordPressブログのオーナーとして、ブログ投稿のメタデータを表示することの重要性を私たちは理解しています。公開日、投稿者名、カテゴリ、タグなど、ブログ投稿に関する重要な情報を表示します。

時には、このメタデータをカスタマイズしたり、さらに価値を提供するために追加の詳細を追加したりしたい場合があります。最終更新日や読了時間を表示したい場合でも、投稿メタデータを調整することで、WordPressブログのユーザーエクスペリエンスを向上させることができます。

この記事では、WordPressの投稿に投稿メタデータを簡単に表示する方法を説明します。組み込みのテーマオプションの使用から、より高度なカスタマイズまで、いくつかの方法をカバーしますので、あなたのニーズとスキルレベルに最適なアプローチを選択できます。

WordPress サイトでブログ投稿のメタデータを編集して表示するのはなぜですか？

ブログの投稿メタデータとは、実際のコンテンツの一部ではない投稿に関する情報のことです。公開日、投稿者名、WordPressのカテゴリとタグなどが含まれます。

このメタデータは、お使いのWordPressテーマによって、さまざまな場所に表示される可能性があります。

WordPressのメタデータは、どこに表示されていても、訪問者がコンテンツについてさらに詳しく知るのに役立ちます。また、他の興味深い投稿を発見するのに役立つこともあります。たとえば、同じ著者が書いた他のブログを探すかもしれません。

このように、投稿メタデータはユーザーエクスペリエンスを向上させ、ページビューを増やすことさえあります。ただし、投稿メタデータを表示しすぎると、サイトが乱雑で分かりにくくなる可能性があるため注意してください。

デフォルトでは、WordPress はブログ投稿の公開日、著者名、カテゴリなどの投稿メタデータをすでに表示しています。しかし、追加情報を含めたい場合もあります。

それを踏まえた上で、WordPressテーマで投稿メタデータを表示する方法を見ていきましょう。使用したい方法に直接ジャンプするには、以下のクイックリンクを使用してください。

• 方法1：WordPressテーマカスタマイザーを使用する（クラシックテーマ）
• 方法2: フルサイトエディター（ブロックテーマ）を使用する
• 方法3：カスタムWordPressテーマの作成（完全にカスタマイズ可能）
• 方法4：カスタムフィールドの詳細設定（完全にカスタマイズ可能）
• 方法5：WordPressテーマファイルにコードを追加する（上級者向け）

方法1：WordPressテーマカスタマイザーを使用する（クラシックテーマ）

一部のクラシックなWordPressテーマでは、コードを書かずに投稿メタデータをカスタマイズできます。

このテーマが該当するかどうかを確認するには、外観 » カスタマイズに移動するだけで、WordPressテーマカスタマイザーが開きます。

これで、ブログページをカスタマイズできる設定を探すことができます。これらは通常、「ブログ」、「ブログ設定」、「投稿」などのラベルが付いています。

例えば、Sydney WordPressテーマを使用している場合、左側のメニューから「ブログ」を選択するだけです。

その後、「ブログアーカイブ」をクリックします。

次に、「メタ」セクションまでスクロールするだけで、追加または削除できるさまざまなデータをすべて確認できます。

サイトにメタデータを追加するには、目のアイコンのように見える「表示」アイコンをクリックするだけです。

メタデータのピースを削除するには、アイコンを再度クリックします。取り消し線が引かれたアイコンまたはグレーアウトされたアイコンは、それがもはや表示されないことを意味します。

WordPress が訪問者にこのメタデータを表示する順序は、ドラッグ＆ドロップで変更することもできます。メタデータをブログ投稿タイトルの上、または 抜粋 の下に表示するオプションもあります。

テーマカスタマイザーで変更を加えると、ライブプレビューが自動的に更新されるため、さまざまな設定を試して、WordPressウェブサイトに最適なものを確認できます。

メタデータがどのように表示されるかに満足したら、「公開」をクリックして変更を反映させるのを忘れないでください。

WordPressカスタマイザーに投稿メタデータの設定が表示されていなくても、コードを書かずにこの情報を追加する方法がある場合があります。

これを踏まえ、テーマのドキュメントを確認することをお勧めします。また、テーマの開発者にヘルプを求めることもできます。

多くの役立つヒントについては、WordPress サポートの適切な依頼方法と取得方法に関するガイドをご覧ください。

方法2: フルサイトエディター（ブロックテーマ）を使用する

WordPressのブロックベースのテーマ ブロックエディターテーマ （例： Hestia Pro）を使用している場合、投稿メタブロックを使用してWordPressウェブサイトの投稿のメタデータを表示できます。

開始するには、WordPressダッシュボードで 外観 » エディター に移動するだけです。

デフォルトでは、フルサイトエディターはテーマのホームページテンプレートを表示します。

WordPress ブログ投稿にメタデータを追加するには、左側のメニューにある「テンプレート」をクリックしてください。

エディターには、WordPressテーマを構成するすべてのテンプレートのリストが表示されます。

ブログ投稿のレイアウトを制御する「シングル投稿」テンプレートをクリックするだけです。

通常、シングル投稿テンプレートには既に投稿メタブロックが含まれているはずです。それを好みに合わせて編集できます。

そうでない場合は、左上にある青い「+」アイコンをクリックする必要があります。表示される検索バーに「投稿メタ」と入力します。

正しいブロックが表示されたら、それをブログレイアウトにドラッグアンドドロップします。

デフォルトでは、このブロックは投稿のカテゴリ、投稿者名、タグを表示します。

このメタデータを編集したい場合があります。たとえば、タグを削除したり、WordPressがメタデータの前に表示する静的テキストを変更したりできます。

以下の画像は、デフォルトの投稿メタブロックが WordPressブログ でどのように表示されるかの例です。

このブロックを変更するには、フルサイトエディターでクリックして選択するだけです。その後、投稿メタブロック内の任意のブロックをクリックして変更を加えることができます。

WordPressがメタデータの前に表示する静的なテキストを編集しているのか、それともWordPressが実際の値に置き換える動的なテキストを編集しているのかを注意深く確認してください。

例えば、以下の画像では、投稿作成者セクションに静的なテキストを追加しました。

ただし、「投稿者」の動的テキストは変更していません。

次の画像では、WordPressブログでどのように表示されるかを確認できます。

ポストメタブロックにさらにメタデータを追加したい場合もあります。

例えば、フルサイトエディターには、投稿メタブロックにドラッグ＆ドロップで簡単に追加できる「投稿日」や「投稿者略歴」などのブロックがあります。選択肢は多数あるため、時間をかけて探索できます。

青い「+」ボタンをクリックし、使用したいブロックを見つけるだけです。その後、投稿メタブロックにドラッグアンドドロップできます。

Post Metaブロックにブロックを追加した場合、レイアウトを変更する必要があるかもしれません。

これを行うには、投稿メタブロックをクリックし、「ブロック」タブを選択するだけです。

これらの設定を使用して、コンテンツをきれいに配置できるようになりました。たとえば、列数を変更したり、余白やパディングを追加したりできます。

シングルテンプレートの外観に満足したら、「保存」ボタンをクリックします。

これで、ウェブサイトにアクセスすると、投稿メタデータが機能しているのがわかります。

プロのヒント：シングル投稿ページをさらにレベルアップさせたいですか？このステップバイステップガイドに従って、WordPressでカスタムシングル投稿テンプレートを作成する方法を学びましょう。

ブログ投稿メタを直接カスタマイズしたい場合は、フルサイトエディターのメインメニューに移動し、「パターン」を選択できます。

ここで、「すべてのテンプレート」オプションをクリックするだけです。

その後、「投稿メタ」を選択して編集します。

方法3：カスタムWordPressテーマの作成（完全にカスタマイズ可能）

もう1つのオプションは、カスタムWordPressテーマを作成することです。これはより高度な方法であり、サイトにまったく異なるテーマを使用したい場合に推奨されます。

ただし、これにより、投稿メタデータがウェブサイトのどこに表示されるかを完全に制御できます。

以前は、複雑なWordPressチュートリアルに従い、コードを記述してカスタムWordPressテーマを作成する必要がありました。しかし、SeedProdを使用すると、コードを一行も書かずに独自のテーマを作成できるようになりました。

SeedProdは最高のドラッグ＆ドロップWordPressページビルダーであり、テーマビルダーも備えています。これにより、簡単なドラッグ＆ドロップエディターを使用して独自のテーマをデザインできます。

手順については、カスタムWordPressテーマを（コードなしで）簡単に作成する方法のガイドをご覧ください。

その後、WordPressウェブサイトの任意の場所に投稿メタデータを追加できます。SeedProdの左側メニューにある「投稿情報」ブロックを見つけるだけです。

次に、ブロックをページレイアウトにドラッグアンドドロップします。

その後、投稿情報ブロックをクリックして選択します。デフォルトでは、このブロックには著者、日付、時刻、コメントのメタデータが表示されます。

ただし、更新日、更新ターム、タームメタデータを表示することもできます。

ブロックにさらに情報を追加するには、「アイテムを追加」をクリックしてください。

新しいプレースホルダー項目が追加されます。

設定をすべて表示するには、項目をクリックしてください。

次に、「タイプ」ドロップダウンを開き、表示したいメタデータのタイプを選択します。

選択したオプションに応じて、追加の設定にアクセスできます。たとえば、「最終更新日時」を選択した場合、時間形式を選択できます。

メタデータ項目のアイコンを変更することもできます。「アイコン」ドロップダウンを開き、「カスタム」を選択するだけです。

次に、「アイコンを選択」をクリックします。

これにより、数百のアイコンから選択できるアイコンライブラリが表示されます。検索バーを使用して特定のアイコンを探したり、リスト全体を閲覧したりできます。

使用したい画像を見つけたら、カーソルを合わせるだけで「プラス」ボタンをクリックしてページに追加できます。

代わりにメタデータ項目を削除したいですか？

次に、マウスカーソルを合わせると表示されるゴミ箱アイコンをクリックします。

最後に、ドラッグアンドドロップを使用してメタデータ項目の順序を変更できます。

ポスト情報ボックスの設定が完了したら、「詳細設定」タブを選択して表示方法を変更できます。

ここで、間隔を変更したり、境界線を追加したり、CSSアニメーション効果を追加したりできます。

ページの見た目に満足したら、「保存」ボタンをクリックし、「公開」を選択して公開します。

方法4：カスタムフィールドの詳細設定（完全にカスタマイズ可能）

追加の投稿メタを表示するためだけにカスタムテーマを作成するのは、やりすぎだと感じるかもしれません。その場合は、代わりにカスタムフィールドまたはカスタムメタボックスを使用できます。

どちらのオプションでも、WordPressブロックエディターに独自のフィールドを追加でき、それを使用してさまざまな種類のメタデータを挿入できます。

詳細については、次のガイドを参照してください。

• WordPressカスタムフィールド入門：ヒント、トリック、ハック
• WordPressの投稿と投稿タイプにカスタムメタボックスを追加する方法

方法5：WordPressテーマファイルにコードを追加する（上級者向け）

最後に、カスタムコードを使用してWordPressにブログ投稿メタを追加できます。この方法は、WordPressテーマカスタマイザー、フルサイトエディター、SeedProdが提供する投稿メタデータのオプションがニーズを満たさない場合に推奨されます。

初心者の方にとって、コードを使用することは、ウェブサイトを壊してしまう可能性があるため、 intimidatating に思えるかもしれません。そのため、カスタムコードスニペットをサイトに挿入する最も簡単で安全なプラグインであるWPCodeの使用をお勧めします。

WPCode を使用すると、WordPress のコアファイルに直接触れることなくコードを追加できます。これにより、WordPressサイトにエラーが発生することはありません。

実際、投稿メタデータとして使用できるカスタムコードスニペットを含む記事がいくつかあります。以下のガイドから始めることができます。

• WordPressで投稿の最終更新日を表示する方法
• アフィリエイト開示を各ブログ投稿に自動的に追加する方法
• WordPressの投稿から著者名を削除する方法
• WordPress の投稿に推定読書時間を表示する方法

1つの注意点として、コードを実行する適切な場所を選択する必要があるため、すべてのブログ投稿に表示されるようになります。

ポストメタデータの場合、これは「投稿の前を挿入」、「投稿の後を挿入」、「コンテンツの前を挿入」、または「コンテンツの後を挿入」のいずれかになります。

この記事が、WordPressテーマにブログ投稿のメタデータを表示する方法を学ぶのに役立ったことを願っています。また、WordPressにメタディスクリプションとキーワードを追加する方法に関するガイドや、必須のWordPressプラグインの専門家による厳選リストもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。