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

このガイドを読んで、メニューのデザイン、その仕組み、および外観の詳細を確認してください。

このガイドでは、6 種類のナビゲーション メニューについて説明し、すべての種類のメニューを作成するためのハウツーと、それぞれをどこで使用するかについてのヒントを示します。

メニュー項目を追加するには 2 つの方法があります。

ページへのフルリンクを設定します。
http://mysite.com/about

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

ページの URL は [ページ設定] で設定できます。

メニュー項目の上にマウス ポインターを置きます。リンクを追加するための 2 つのオプションが表示されます。[ページへのリンク] と [ブロックへのリンク] です。

[ページへのリンク] をクリックして、Web サイトのページのリストを表示します。リストからページを選択すると、そのページの URL が自動的に配置されます。

ページ上のブロックへのリンクを追加する場合は、[ブロックへのリンク] をクリックします。ページが表示されるので、必要なブロックを選択できます。ユーザーがメニュー項目をクリックしたときに表示されるブロックをクリックします。アンカーリンクが自動的に追加されます。

単一ページ内にナビゲーション メニューを作成するには、「リンク」フィールドにブロック ID (例: #rec2081259) を入力します。ブロック ID はブロック設定で確認できます。

#link などのカスタム リンクを使用したい場合は、アンカー リンクを作成できます。

2言語のWebサイトを作成するには、2つのプロジェクトを作成する必要があります(Tildaビジネスプランが必要です)。最初に 1 つの言語で Web サイトを作成する方が簡単な場合があります。その後、プロジェクトをコピーして翻訳できます。

ME204 メニュー ブロック、または次のメニューのいずれか (ME301、ME302、ME303、またはハンバーガー メニュー: ME401、ME402、ME304) を追加して、両方のプロジェクトのヘッダーを設定します。ブロックの [コンテンツ] パネルを開き、言語と Web サイトのリンクを追加します。

第 2 レベルのメニューを作成するには、次の 2 つの方法があります。

ページにメニュー ブロックを追加します。

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

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

デスクトップでは、マウスをホバーするとドロップダウン リストに第 2 レベルのメニューが表示され、モバイル デバイスではタップすると表示されます。

メニュー ブロックをページに追加します。これが第 1 レベルのメニューになります。次に、ME601 ブロックを追加します (メニュー: 第 2 レベル)。

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

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

重要: メイン メニュー項目はクリックできなくなります。リンクを設定したい場合は、この項目をドロップダウン メニューに複製します。

注: 「#submenu:more」の「More」には、任意の単語を使用できます (例: #submenu:portfolio や #submenu:aboutus)。