タモレねっと

WordPress初心者に優しい情報サイト

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

time 2015/01/08

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

sponsored link

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の部分を該当画像のファイル名に変えてください。

sponsored link

down

コメントする




CAPTCHA


管理人について

タモレ☆管理人

タモレ☆管理人

タモレです。50代で海釣りデビューした犬猫大好きな普通の事務のおばさんです。元・プログラマーで現・終活カウンセラーでもあります。
姉妹サイトの更新情報、WordPressを使ったサイト構築の備忘録を中心にアップしていきます。 [詳細]

サイト内検索

タモレ☆のツイート



sponsored link