Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで相対日付を表示する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトに相対的な日付を表示したいですか?

相対日付は、TwitterやFacebookのような多くの人気ソーシャルメディアサイトで使用されています。これらのサイトでは、日付のタイムスタンプを表示する代わりに、何年前に投稿されたかを表示しています。

この投稿では、WordPressで相対日付を表示する方法を紹介する。

How to display relative dates in WordPress

WordPressで相対日付を使う理由とタイミング

多くのソーシャル・ネットワーキング・サイトでは、投稿が何日前に行われたかを表すのに、相対時間が使われていることにお気づきだろうか。

例えば、2時間前かもしれないし、昨日かもしれないし、たった今かもしれない。

Relative date shown on Facebook

相対日付は、投稿からどれくらいの時間が経過したかをユーザーに認識させます。そのため、多くのWordPressブログやニュースサイトでは、時系列風の相対日付を追加しています。

それでは、WordPressサイトに相対日付を追加する方法を見ていきましょう。ここでは2つの方法を取り上げますので、以下のリンクから使いたい方にジャンプしてください:

プラグインを使ってWordPressに相対日付を追加する

まず最初にMeks Time Agoプラグインをインストールして有効化します。詳しくはWordPressプラグインのインストール方法をご覧ください。

有効化した後、設定 ” 一般ページにアクセスし、「Meks Time Agoオプション」セクションまでスクロールダウンする必要があります。

Meks Time Ago settings

相対時間を使用する場所と時間を選択できます。日付、時間、またはその両方を表示することができます。また、特定の時間より過去の投稿に限定することもできます。

多言語サイトを運営している場合や、テキスト「ago」を変更したい場合は、ここでも変更できる。

変更を保存するボタンをクリックして、設定を保存することを忘れないでください。

すべてです。これで、あなたのサイトにアクセスして、投稿日やコメントする際の相対日付を確認することができます。

Relative date shown with a WordPress post

WordPressで相対日付を手動で追加する

この方法ではプラグインをインストールする必要があるが、WordPressテーマに手動でコードを追加する必要もある。

WordPressサイトにコードを追加するのが初めての場合は、ウェブ上のスニペットをWordPressに貼り付けるガイドをご覧ください。

WordPressにファイルを編集してアップロードするためにFTPを使用する方法も参照してください。

準備はいいかい?始めよう

まず最初に行う必要があるのは、WP RelativeDateプラグインをインストールして有効化することです。

有効化すると、プラグインはテーマのWordPress初期設定の日付を相対的な日付と時間に置き換えようとします。

ただし、WordPressテーマには日付と時刻を表示する方法が異なるものが非常に多いため、お使いのテーマでは動作しない可能性があります。

サイトにアクセスして、日付と時刻を相対的な日付に変更できたかどうかを確認してください。

あなたのテーマで動作しない場合は、相対的な日付と時刻を表示したいWordPressテーマファイルを編集する必要があるかもしれません。

例えば、個別投稿ページに相対的な日付を表示したい場合、single.phpまたはcontent-single.phpファイルを編集する必要があります。コメントする場合は、comments.phpファイルを編集する必要があるかもしれません。

基本的には、テーマのテンプレート・ファイルにこれらの行がないか探してください:

<?php the_date(); ?>
<?php get_the_time(); ?>
<?php get_the_date(); ?>

以下の行に置き換える必要がある:

<?php relative_post_the_date(); ?>

サイトのどこに相対的な日付を表示したいかによって、WordPressテーマの複数のファイルを編集する必要があるかもしれません。

すべてです。これで、サイトにアクセスして、相対日付を実際に見ることができます。

WordPressの日付に関するエキスパートガイド

WordPressで相対日付を表示する方法はお分かりいただけたと思いますが、WordPressサイトの日付表示に関連する他の投稿もご覧ください。

この投稿がWordPressで相対的な日付を表示する方法を学ぶのにお役に立てば幸いです。WordPressでランディングページを作成する方法や、専門家が選んだブログを成長させる最高のFacebookプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

4件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ziaul Hai says

    I want to know how to remove relative dates. My wordpress theme shows the relative date by default. But I am not able to change that.

    • WPBeginner Support says

      You could replace the relative_post_the_date with the PHP in this article depending on how you want it to display but if you reach out to your theme’s support they may have a built-in method to disable this style of date.

      管理者

  3. Sreeharsh says

    Hi, I’m getting wrong time stamp using Meks Time Ago plugin in my homescreen. For a 9 hour ago post, its showing 2 weeks ago. Please help me solve it.
    Thank you.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。