賢威6.2 このページの先頭へ ボタン 文字色 背景色 変更

賢威6.2に装備されている『このページの先頭へ』

のボタンは1クリックでページの先頭へいくことができ

便利でユーザビリティが上がる良い仕組みだと思います。

しかし、

背景になる色によっては、見えにくくなる場合があり、

初めて訪問するユーザーは

気づきづらいケースもありそうです。

また、

『このページの先頭へ』

という言葉はありふれているので、

他の文言に変更したい

という要望が多いです。

そこで

今回は

『このページの先頭へ』

というボタンの文字色と背景色、文言を

変更する方法を紹介していきます。

『このページの先頭へ』ボタンの文字色、背景色等を変更する方法

このページの先頭へボタンの文字色、背景色等を変更するには

ワードプレス管理画面より

 『外観』⇒『テーマの編集』と進テーマの編集画面にいき

『design.css』を選択します。

そして、

下記赤字箇所を変更することで、

ボタンの文字色と背景色を、

通常時とマウスオーバー時で

設定することができます。

賢威6.2『このページの先頭へ』言葉を変更する方法

また、『このページの先頭へ』という言葉を変更したい場合は、

 『外観』⇒『テーマの編集』よりテーマの編集画面に行き

『フッタ（footer.php）』を選択します。

そして、

下記のコードの場所に行き、

『このページの先頭へ』という文言を任意の言葉にすることで

変更することができます。

上記設定を行うことで、

『このページの先頭へ』のボタンは自由自在に

変更することができます。

ぜひうまく活用して、訪問者のユーザビリティを

上げていきましょう。

また、

賢威6.2の全パーツカスタマイズ一覧まとめページを作成しましたので、

他の箇所をカスタマイズされたい場合は一度見てみて下さいね。

⇒賢威6.2【全カスタマイズを一覧まとめ】ワードプレステンプレート

関連記事:

賢威6.2で最も簡単なアクセス解析設置場所はどこなのか？ 賢威6.2サイドバーマウスオーバー時の反転色を変更 ワードプレス賢威6.2 見出しデザインの決定版 全21種一挙公開 賢威6.2引用文の背景デザイン完全版　全5種類 賢威6.2でコメントを大量に付けさせる方法 賢威6.2でヘッダーを画像にして訪問者の反応を上げる 賢威6.2 プリティー版でヘッダー上部柄の画像を消す方法 ワードプレス(賢威)とHTML(シリウス)の違いを徹底レビュー。選び方を紹介