「集客」に使うことを徹底的に考えて作ったWordPressテーマ

WordPressテーマdeerの「プログレスバー」機能を使う方法

  
プログレスバー
\ この記事を共有 /
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}

カラーコードは以下のようなサイトを参考にしてみて下さい。

https://www.colordic.org/

以上が、deerでプログレスバーを設置する方法でした。

結果を出すために、派手さはいらない

「集客」に使うことだけを徹底的に考えて作ったWordPressテーマ

deerのロゴ(白)文字入り

決して多機能ではありませんが、使う機能を必要最低限に限定してシンプルにしているからこそ使いやすい、初心者さんに優しいテーマです。

コメント

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright©WordPressテーマ『deer』,2021All Rights Reserved.