【Simplicity】ブログカードをフラットデザインにカスタイマイズする方法

おはようございます、こんにちは、こんばんは。
ふらっふぃ(@fluffy_mybag)です。

Simplicityのブログカードをフラットなデザインにするための方法です。
完成するとこちらのようなデザインになります。

完成版

「Simplicity」の外観の設定と、スタイルシートの設定で実現することができます。

スポンサーリンク

Simplicityの「外観の設定」を変更する

サイト情報と日時を非表示にしておきます。
下の画面では左下にサイト情報が表示されています。日付を表示している場合は右下に表示されます。

変更前

非表示にする設定はSimplicity側で行うことができます。
「外観」ー「カスタイマイズ」から、以下の3つの設定をします。

  1. 「サイトロゴを表示」のチェックを外す
  2. 日付表示の選択肢から「表示しない」を選ぶ
  3. 「カード幅を広げる」にチェックを付ける

スタイルシートを変更する

子テーマのStyle.cssに以下の記述を追加します。

完成!
スポンサーリンク
スポンサーリンク