サポート » 使い方全般 » 投稿日時、更新日時を記事に表示したいです。

  • 解決済 megumitoshioka

    (@megumitoshioka)


    いつもお世話になっております。

    記事に投稿した日時、更新した日時を毎回表示できるようにしたいのです。

    自分で調べてみたところ、私の質問とは逆の非表示にしたいという方のトピがあったので
    そのアレンジになるかと思うのですが

    ダッシュボード>外観>CSS編集で

    投稿日時はY年n月j日H:i
    #content .published { Y年n月j日H:i }

    更新日時は
    #content .updated.entry-meta-items { Y年n月j日H:i }

    で表示できるようになるのかな、というところまではたどり着きましたが
    これで正解でしょうか。

    使用しているテーマはMesmerizeです。

    おわかりになる方がいらっしゃいましたら回答お願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • CG

    (@du-bist-der-lenz)

    調べられたことは正解です。ただ、セレクタはMesmerizeテーマに合わせましょう。
    なお、Mesmerizeテーマは、カスタマイズ>ブログ設定で「投稿メタ」のチェックで、投稿日時の表示、非表示が出来ます。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    CG様、いつもお世話になっております。

    カスタマイズ>ブログ設定で「投稿メタ」のところだけチェックをはずしていました。

    他のサイトでウィジェットのメタ情報のボックスは表示しないほうがいい、
    と読んだので、投稿メタも関係があると思って勘違いしていました^^;
    投稿日に関しては表示されるようになりました。ありがとうございます。

    テーマによってコーディングの書き方が違うということでしょうか。
    この質問に関しては
    #contentの部分が間違っているという意味ですか。

    こんなサイトを見つけたので、まずはセレクタについて勉強します。
    https://saruwakakun.com/html-css/reference/selector

    CG

    (@du-bist-der-lenz)

    bodypsectionarticleといった絶対ルールのセレクタがある一方で、class名は、設計しやすく自由度があります。それでこそスタイルシートで個性を出せます。
    TwentySeventeenテーマに、

    article time.updated:not(.published) {
      display: inline;
    }

    を加えて確認しましょう。更新日を表示します。コーディングの必要はありません。
    Mesmerizeテーマユーザーのリーダーシップを取りたいと意気込み、応援します。余計なことですが、様は不要に願います。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    CGさん(とお呼びしますねv)いつも回答ありがとうございます。
    お返事が遅くなってしまい、すみません。
    どうしても今日アップしたい記事がありましたので。。。

    まだまだ私は勉強しないといけないレベルですので、
    リーダーシップというほどのことはできませんし、
    おこがましいと思っていますので
    初心者なりに自分が理解したことを私のように初心者の人が
    躓いた時に手引きになれば、と思っています。

    しかし諸先輩方のアドバイスや応援、心強いです。感謝します。

    TwentySeventeenテーマの環境で試してみてから
    Mesmerizeテーマで実施してみると良いということでしょうか。

    後程、テーマを切り替えて試してみたいと思います。
    更新日時の件が解決しましたら、またこちらで報告させていただきます。

    いつもありがとうございます。

    トピック投稿者 megumitoshioka

    (@megumitoshioka)

    @du-bist-der-lenzさん、こんばんは。

    こちらのトピを長らく未解決のままにしてしまい、申し訳ございませんでした。

    ご提案いただきましたTwentySeventeenテーマに更新日を表示させる方法は試してみました。
    その上で、さらに私が現在、使用しているテーマ2つについて
    同じように表示させたいのでスタイルシートの勉強が必要なのですが
    技術的な部分について、じっくり勉強している時間が取れず、
    しかし現在早急にサイトの体裁を最低限整えたいので代替案として
    プラグインのWP Last Modified Infoを使用してみることにしました。

    このプラグインでは
    (アイコン)公開日、(アイコン)更新日という感じで私が表示させたい見た目とは違うので
    今後、合間の時間で勉強しながら自分の思っている表示方法に設定できるようにしたいと思っています。

    WP導入当初から、いろいろ相談に乗っていただきまして
    たいへん感謝しております。

    今後は今まで教えていただいたことをヒントに自分でも模索しながら
    どうしても行き詰った時にまた、こちらでご相談させていただきたいと思います。

    こちらのトピをずっと未解決のままにしていることが気になっていたので
    このたびをもちまして、こちらはいったん解決済みとさせていただきます。

    アドバイスいただきましたみなさま、ありがとうございました。

    CG

    (@du-bist-der-lenz)

    4ヶ月経つと主にTwentyNineteenを使うようになっています。現在は次第に、Variaテーマに自由度の高さを認めているので、夢中なのですが、TwentySeventeenテーマも、Mesmerizeテーマも、サイトでは活用していますから、すぐにいろいろ確認できるので、フォーラムではどう問うたらいいかわからないようなことでも、気兼ねなく声かけてもらって構いませんよ。
    プラグインのWP Last Modified Infoを使用して、テーマと同じようにアイコンを日付の前につけるのも、難度はないですよ。

    解決済みですが、どうも話が噛み合ってないと思いますので、ちょっとだけ回答させてもらいます。

    同じように表示させたいのでスタイルシートの勉強が必要なのですが

    スタイルでは、固定の文字列であれば表示は可能ですが、投稿データである更新日時などは基本的にはテンプレート(PHP)で表示することになります。
    Mesmerize テーマでしたら、template-parts/content-post-single-header.php を変更するのがいいかと思います。
    子テーマに、template-parts ディレクトリを作成し、親テーマから content-post-single-header.php をコピーして、下記のように変更するといいかと思います。

    content-post-single-header.php(抜粋)

      &nbsp;&nbsp;<i class="font-icon-post fa fa-calendar"></i>
      <span class="post-date"><?php echo the_time(get_option('date_format')); ?></span>
    
      &nbsp;|&nbsp;<i class="font-icon-post fa fa-comment-o"></i>
      <span><?php echo get_comments_number(); ?></span>

      &nbsp;&nbsp;<i class="font-icon-post fa fa-calendar"></i>
      <span class="post-date"><?php echo the_time(get_option('date_format')); ?></span>
    
      <?php if ( get_the_time() !== get_the_modified_time() ) { ?>
      &nbsp;&nbsp;<i class="font-icon-post fa fa-refresh"></i>
      <span class="post-modified-date"><?php echo the_modified_date(get_option('date_format')); ?></span>
      <?php } ?>
    
      &nbsp;|&nbsp;<i class="font-icon-post fa fa-comment-o"></i>
      <span><?php echo get_comments_number(); ?></span>

    ※ 中央の4行を追加

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「投稿日時、更新日時を記事に表示したいです。」には新たに返信することはできません。