【Vanilla JS】スクロール量をプログレスバーでページ上部に表示する方法
こんにちは！ プログレスバーをブログに取り込もうと検索している中でTATSUYAさんのこちらのブログに辿り着きました。 ぼくはHTMLやCSSなどのプログラミングについては超が付くほどのド素人ですが、実際にこちらのブログ通りにプログレスバーを実装したいと考えております。 しかし実際に実装しようとすると、どのコードをどの場所に書き込めばいいかが皆目わかりませんでした。 プログレスバーの実装には大きく３種類のコード（HTML&CSS&JS）を書き加えるのだと思いますが、もう少し素人にもわかるようにご説明頂けますでしょうか？ テーマは”THE THOR”を使っており、CSSに関しては「追加CSS」という場所に書き込めばいいのは何となく想像がついています。 どうぞよろしくお願い致します。
こんにちは！コメントありがとうございます。 こちらの記事はHTML/CSS/JSの知識がある方をターゲットに書いており、さらにWordPressに導入するにはPHPで書かれたテーマファイルを編集する必要があるため、初心者の方には難しいかもしれないです…。 WPのプラグインを調べたところ「Reading progressbar」というプログレスバーを作成するプラグインがありましたので、一度こちらを試していただけますでしょうか？ 私のWPサイトでテストしたところ、記事で紹介したプログレスバーと同じものを実装することができました。使用テーマが違うため動作の保証はできませんが、一度お試しいただけましたら幸いです。 もし使用方法がわからなければプラグインの解説記事を書きますので、もう一度ご連絡ください！ よろしくお願いいたします。