背景色や文字色・装飾のカスタマイズをしたいとき

管理画面から自由に・・選べません。


変更しやすいように組んで、カスタマイズしたいな変えたいなって思うであろう場所をピックアップして子テーマのcssに記述しました。

子テーマのcssにセットしてあるもの

  • ベースの文字色
  • PCドロップダウンメニューの背景色
  • PC🔍ボタン押すと出るメニューの背景色/タグ文字色/タグ背景色
  • スマホメニューの背景色/アコーディオンメニューの背景色
  • トップページキャッチコピーのコンテンツ幅
  • トップページ4列リスト(GUIDEってなってるところ)の背景色/画像を丸くするかどうか
  • 2カラムページサイドバー各コンポーネントの背景色
  • 固定ページや投稿ページの中で使えるtable(表)の背景色と線の色
  • ボタンの背景色・枠の色・文字色(通常とhover)
  • フッター背景色/文字色

です。

このcssファイルのレイアウトが最後に当たるようになっているので、つよいです。ここで編集していただくと他の記述を打ち消します。
親テーマのファイルを直接編集してしまうとテーマをアップデートしたときに記述がすべて消えてしまうので。


慣れている方は大丈夫かと思いますが、普段コーディングなさらない方は、他の記述を消してしまったりとか、閉じ忘れたところから下が読み込めなくなったりなんていうことも。慣れててもそういうことありますので、分けました。

子テーマの配布とつかいかたはこちら

背景色サンプルコードもどうぞ。

SHARE

  • *
  • *
  • *