タブ領域内の特定のタブを開いた状態でリンクさせたい

ページの作成・編集・ファイル操作

概要

タブ領域を配置しているページへリンクする際、特定のタブ(例:「タブ2」など)が最初から開いた状態でページ遷移させることができます。
タブ2が開いた状態の表示イメージ

設定手順

まずは、あらかじめ開かせたい対象タブに設定されているブロックのインスタンス名(ブロック名)を確認しておきます。
対象タブのインスタンス名の確認

その後、対象ページのリンク設定の「セクションまたはアンカー」にて、対象のタブに設定されているブロックのインスタンス名(ブロック名)を選択してください。
指定したタブのインスタンス名を選択して設定することで、該当のタブが開いた状態のままページ遷移させることができます。
リンク先を設定画面でのインスタンス指定
※ページ内に複数のブロックが存在して選択しにくい場合は、あらかじめ「インスタンス設定」から対象のタブに分かりやすいインスタンス名を設定しておくことをおすすめします。

コンテンツエディタでURLを直接指定する場合

コンテンツエディタのテキストリンクなど、URLを直接入力して設定を行う場合は、ブラウザの検証ツールを使用して対象タブに設置しているブロックのIDを確認します。
※検証ツールとは:キーボードの[F12]キーを押すことでWebサイトのHTMLソースコード等を確認できるブラウザのツール(デベロッパーツール)です。
※プレビュー画面でも検証ツールからブロックIDを確認できるため、事前にページを公開する必要はありません。

  1. 遷移させたいタブを開きます。
    ※該当のタブを開いていないと検索結果に表示されないためご注意ください。
  2. 検証ツール([F12]キー)を開き、「block_tag_」と検索します。
    検索後、ブロックタグが含まれている対象が青くハイライト表示されるため、Enterキーを押しながら該当のリンクさせたいブロックまで進めます。
  3. 対象のブロック(例:タブ2のブロック)で青いハイライトが表示されたら、そこに記載されているID(block_tag_●●)をコピーします。

検証ツールでブロックのIDを確認する画面
その後、遷移させたいページのURLの末尾に「#(コピーしたID)」を追加し、そのURLをリンク先に設定します。

【設定例】
遷移先のページURLがhttps://●●●/recruit/ の場合
「タブ2」のブロックID(例:block_tag_jglr5rpn)を末尾に付与した、下記のURLをリンク先に設定します。
https://●●●/recruit/#block_tag_jglr5rpn

関連ページ

リンク設定|機能ガイド|LENSAhubサポート
コンテンツ設定(詳細)|機能ガイド|LENSAhubサポート
要素設定(詳細)|機能ガイド|LENSAhubサポート