福島市のシステム開発・ホームページ制作会社
astraアイコン

テーマ「ASTRA」でページトップへ戻るボタンを設置する方法

wordpressテーマとして使いやすくelementorとも相性の良いASTRA(アストラ)ですが、長いページで一番上にスクロールするボタンが簡単に設置することができます。
正確にはボタンのウェジェットではなく、ASTRAのアドオンを追加することで実現できます。
※但し、この機能はASTRA PRO版で有効となります。無料版では使用することが出来ません。

1.設定手順

ダッシュボード>外観>Astra設定>Available Astra Pro Modulesの下にトップへスクロールがありますので「Activate」をクリックして有効化します。

外観>カスタマイズ>全般を選ぶと「Scroll To Top」の項目が追加されていますので、それを選びます。

Display Onでデスクトップかモバイルあるいは両方かを選びます。 Positionでボタンの配置(左側か右側)を設定できます。
Icon Sizeでスクロールボタンのサイズを変更できます。
DESIGNタブにすると
Border Radius(境界半径)の丸みをつけられます
Icon Color アイコン色の変更
Background Colorでアイコンの背景色の変更ができます。

ページ右下にページ上部にスクロールするボタンが設置されました。

Facebook
Twitter

関連する記事

上部へスクロール