カテゴリー接続

要素 ID を設定し、それを使用してページ上のセクションに移動するアンカー リンクを作成します。

カテゴリ接続またはマーカー リンクを使用すると、Web サイトの特定のセグメントまたはコンポーネントに関連付けることができます。category のマーカー リンクを生成するには、まずその category に要素 ID を確立する必要があります。

述べる: 要素 ID は、カスタム コードでスタイル シートのスタイルを指定したり、JavaScript で特定の要素を操作したりするためにも使用できます。ただし、ID が最もよく使用されるのは、ページ上のさまざまなセクションへの category リンクまたはマーカー リンクです。

このセッションでは、次のことを理解します。

  1. 要素IDの割り当て方法
  2. category接続の設定方法
  3. categoryへの接続方法は別ページをご覧ください
  4. フロントページのcategoryへの接続方法

要素IDの割り当て方法

選択した要素に ID を指定できます。

  1. IDを割り当てる要素を選択してください
  2. 拡大する 要素設定パネル 一意のIDを入力してください ID 分野
述べる: 要素 ID は少なくとも 1 文字で構成され、空白文字を含めることはできません。また、要素 ID は各要素ごとに一意である必要があります。重複する要素 ID の修正の詳細については、こちらをご覧ください。
「Magic-section」という名前のサンプル ID が、要素設定パネルのセクションの設定に追加されます。

category接続の設定方法

  1. ページのセクションに誘導する接続要素を選択します
  2. 拡大する 要素設定パネル > リンク設定
  3. を選択 ページセクション ボタン
  4. 選択してください セクション ドロップダウンメニューから、最近設定したID(例:“Magic-section”)を選択します。
「Magic-section」インスタンス ID は、要素設定パネルのリンク設定セクションのセクション ドロップダウンで選択できます。

categoryへの接続方法は別ページをご覧ください

ボタンなどのリンク要素を別のページ(フロントページを除く)の category に誘導する場合:

  1. 拡大する 要素設定パネル > リンク設定
  2. 選択してください URL リンクスタイル
  3. categoryが存在するページのURLを入力し、その後に「#” とそれに指定した要素ID category

マーカー リンクは次のようになります。

  • 進行中のサイトのページ: site.com/page#セクションID
  • ページがディレクトリ内にネストされている場合: site.com/folder/page#セクションID
  • 別のウェブページ上のマーカーリンク: site.com/folder/page#セクションID
  • フロントページマーカーリンクは次のようになります。 site.com/#セクションID

イラスト

このページには、このページの 4 つの記事区分にリンクする 4 つの category 接続があります。

  1. 要素IDの割り当て方法
  2. category接続の設定方法
  3. categoryへの接続方法は別ページをご覧ください
  4. フロントページのcategoryへの接続方法

このページの最終セクションへのガイドとなる URL は次のとおりです: https://university.webflow.com/lesson/section-link1TP39ホームページのセクションにリンクする方法

ボタンのサンプル URL は、要素設定パネルのリンク設定セクションで「site.com/page#Section-ID」に設定されています。

フロントページのcategoryへの接続方法

フロント ページで category にリンクする場合、マーカー リンク URL にページ タイトルは必須ではありません。代わりに、フロント ページのドメインに続けて「#」、category ID を挿入します。(例: フロント ページのマーカー リンクは次のようになります。 site.com/#セクションID)

ユアン・マック