ウェブサイトメニューの設定方法

Webサイトにナビゲーションメニューを追加するには、[ライブラリ→ブロックメニュー]に移動し、好みに合ったメニューブロックを選択します。ブロックの[コンテンツ]パネルでメニューをカスタマイズできます。
メニュー項目とリンクを追加する方法
すべてのページのメニューを作成する方法
メニューを使用して 1 つのページ内を移動する方法
多言語サイトのメニューの作り方
セカンドレベルメニューの作り方
このガイドを読んで、メニューのデザイン、その仕組み、および外観の詳細を確認してください。
このガイドでは、6 種類のナビゲーション メニューについて説明し、すべての種類のメニューを作成するためのハウツーと、それぞれをどこで使用するかについてのヒントを示します。
1
メニュー項目とリンクを追加する方法
メニュー項目を追加するには 2 つの方法があります。
1. メニュー項目とリンクを手動で追加する
ページへのフルリンクを設定します。
http://mysite.com/about

または相対リンクに入れてください:
/に関しては

ページの URL は [ページ設定] で設定できます。
ページの編集中に URL バーに表示されるページの内部アドレスを使用しないでください。

https://tilda.cc/page/?pageid=509765

これは、ページがあなた以外には読み込まれないためです。メニューのリンクが機能しません。
2. ヘルパーを使用してリンク (URL) を追加する
メニュー項目の上にマウス ポインターを置きます。リンクを追加するための 2 つのオプションが表示されます。[ページへのリンク] と [ブロックへのリンク] です。
[ページへのリンク] をクリックして、Web サイトのページのリストを表示します。リストからページを選択すると、そのページの URL が自動的に配置されます。
ページ上のブロックへのリンクを追加する場合は、[ブロックへのリンク] をクリックします。ページが表示されるので、必要なブロックを選択できます。ユーザーがメニュー項目をクリックしたときに表示されるブロックをクリックします。アンカーリンクが自動的に追加されます。
2
すべてのページのメニューを作成する方法
Web サイトのすべてのページにメニューを設定するには、プロジェクト内に新しいページを作成し、そこにメニューブロックを追加して設定します。次に、[サイトの設定] → [ヘッダー] と [フッター] に移動し、このページをヘッダーとして割り当てます。その後、プロジェクトダッシュボードに戻り、[すべてのページを公開]をクリックします。

詳細については、 ガイド「ヘッダーとフッター」 をお読みください。
3
メニューを使用して 1 つのページ内を移動する方法
1つのページ内にナビゲーションメニューを作成するには、「リンク」フィールドにブロックID(#rec2081259など)を入力します。ブロックIDはブロック設定で確認できます。

#linkなどのカスタムリンクを使用する場合は、 アンカーリンクを作成できます。
アンカーリンクのスムーズなスクロールを有効にするには、「その他」カテゴリからページの下部にT178ブロックを追加します。
4
バイリンガルウェブサイトのメニューの作り方
2言語のウェブサイトを作成するには、2つのプロジェクトを作成する必要があります(ビジネスプランが必要ですTilda)。最初に1つの言語でWebサイトを作成する方が簡単な場合があります。その後、プロジェクトをコピーして翻訳できます。
ページをコピーするには、[ページ設定] → [アクション] → [複製] ページに移動します。ページを別の Web サイトに移動するには、[ページ設定] → [アクション] → [移動] ページに移動します。

残念ながら、ウェブサイト全体を複製することは不可能です。ただし、それを可能にするために取り組んでいます。
ME204メニューブロックまたはME301、ME302、ME303のいずれかのメニュー、またはハンバーガーメニューME401、ME402、ME304を追加して、両方のプロジェクトのヘッダーを設定します。ブロックの [コンテンツ] パネルを開き、言語と Web サイトのリンクを追加します。
5

セカンドレベルメニューの作り方
第 2 レベルのメニューを作成するには、次の 2 つの方法があります。
  1. サブメニュー項目をメイン メニュー ブロックに追加する
ページにメニュー ブロックを追加します。

メニュー項目→サブ項目の追加ブロックのコンテンツパネルに移動する→、左側に「プラス」アイコンが表示されます。

2番目のレベルを追加するには、「プラス」アイコンをクリックし、サブメニューのタイトルとそのURLを追加します。「+」を数回クリックして、必要な数のサブアイテムを追加します。

デスクトップでは、マウスをホバーするとドロップダウン リストに第 2 レベルのメニューが表示され、モバイル デバイスではタップすると表示されます。
重要: サブメニューが使用されているメイン メニュー項目は、サブ項目が含まれている場合はクリックできません。
Web サイトの訪問者が第 2 レベルのメニューを含むメニュー項目を簡単に理解できるようにするには、[設定] → [サブメニューの設定] で [第 2 レベルのメニューアイコンを表示] チェックボックスをオンにします。
2. ME601/ME601A ブロックを使用する
メニュー ブロックをページに追加すると、第 1 レベルのメニューになります。次に、ME601ブロックを追加します(メニュー:第2レベル)。

ME601では、メインメニューの項目にサブメニューを追加できます。デスクトップでカーソルを合わせるか、モバイルデバイスでタップすると、ドロップダウンメニューとして表示されます。

使い方:
1)ME601ブロックで:リンクフックを指定します(例:#submenu:more)。
2)メインメニュー:メニュー項目のリンクとしてメニュー項目→ブロックのコンテンツパネルに#submenu:moreリンクを追加します。

重要:メインメニュー項目はクリックできません。リンクが必要な場合は、このアイテムをドロップダウンメニューに複製します。

注: "#submenu:詳細" の "その他" には、#submenu:ポートフォリオや #submenu:概要など、任意の単語を使用できます。
6 つのウェブサイト メニュー デザインを探る
メニュー デザイン オプション、カスタマイズ、ヒント、例
ウェブサイトのナビゲーションを改善する方法
わかりやすく使いやすいウェブサイトを作成するための実践的なヒント
作成日
Tilda