WP

【WS Custom Scrollbar】スクロールバーをカスタマイズしました!

ごきげんよう、曼珠沙華です。
WPのプレグインを使って、スクロールバーの色をカスタマイズしましたので、ご紹介したいと思います。

 

スクロールバーの色を変更した

スクロールバーの色変更

ここの色、元々は灰色でしたが、可愛くカスタマイズをしたい!と思い調べて変更しました。

スクロールバーの色変更

↑こちらが元々の灰色のスクロールバーです。

色々CSSに追加タグを貼って変更する方法とかありましたが、私のブログ上では変わらず・・・
そしてプラグインを使って変更する方法を見つけました!!

 

WS Custom Scrollbarを追加して設定する手順

早速追加方法をご紹介します!

プラグインの追加方法

スクロールバーの色変更

  1. プラグイン
  2. 新規追加

この順でクリックしていきます。

スクロールバーの色変更

「WS Custom Scrollbar」を入力します。
↑是非コピペしてください!

スクロールバーの色変更

「今すぐインストール」のボタンをクリックして、「有効化」します!

設定していきます!

スクロールバーの色変更

  1. 設定
  2. WS Custom Scrollbar

を順にクリックします。

スクロールバーの色変更

↑英語で書いてありますが、翻訳サイトで検索すれば日本語の意味がわかるので、思ったほど難しくはない印象を受けました。

 

まとめ

私の場合は自分好みのブログにカスタマイズをしたい!と思い、スクロールバーのデザインを変えました。
より見やすさを重視したり、ブログのイメージを重視したい方は、スクロールバーのデザインも変えられるのでいかがでしょうか?

最後までお読み頂きまして、ありがとうございました!

-WP
-, , ,

© 2024 曼珠沙華の日常