マカド!限定5大特典(本せどりビギナー向け)

【CSS】AFFINGER5で記事(スライドショー)の日付を見やすくする方法




悩み人

AFFINGERのテーマを使用していますが、投稿記事のスライドショーの日付が背景と同系色で見えません。

このようなお悩みに回答します。

本記事の内容

・追加CSSにコピペするだけ!

本記事の信頼性

hiroki6(@hiroki6__)

当ブログはOPENCAGE(オープンケージ) という、ブロガー向けのテーマを扱っているサイトのWordPressテーマ「STORK19」 というテーマを利用しています。

今回は、ブログテーマのAFFINGERを使用している方向けの情報共有です。

記事をスライドショーのように見せる機能がアフィンガーには備わっていますが、その際に、アイキャッチ上に日付が表示されます。

ぞの日付が、背景と同系色の場合、日付の表示が見えにくいケースがあります。

そのため、日付がしっかりと見えるように、日付の後ろに楕円の背景を付けることで、どんなアイキャッチでも日付が確実に見えるようになります。

追加CSSに追記

追加CSSに追記

以下のCSSをカスタマイズ内にある「追加CSS」に追記するだけです。

色やサイズは、適宜数値を修正してください。

.post-slide-date {
    background-color: #B2B2B2;
    border-radius: 6px;
    padding: 3px;
    opacity: 0.5;
}

まとめ

サイトを見やすくして、ユーザビリティを上げていきましょう。

今回は以上です。


【hiroki6 使用サービス】
ブログテーマ:STORK19

ドメイン:お名前.com

サーバ:エックスサーバー

せどりツール:マカド!

シェアしてくれると喜びます。

ABOUT US

hiroki6
本せどらー / 本せどりブログ:hiroki6(最高月4,540PV)/ 本せどり:最高月商548,200円+他事業の売上 / 仕入れは1日おき、2.5h位 / 都内国立大⇢IT企業(2年で退職)⇢起業 / 20代 / 本せどり知識のアーカイブです / 本せどりからの撤退が目標▶︎それまでココとブログに生きた知識を記録…