1 ページ スクロールを使用すると、単一ページのレイアウトを作成し、ページ全体を一度にスクロールできます。 1 ページ レイアウトには、ホーム、製品/サービス、お問い合わせ、会社概要など、Web サイトに通常含まれるすべてのセクションが含まれます。
ページ上のスクローラーで各セクションに移動できます。ElementsKit を使用すると、WordPress サイトで Elementor の 1 ページ スクロールを設定できます。さらに、ElementsKit は完全にレスポンシブな 1 ページ スクロールの Web サイト テンプレートも提供しています。
Without further ado, let’s take a look at how to set up one page scroll for Elementor.
ElementsKit One Page Scroll #
以下の手順に従って、1 ページスクロールの Web サイトを簡単に作成できます。
ステップ 1: 1 ページ スクロール モジュールを有効にして、1 ページ スクロールの Web サイトを作成します。 #
- に行く ElementsKit ダッシュボードから
- モジュールをクリック
- 探す Onepagescroll そしてそれを回す の上
- 変更を保存します
ステップ2: 1ページスクロールをカスタマイズする #
Now, open a page where you want to apply the onepage scroll.
Go to page settings.
In the settings tab, expand ElementsKit Settings scroll and toggle the button to enable it.
Select your Navigation Style from the drop-down.
- Select Navigation Position for your single page scrolling website
- Adjust the Navigation Position Offset
- Adjust the Navigation Spacing
- Choose a Navigation Color
- Select Tooltip Typography
Set Onepage Scroll for a Particular Section #
- Click the section where you want to add onepage scroll
- Go to Advanced tab
- Expand ElementsKit Onepage Scroll
設定 –
- Enable Section: Activates the one-page scrolling effect for that specific container/section.
- Enable Dot: Displays a navigation dot on the side of the screen for that section.
- Tooltip Text: Allows you to add a label that appears when a user hovers over the navigation dot.
Set Onepage Scroll with ElementsKit
これは、ElementKit を使用して Elementor 用の 1 ページ スクロールを簡単かつスムーズに作成する方法です。1 ページ スクロールを設定すると、ユーザー エクスペリエンスも向上します。さらに、レスポンシブな 1 ページ スクロール Web サイトを作成できる 1 ページ スクロール WordPress テーマも見つかります。
Get ElementsKit now 👇
