WordPressテーマSANGOの質問

日付表示について

アバター

お世話になっております。
日付に関していくつか質問させてください。

①トップページの記事一覧などで表示される日付をサルワカさんのサイトのようにタイトル右下に表示させたいですのですが可能でしょうか?

②日付の前に表示されている時計のアイコンを削除して、日付の太さを細くしたいです。( これも記事一覧の表示のみ )

③記事一覧は更新したら更新日のみの表示、記事自体には投稿日と更新日両方表示したいのですが可能でしょうか。

お答えいただけると幸いです。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/07/21

お世話になっております。
①トップページの記事一覧などで表示される日付をタイトル右下に表示させたい

→以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付けることで可能です。

.entry-meta {
  text-align: right;
}

②(記事一覧の表示)日付の前に表示されている時計のアイコンを削除して、日付の太さを細くしたい
→以下のCSSで可能だと思います。

.cardtype__article .entry-time,
.sidelong__article .entry-time {
  font-weight: normal;
}
.cardtype__article .entry-time:before,
.sidelong__article .entry-time:before {
  content: none!important;
}

③記事一覧は更新したら更新日のみの表示、記事自体には投稿日と更新日両方表示したいのですが可能でしょうか。
→やや大きなカスタマイズが必要です。
1)カスタマイザーの詳細設定で[更新された投稿では更新日のみを表示する]にチェックを入れておきます
2)こちらと同じような手順で子テーマにentry-header.phpを複製します。
3)子テーマのentry-header.phpのうち、次の部分を…

if(get_option('show_only_mod_date')) {
  echo sng_get_single_date(null, 'entry-time');
} else {
  echo sng_get_date(null, 'entry-time');
  echo sng_get_modified_date(null, 'entry-time');
}

以下のように書き換えます。

  echo sng_get_date(null, 'entry-time');
  echo sng_get_modified_date(null, 'entry-time');

以上、よろしくお願いします。

アバター
2020/07/21

返信いただきありがとうございます。
②と③はできたのですが、①はCSSを追加したところ投稿ページの日付が右に表示され、
記事一覧に表示される日付は変わりませんでした。

サルワカくん
サルワカくん
2020/07/22

あ、読み間違えてました。
記事一覧カードの日付を右寄せにするには、以下のCSSを追加すればOKです。

.entry-time {
    text-align: right;
}

なお、細かなカスタマイズについては、Chrome検証機能の使い方(下記リンク先参照)や簡単なCSSの書き方を覚えることをおすすめします。

初心者向け!Chromeの検証機能(デベロッパーツール)の使い方
一度使い方がわかれば、ほとんどの部分のスタイルをご自身で自由に変更できるようになります。

よろしくお願いします。

アバター
2020/07/23

ありがとうございます。
無事に変更できました!