「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

日付の表示を任意の文字に変更したい

Q.トップページの日付をほかの文字に変更したい

ブログ以外のサイトで使用したいので、トップページの日付をほかの文字に変更したいです。変更方法を教えてください。

A.下記のphpファイルの該当箇所を編集してください

今回はトップページの例をご説明致しますが、ほかのページも同様の修正にて変更が可能です。(ページによって修正ファイルが異なります)
但し、記事ごとに異なる文字列を表示したいということは不可能です。
(記事ごとに表示を変えたい場合は、カテゴリーの場合「<?php the_category(‘ ‘); ?>」を使うなど適宜ご編集ください)

編集するファイル:index.php
編集する箇所:

  <p class="post_date">
   <span class="date"><?php the_time('j'); ?></span>
   <span class="month"><?php $month = get_the_date('M'); if (strtoupper(get_locale()) == 'JA') { echo encode_date($month); } else { echo $month; }; ?></span>
   <span class="year"><?php the_time('Y', 'tcd-w'); ?></span>
  </p>

  <p class="post_date">
   <span class="date">任意の文字列</span>
  </p>

※上記の修正をした上で、「style_pc.css」のスタイルを表示を確認しながらご編集ください。
下記はデフォルトのCSSになります。

.post_item .post_date { width:70px; height:70px; text-align:center; margin:0; line-height:100%; padding:0; position:relative; float:left; background:#000; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }

※長いテキストになるとレイアウトが崩れる恐れがあります。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事