WordPressで今日の日付を自動的に表示する3つの異なる方法
公開: 2017-07-02今日の日付をWordPressサイトに表示したいと思ったことはありませんか？ 現在の日付を表示すると、読者はあなたがまだ生きていてキックしていることを知るのに役立ちます。 そして、あなたの読者が私のように忘れているなら、それは彼らが差し迫った期日を思い出すのを助けるかもしれません！
いくつかのWordPressテーマには、サイトに今日の日付を表示するための組み込みオプションが含まれていますが、ほとんどのテーマには含まれていません。 したがって、WordPressサイトのどこかに現在の日付を表示したい場合は、自分で処理する必要があります。
この投稿では、WordPressで今日の日付を表示する方法について3つの異なる方法を説明します。 まず、この機能を備えた数少ないプラグインの1つを紹介します。 次に、独自のショートコードを作成する方法についての簡単なチュートリアルを紹介します。 最後に、今日の日付をテーマのテンプレートファイルに直接追加するために使用できる2つの異なるコードスニペットで締めくくります。
掘り下げてみましょう…
WordPressプラグインで今日の日付を表示する方法
WordPressサイトに今日の日付を表示できるようにすることを目的としたいくつかの異なるプラグインがあります。 しかし、私の残念なことに、それらの多くは実際にはもう機能していません。 うまく機能しなかったものをいくつかテストした後、私はついにDate and TimeWidgetの形で機能するものを見つけました。
当然のことながら、Date and Time Widgetは、ウィジェット化された領域に現在の日付と時刻を挿入するために使用できるまったく新しいウィジェットを提供します。 ウィジェットよりもショートコードを使用したい場合は、次のセクションで、独自の今日の日付のショートコードを作成する方法を説明します。
このプラグインは、フォーマット、フォント、フォントサイズ、およびいくつかのカスタムカラーを設定できるので便利です。
プラグインを使用するには、プラグインをインストールしてアクティブ化するだけです。 次に、[外観]→[ウィジェット]に移動し、他のウィジェットと同じように新しい日付と時刻ウィジェットをドラッグします。
次に、各オプションを確認して構成する必要があります。
- 時間形式：いくつかの異なる時間形式から選択するか、[なし]を選択してこの部分をオフにします（日付のみを表示します）。
- 日付形式：日付に使用する形式を選択します。
- フォントファミリー：フォールバックフォントファミリーを選択します（ウィジェットは最初の選択肢としてテーマのフォントを継承する必要があります）。
- フォントサイズ：一目瞭然。
- テキストの色：ウィジェット内のすべてのテキストの色。
- 背景色：テキストの背景。
これらの2つの要素がどのように機能するかがわかるように、背景を黒、テキストの色を白にします。
ウィジェットを保存すると、フロントエンドに今日の日付が表示されます。
とても簡単！ ただし、実際には、現在の日付を表示する独自のショートコードを作成するのもほぼ同じくらい簡単です。 方法は次のとおりです。
WordPressで今日の日付を表示するショートコードを作成する方法
より手動のアプローチが必要な場合は、数行のコードを使用して実際に独自のショートコードを作成できます。 個人的には、ウィジェット化された領域だけでなく、コンテンツの任意の部分に現在の日付を柔軟に挿入できるため、これは私の推奨する方法です。
このコードは次の場所に配置できます。
- 子テーマのfunctions.phpファイル
- 自分で作成したカスタムプラグイン
これが最も簡単な方法であるため、functions.phpを使用してそれを行う方法を説明します。テーマを変更する場合は、このコードをコピーすることを忘れないでください。
ショートコードを作成するには、次のコードをfunctions.phpファイルに追加する必要があります。
function displayTodaysDate( $atts )
{
return date(get_option('date_format'));
}
add_shortcode( 'datetoday', 'displayTodaysDate');
ショートコードは、 [設定]→[一般]で設定したのと同じ日付形式を使用します。
コードを追加すると、WordPressエディターまたはDiviコードモジュールで[datetoday]ショートコードを使用できます。
また、WordPress設定の形式に従って、フロントエンドに現在の日付が表示されます。
TinyMCEエディターを使用して、日付に基本的なフォーマットを追加することもできます。 たとえば、ショートコードを太字にすると、サイトのフロントエンドにも日付が太字で表示されます。
注-このコードは、今日の日付からベン・ポーランドのコード、理由はショート機能で誤った空間の、もはや作品のプラグインの修正版です。 私はWordPress.orgディレクトリでBenのプラグインを見つけ、それをこのチュートリアルで使用するつもりでした。 しかし、テストでは、ショートコードからスペースを削除するためにコードを手動で編集した場合にのみ機能することがわかりました。
今日の日付をコードで表示する方法
注–このセクションは、実際には、コードとWordPressテーマに少なくともある程度精通している人のみを対象としています。 まったくの初心者の場合は、前の2つの方法を使用することをお勧めします。
最後に、テーマのテンプレートファイル内で手を汚したい場合は、1行のPHPを使用して、WordPressサイトの任意の場所に今日の日付を挿入することもできます。
選択できるコードスニペットは2つあります。
<?php echo date(get_option('date_format')); ?>上記のスニペットは、ショートコードと同じように、WordPressの設定に従って現在の日付を表示します。
ただし、次のコードを使用して、一意の日付形式を指定することもできます。
<?php echo date('l jS F Y'); ?>このWordPressCodexの記事で、さまざまな形式が何であるかを確認できます。
たとえば、header.phpファイルの終了</ header>タグのすぐ下に次のようなコードを追加すると、次のようになります。
次に、現在の日付がフロントエンドサイトのヘッダーのすぐ下に表示されます。
ポジショニングをいじる必要があるかもしれませんが、WordPressサイトに今日の日付を表示するもう1つの簡単な方法です。
より細かく制御するには、コードを<div>に配置し、CSSを使用してその<div>のスタイルを設定したりサイトに配置したりします。
まとめ
大きな変更ではありませんが、サイトのトピックによっては、WordPressサイトに今日の日付を表示すると便利な場合があります。
サイドバー（または他のウィジェット化された領域）に今日の日付を表示したい場合は、Date and TimeWidgetプラグインが最適なオプションになります。
それ以外の場合は、独自のショートコードを作成するか、少なくともいくつかの基本的なコーディングスキルがある場合は、テーマのテンプレートファイルを掘り下げることをお勧めします。
今日の日付をWordPressに追加するためのお気に入りの方法を見逃しましたか？ 以下の提案をお気軽に共有してください。
32ピクセルの記事サムネイル画像/shutterstock.com