【WordPress】ワードプレステーマ「STREETIST」のCSSでの軽微なカスタマイズ方法

ワードプレステーマ「STREETIST」は最近発売されたテーマです。

こちらのテーマのおすすめなポイントとして、

  • デザインがおしゃれ
  • 表示速度が非常に速い
  • 初心者でも扱いやすい
  • Gutenbergt対応

という点が挙げられます。まだ新しいテーマですが、評判やレビューもいいと思います!

今日は「STREETIST」のCSSでの簡単なカスタマイズ方法を書いてみます。

カスタマイズは自己責任でお願いいたします

WPテーマ「STREETIST」の背景色を変える方法

背景の色を変えたい場合

外観→カスタマイズ→色で背景色を白に設定してください。

それから、背景の色を変えたい場合は、外観→カスタマイズ→追加CSSに以下のように記述してください。

body{
 background-color:#000000;
}

カラーコード#000000をお好きな色に変えれば、個性的になりますね。

WPテーマ「STREETIST」の右下にある上に戻るボタンの色を変更する方法

また、上に戻るボタン(画面右下に出るやつです)の色を変えたい場合は、以下のように書きます。

.back-to-top a{
	background-color:#666666;
}

こちらもカラーコード#666666をお好きな色に変更してくださいね。

WPテーマ「STREETIST」のCTAの色を変更する方法

最後は、CTAの部分の色の変更です。 外観→カスタマイズ→追加CSSに追記してください。

.cta {
  background: #f2f2f2;
}
.cta__title, .cta__text {
  color: black;
}

このように書けば、上の段は、背景の色、下の段は、テキストの色を指定しています。

こうして、CTAの色を変更することができます。

以上、CSSでの簡単なカスタマイズでした。

こちら↓から購入できますので、検討される方は見てみてくださいね!