PrincipleでHOME・TOP・MENUボタンの色を変える

PrincipleでHOME・TOP・MENUボタンの色を変える方法

TOP・HOME・MENUボタンをカスタマイズ
デフォルトのままの色も、いろいろなデザインに合う色だと思います。
しかし、自分のサイトのテーマカラーに合わせたくなることもあります。
HOME・TOPボタンはPC・スマホ共通、MENUボタンはスマホで出るボタンですね。

子テーマのstyle.cssで色を設定する

デフォルトでは子テーマのstyle.cssに設定項目はありません。
下記を追記します。

TOPボタンの矢印の色を変えたい

これは親テーマの/wp-content/themes/principle/imagesディレクトリにあるup.pngを上書きしてください。

もしくはfooter.phpを子テーマのディレクトリにコピーして下記のup.pngの部分を変更します。
get_template_directory_uri()では親テーマのディレクトリが取得されているようです。
上書きパターンと同じように、親テーマのimagesディレクトリに変えたい画像を置いて、up.pngの部分を該当画像のファイル名に変えてください。

おすすめ記事

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す




CAPTCHA


Menu

HOME

 TOP