で XNUMX ページ ナビゲーション メニューを作成する方法を知りたいですか。 Elementor ?
XNUMX ページ (ホームページ) しかない Web サイトがあります。 ナビゲーション メニュー項目をクリックしても、別のページではなく、同じページの別のセクションに移動します。
このタイプの目的は サイトのWeb を確保することです。 訪問者 あなたのコンテンツに集中してください。 コンテンツに加えて、A のもう XNUMX つの重要な要素 サイトのWeb ページへはナビゲーション メニューです。 の Elementorのナビゲーション メニューを作成するのは非常に簡単です。 サイトのWeb XNUMXページに。
この記事ではその方法を説明します。
概要を説明するために、XNUMX ページの Web サイト ナビゲーション メニューの例を次に示します。
前述したように、上記のような XNUMX ページの Web サイトのナビゲーション メニューを作成するのは難しくありません。 Elementor.
などの一部のアドオンですが、 エッセンシャルアドオン et パワーパック、ページにナビゲーションを作成するためのウィジェットが付属しています。アドオンをインストールせずに作成することもできます。
主なアイデアは、メニュー項目をページの特定のセクションに向けることです。 これを行うには、ポイントするセクションに CSS ID を追加する必要があります。
また読みます: Elementorでモバイルメニューのカスタム位置を設定する方法
例を見てみましょう。
「Classes」というメニュー項目があり、 訪問者 「クラス」メニュー項目をクリックするたびに、XNUMX ページの Web サイトの「クラス」セクションに誘導されます。
まず、Elementor でページを編集し、[クラス] セクションを選択します (ブラウザを使用すると便利です)。
[クラス] セクションを選択したら、タブに移動します。 高度な 左側のパネルからブロックを開きます 高度な. 入力しますCSS ID フィールドのセクションの CSS ID.
メニュー項目で指定する他のセクションについて、上記の手順を繰り返します。
CSS 識別子の呼び出し
セクションに追加した各 CSS ID を呼び出すリンクを追加するオプションがある任意の Elementor ウィジェットを使用できます。 CSS ID をリンク フィールドに貼り付けるだけです。 "を追加 # プレフィックスとして。
ナビゲーション メニュー ウィジェットを使用する場合は、使用するメニューを変更できます。 各メニュー項目の URL フィールドに、先頭に「#」を付けて CSS ID を入力します。
ElementorProを今すぐ入手!!!
まとめ
ここに ! 方法を示すこの記事は以上です Elementor でフルスクリーン メニューを作成する. そこに着く方法について懸念がある場合は、以内にお知らせください commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...