ベストセラー人気 WordPress テーマTop 30 詳細

WordPress ポストに更新日を表示する(GeneratePressテーマ)

Last Updated:2020年12月4日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPress ポストに最終更新日を表示する方法について取り上げたことがあります。 この記事では、GeneratePressテーマのポストに更新日を表示する方法について、もう少し詳しく見てみましょう。

GeneratePressテーマ:ポストに更新日を表示する

GeneratePressテーマ:ポストに更新日を表示する

このブログには、現在のポスト発行日ではなく更新日が表示されています。 更新日のみを表示する場合、更新日がGoogleの検索時にポストの日付として表示されるようです。 しかし、発行日と更新日を同時に表示する場合には、発行日がポストの日付として表示されます。

記事の内容を最新の情報に更新することが重要です。 5年前に作成した文章を大幅に変更した場合、発行日をどのようにすべきでしょう? 悩みがないことができません。 文を大幅に変更した場合、発行日を変更することを考慮してみることもできるでしょう。 この問題についてYoast SEOの "Publish date on updated articles」を参考にしてみてください。

私は最終的な修正日付のみを表示してみると、その文がいつ最初に作成された知ることができない欠点があります。 だから発行日と更新日を同時に表示すると、どうする気がしました。 GeneratePressテーマを使用している場合は、簡単なCSSで発行と最終更新日を同時に表示することができます。

/* Display updated date in WordPress GeneratePress theme */
.posted-on .updated {
    display: inline-block;
    margin-right: 1em;
}
/*Add date prefixes */
.posted-on .updated:before {
    content: 'Updated: '; 
}
.posted-on .entry-date:before {
    content: 'Published: '; 
}

上記のCSSコードを テーマのデザイン>ユーザー定義>追加CSSに追加します。 上記のコードを追加したら、次のように更新日付と文発行日が同時に表示されました。

WordPress GeneratePressテーマ:ポストに最終修正日付表示する

しかし、上記のコードを追加して、次の日、Googleでこのブログ記事を検索してみると、すべての記事の日付が元の発行日に変わっていることを発見しました。 一日ですべての記事の日付が変わったことに慌てて、上記のコードをなくし "WordPress ポストに最終変更日を表示する方法」で説明された方法で、最終更新日を表示するように変更しましたが、そのうちに日が変わりました。

したがって、最終更新日付のみを表示している状況では、上記のコードを適用すると、Googleで検索されているすべてのポストの日付が発行に変更されることができるという点を与えてください。

発行日ではなく最終更新日だけを表示したい場合には、次のCSSコードを使用することができます。 (このコードは、テストではありませんでした。)

.posted-on .updated {
    display: inline-block;
}

.posted-on .updated + .entry-date {
    display: none;
}

.posted-on .updated:before {
    content: "Last Updated ";
}

ヘッダ要素(Header Element)に「更新」の日付を表示する

WordPress GeneratePressテーマヘッダ要素に最終修正日付表示する

図のようにHeader Elementに最終更新日を表示したい場合は、まずショートコードで最終更新日を表示するPHPコードを作成し、Header Elementコンテンツにショートコードを追加します。

まず、次のようなPHPコードをテーマの関数ファイルに追加するようにします。 (チャイルドテーマを作ってチャイルドテーマの関数ファイルに追加してください。)

function post_modified_date() {
    return get_the_modified_date();
}
add_shortcode( 'updated_date', 'post_modified_date' );

その後、ヘッダ要素のコンテンツに [updated_date]を追加すると、変更日付が表示されます。

WordPress ポストに更新日を表示する(GeneratePressテーマ)2

GeneratePressテーマでElementを使用する方法は、「GeneratePressテーマフックを使用する」を参考にしてみてください。新しいElementを追加するときにHeaderを追加してヘッダ要素を必要な場所(例えば、フロントページ、カテゴリページ、個別記事...)に表示することができます。

参照



コメントを残す

コメント