ウェブサイトメニューの設定方法
Webサイトにナビゲーションメニューを追加するには、[ライブラリ→ブロックメニュー]に移動し、好みに合ったメニューブロックを選択します。ブロックの[コンテンツ]パネルでメニューをカスタマイズできます。
このガイドを読んで、メニューのデザイン、その仕組み、および外観の詳細を確認してください。
このガイドでは、6 種類のナビゲーション メニューについて説明し、すべての種類のメニューを作成するためのハウツーと、それぞれをどこで使用するかについてのヒントを示します。
1
メニュー項目とリンクを追加する方法
メニュー項目を追加するには 2 つの方法があります。
1. メニュー項目とリンクを手動で追加する
ページへのフルリンクを設定します。
http://mysite.com/about
または相対リンクに入れてください:
/に関しては
ページの URL は [ページ設定] で設定できます。
http://mysite.com/about
または相対リンクに入れてください:
/に関しては
ページの URL は [ページ設定] で設定できます。
ページの編集中に URL バーに表示されるページの内部アドレスを使用しないでください。
https://tilda.cc/page/?pageid=509765
これは、ページがあなた以外には読み込まれないためです。メニューのリンクが機能しません。
https://tilda.cc/page/?pageid=509765
これは、ページがあなた以外には読み込まれないためです。メニューのリンクが機能しません。
2. ヘルパーを使用してリンク (URL) を追加する
メニュー項目の上にマウス ポインターを置きます。リンクを追加するための 2 つのオプションが表示されます。[ページへのリンク] と [ブロックへのリンク] です。
[ページへのリンク] をクリックして、Web サイトのページのリストを表示します。リストからページを選択すると、そのページの URL が自動的に配置されます。
ページ上のブロックへのリンクを追加する場合は、[ブロックへのリンク] をクリックします。ページが表示されるので、必要なブロックを選択できます。ユーザーがメニュー項目をクリックしたときに表示されるブロックをクリックします。アンカーリンクが自動的に追加されます。
2
すべてのページのメニューを作成する方法
Web サイトのすべてのページにメニューを設定するには、プロジェクト内に新しいページを作成し、そこにメニューブロックを追加して設定します。次に、[サイトの設定] → [ヘッダー] と [フッター] に移動し、このページをヘッダーとして割り当てます。その後、プロジェクトダッシュボードに戻り、[すべてのページを公開]をクリックします。
詳細については、 ガイド「ヘッダーとフッター」 をお読みください。
詳細については、 ガイド「ヘッダーとフッター」 をお読みください。
3
メニューを使用して 1 つのページ内を移動する方法
1つのページ内にナビゲーションメニューを作成するには、「リンク」フィールドにブロックID(#rec2081259など)を入力します。ブロックIDはブロック設定で確認できます。
#linkなどのカスタムリンクを使用する場合は、 アンカーリンクを作成できます。
#linkなどのカスタムリンクを使用する場合は、 アンカーリンクを作成できます。
アンカーリンクのスムーズなスクロールを有効にするには、「その他」カテゴリからページの下部にT178ブロックを追加します。
4
バイリンガルウェブサイトのメニューの作り方
2言語のウェブサイトを作成するには、2つのプロジェクトを作成する必要があります(ビジネスプランが必要ですTilda)。最初に1つの言語でWebサイトを作成する方が簡単な場合があります。その後、プロジェクトをコピーして翻訳できます。
ページをコピーするには、[ページ設定] → [アクション] → [複製] ページに移動します。ページを別の Web サイトに移動するには、[ページ設定] → [アクション] → [移動] ページに移動します。
残念ながら、ウェブサイト全体を複製することは不可能です。ただし、それを可能にするために取り組んでいます。
残念ながら、ウェブサイト全体を複製することは不可能です。ただし、それを可能にするために取り組んでいます。
ME204メニューブロックまたはME301、ME302、ME303のいずれかのメニュー、またはハンバーガーメニューME401、ME402、ME304を追加して、両方のプロジェクトのヘッダーを設定します。ブロックの [コンテンツ] パネルを開き、言語と Web サイトのリンクを追加します。
5
セカンドレベルメニューの作り方
第 2 レベルのメニューを作成するには、次の 2 つの方法があります。
- サブメニュー項目をメイン メニュー ブロックに追加する
ページにメニュー ブロックを追加します。
メニュー項目→サブ項目の追加ブロックのコンテンツパネルに移動する→、左側に「プラス」アイコンが表示されます。
2番目のレベルを追加するには、「プラス」アイコンをクリックし、サブメニューのタイトルとそのURLを追加します。「+」を数回クリックして、必要な数のサブアイテムを追加します。
メニュー項目→サブ項目の追加ブロックのコンテンツパネルに移動する→、左側に「プラス」アイコンが表示されます。
2番目のレベルを追加するには、「プラス」アイコンをクリックし、サブメニューのタイトルとそのURLを追加します。「+」を数回クリックして、必要な数のサブアイテムを追加します。
デスクトップでは、マウスをホバーするとドロップダウン リストに第 2 レベルのメニューが表示され、モバイル デバイスではタップすると表示されます。
重要: サブメニューが使用されているメイン メニュー項目は、サブ項目が含まれている場合はクリックできません。
Web サイトの訪問者が第 2 レベルのメニューを含むメニュー項目を簡単に理解できるようにするには、[設定] → [サブメニューの設定] で [第 2 レベルのメニューアイコンを表示] チェックボックスをオンにします。
2. ME601/ME601A ブロックを使用する
メニュー ブロックをページに追加すると、第 1 レベルのメニューになります。次に、ME601ブロックを追加します(メニュー:第2レベル)。
ME601では、メインメニューの項目にサブメニューを追加できます。デスクトップでカーソルを合わせるか、モバイルデバイスでタップすると、ドロップダウンメニューとして表示されます。
使い方:
1)ME601ブロックで:リンクフックを指定します(例:#submenu:more)。
2)メインメニュー:メニュー項目のリンクとしてメニュー項目→ブロックのコンテンツパネルに#submenu:moreリンクを追加します。
重要:メインメニュー項目はクリックできません。リンクが必要な場合は、このアイテムをドロップダウンメニューに複製します。
注: "#submenu:詳細" の "その他" には、#submenu:ポートフォリオや #submenu:概要など、任意の単語を使用できます。
ME601では、メインメニューの項目にサブメニューを追加できます。デスクトップでカーソルを合わせるか、モバイルデバイスでタップすると、ドロップダウンメニューとして表示されます。
使い方:
1)ME601ブロックで:リンクフックを指定します(例:#submenu:more)。
2)メインメニュー:メニュー項目のリンクとしてメニュー項目→ブロックのコンテンツパネルに#submenu:moreリンクを追加します。
重要:メインメニュー項目はクリックできません。リンクが必要な場合は、このアイテムをドロップダウンメニューに複製します。
注: "#submenu:詳細" の "その他" には、#submenu:ポートフォリオや #submenu:概要など、任意の単語を使用できます。
