WordPressテーマdeerの「プログレスバー」機能を使う方法
WordPressテーマdeerには、「プログレスバー」をつけることができます。
↓ サイトの上部のグレーの横線がだんだん伸びていくのが分かると思います ↓
プログレスバーをつけるメリットとしては「ユーザーがどの辺りまでページを読んでいるのか?が視覚的に分かる」という点です。
WordPressテーマdeerでは、このプログレスバーを簡単につけることができます。
今回は、プログレスバーの設置方法をお伝えします。
deerのコンテンツにプログレスバーを設置する方法
設置方法は簡単です。
↓ 「外観」⇒「カスタマイズ」⇒「ヘッダー周りの設定」へ行きます。
↓ 「プログレスバーありなしの切り替え」というメニューがあるので『表示』を選びます。
↓ 忘れずに『公開』をクリック。これだけでOKです。
プログレスバーの色を変えるには?
「外観」⇒「カスタマイズ」⇒「追加CSS」に以下のコードを入力し、カラーコードの部分(#b9b9b9)2箇所を好きなカラーにして下さい。
.progress-bar::-moz-progress-bar{background:#b9b9b9}
.progress-bar::-webkit-progress-value{background:#b9b9b9}
カラーコードは以下のようなサイトを参考にしてみて下さい。
以上が、deerでプログレスバーを設置する方法でした。
結果を出すために、派手さはいらない
「集客」に使うことだけを徹底的に考えて作ったWordPressテーマ
決して多機能ではありませんが、使う機能を必要最低限に限定してシンプルにしているからこそ使いやすい、初心者さんに優しいテーマです。