WordPressテーマSANGOの質問

記事の更新日時を優先に表示する方法

アバター
プログラミング勉強したい

お世話になります。
記事の更新日時だけ表示する方法をご教授願えませんか?

・記事投稿時は、記事投稿日を表示
・記事更新後は、記事更新日のみ表示(当初の記事投稿日を非表示)
・記事更新日の表示は、【最終更新日:2019/5/6】の表示

お忙しいところ、恐れ入りますがよろしくお願いします。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/05/06

お世話になっております。以下のカスタマイズで可能です。

①子テーマの中に、partsという名前のフォルダーを作成し、さらにその中にsingleという名前のフォルダーを作成します。

②作成したsingleフォルダーの中に、親テーマからentry-header.phpというファイルを複製してきます(ファイルの内容は、一旦親テーマのものと全く同じにしてください)。
③子テーマのentry-header.phpを開きます。

④次のコードを…

<?php if(!get_option('remove_pubdate')):?>
  <time class="pubdate entry-time" datetime="<?php echo get_the_date('Y-m-d'); ?>"><?php echo get_the_date('Y/m/d'); ?></time>
  <?php if(get_the_modified_date('Ymd') > get_the_date('Ymd')): ?>
    <time class="updated entry-time" datetime="<?php echo get_the_modified_date('Y-m-d'); ?>"><?php echo get_the_modified_date('Y/m/d'); ?></time>
  <?php endif; ?>
<?php endif; ?>

以下にまるっと置き換えます。

<?php if(!get_option('remove_pubdate')):?>
  <?php if(get_the_modified_date('Ymd') > get_the_date('Ymd')): ?>
    <time class="updated entry-time" datetime="<?php echo get_the_modified_date('Y-m-d'); ?>"><?php echo get_the_modified_date('Y/m/d'); ?></time>
  <?php else: ?>
		<time class="pubdate entry-time" datetime="<?php echo get_the_date('Y-m-d'); ?>"><?php echo get_the_date('Y/m/d'); ?></time>
	<?php endif; ?>
<?php endif; ?>

つづいて、子テーマのstyle.cssに以下のCSSを追加します。

.entry-header .updated:before {
  content: "最終更新日:";
  opacity: 1;
}

その後、ブラウザのキャッシュを削除してご確認ください。

アバター
taku
2019/05/12

お忙しい中対応ありがとうございます。
FFFTPを使ったらすんなりいけました。
説明がとても分かりやすかったです。

アバター
プログラミング勉強したい
2019/05/21

お世話になります。
5/6に質問→5/6に回答頂き、ありがとうございます!
追加1点質問お願いします。

上記で教えて頂いたコードは、Googleで検索した時の日付表記も更新日時に変更されますか?

例 
A記事投稿日 2019/05/21
Google検索結果の日付表示 2019/05/21

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

A記事記事更新 2019/07/22
Google検索結果の日付表示 2019/07/22【2019/05/21から表示変更されている状態】

お忙しい中恐れ入りますが、よろしくお願いします。

サルワカくん
サルワカくん
2019/05/22

Googleの検索結果の日付はさまざまな日付に関わる情報か決定されているようなので、ケースバイケースですが、僕の経験上、しばらく時間が経つと反映されます。

アバター
プログラミング勉強したい
2019/05/22

お世話になります。
数ある質問からお答え頂きまして、ありがとうございます。
時間経過を待ってみます。

恐れ入りますが、2点質問よろしいでしょうか?

1点目
上記で教えて頂いたコードを実行してみると、更新した際の♻︎←こんなマークも非表示になってしまいます。
♻︎←マークを表示する方法を教えて頂ければ大変嬉しいです。

2点目
https://saruwakakun.com/sango/comments?id=1438
上記URLを実行した際も、更新した際の♻︎←こんなマークも非表示になってしまいます。
併せて、♻︎←マークを表示する方法を教えて頂ければ大変嬉しいです。

お忙しい中恐れ入りますが、よろしくお願いします。

サルワカくん
サルワカくん
2019/05/22

リフレッシュマークは勝手ながら不要かと思ってしまっておりました。上記に掲載されているCSSのうち

content: "最終更新日:";

content: "\f021 最終更新日:";

に変更すればアイコンも表示されるようになるかと思います。

2点目については、過去バージョンのSANGO対応のコードになってしまっていたので、コードを修正しました。こちらから再度貼り付け直していただきますようお願いします。

アバター
プログラミング勉強したい
2019/05/22

お世話になります。
先ほどの質問は控えさせて頂き、こちらの質問をお願いしてもよろしいでしょうか?
また、度重なる質問大変申し訳ございません。

質問1
トップページのブログカード投稿日
記事の投稿日
[card2mod id=“〜〜〜〜”]の投稿日など
全ての記事投稿日の横に、記事更新した際に記事更新日を表示する設定を教えて頂けないでしょうか?

希望表示例
2019.05.22
の表示のところを

2019.05.22 ♻︎2019.05.24
に変更する

サルワカさんの貴重なお時間を頂戴しております。
本当に度重なる質問大変申し訳ございません。
何卒、よろしくお願いします。