WordPressのサイトを運営していると、スクロール時に画面がカクカクと動くとユーザーにストレスを与えることがあります。
スムーススクロールを導入することで、スクロール時の滑らかなアニメーションが実現され、ユーザーのストレスを軽減することができます。
AFFINGERは、WordPressのテーマとしてスムーススクロールを標準機能として提供しています。
AFFINGERを使用している場合、設定をひとつ変更するだけでスムーススクロールを簡単に導入することができます。
本記事では、AFFINGERでスムーススクロールを実現する方法について解説します。設定方法をしっかりと把握し、スムースなスクロール効果を手軽に実現しましょう。
スムーススクロールを利用すると「おしゃれ度」がアップ
ページ内で位置を移動(ジャンプ)する場合に、スクロールしながら位置を変えていきます。
画面が切り替わるのではなく、移動するというイメージが出てくるため、ユーザーにも視認性が高く、おしゃれな印象をだす演出です。
次の動画で、実際の動く映像をご覧いただけます。
WordPress のテーマによっては実装しているものもありますが、それほど多くのテーマで標準で実装している機能ではありません。
自作する場合、コードを記事に埋め込まなければならないため比較的難易度が高い機能となっています。
一般的なスムーススクロール設定の方法と AFFINGER での設定方法の違い
スムーズスクロールを実現する場合、主に次の方法があります。
- JQuery を使ってコードを記載する
- CSS を使ってコードを記載する
- JavaScript を使ってコードを記載する
いずれの方法も、コードを記事内に埋め込まなければならず、作成するのは若干難易度が高いと言えます。
WordPress の優良テーマ AFFINGER の場合、設定画面で設定(チェックをオン)にするだけで実現可能です。
AFFINGER でのスムーススクロールの設定方法
WordPress の管理画面から、「AFFINGER 管理」→ 「その他」にて、「js によるスムーススクロールを使用する」をチェックし、保存(SAVE)します。
まとめ
スムーススクロールはサイトをオシャレに魅せる工夫の一つで、効果は高いです。
WordPress の優良テーマ「AFFINGER」を使う場合、設定(チェックをオン)だけで実現が可能です。
WordPress のおすすめテーマ
あなたのブログを強力にアピールし、読者を惹きつける、
魅力的なウェブサイトを手軽に作りたいですか?
そんな方にオススメの最上級テーマが「AFFINGER」です。
「AFFINGER」テーマを使えば、SEOに強く、集客力がアップし、初心者でも使いやすく、
上級者でも満足できる、魅力的なウェブサイトが簡単に作れます。
ブログアフィリエイトを本気で戦うなら、「AFFINGER」の威力を体感してください。
最高のブログ体験を手に入れることができます!
\ WordPress のおすすめテーマ「アフィンガー」を詳しく見る /
Presented By Boon Boon Blog .Com
広告の設置・収入について
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。