質問:

「ページ上部に戻る」ボタンはElementorで実装できますか?

「ページ上部に戻る」ボタンのスムーススクロール機能はElementorでは実装できますか?

DiviにはあるようなのですがElementorには見当たらなかったもので質問させていただきました。

回答:

ページ上部に戻るボタン基本のウィジェットにはありませんがボタンウィジェットを使って自作することはできます。

ボタンウィジェットを1つ作り、

高度な設定>配置>幅

インラインにして

高度な設定>配置>位置

固定にして、画面の右下などにボタンを配置してください。

それで、ヘッダーのセクションやウィジェットの

高度な設定>CSS ID

の欄に例えばheader-topとつけて、ボタンの方のリンクには#header-topと記載すると、スムーススクロールして、トップまで上がってくれます。

CSS IDは好きなものに変更しても大丈夫です。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

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

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通