メニューから指定したタブを開きたい

0
いいねをした人: 居ません
  • このトピックには3件の返信、3人の参加者があり、最後に中島 輔により1年、 9ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #108415
    中島 輔
    参加者
    3

    【お使いの Snow Monkey のバージョン】バージョン: 17.2.3
    【お使いの Snow Monkey Blocks のバージョン】バージョン 16.0.3
    【お使いの Snow Monkey Editor のバージョン】バージョン 8.0.1
    【お使いのブラウザ】クローム
    【当該サイトのURL】https://tonarihito.com/tab-test

    ### 実現したいこと

    メニューを押したときにそれぞれのタブが開いてほしい。

    ### 発生している問題

    調べてみたがやり方がわからなかった。
    そもそもSnow Monkey Blocksでできるのでしょうか?

    ### 試したこと

    タブ内上部の段落にアンカーを追加してみたがどのメニューからでもタブAが開いてしまう。

    0
    いいねをした人: 居ません
    #108417
    Olein_jp
    参加者
    545

    実際に試していませんが、単純にアンカーリンクだけではタブの開け閉めをコントロールすることはできないでしょう。

    タブの開け閉めを検証ツールで確認してもらうとわかりますが、タブ部分には aria-selected があり開閉時に値も変わります。パネル側も aria-hidden が切り替わるようになり、それらに対応するCSSが有効になります。

    ですので、この部分をメニュークリック時に動作させるようにJS等で書くと、希望するように動かすことは可能かと思います。

    1
    いいねをした人:
    #108419
    キタジマ タカシ
    参加者
    2252
    #108583
    中島 輔
    参加者
    3

    オレインさん、キタジマさん

    ご回答ありがとうございます。

    いただいたトピックをもとにやってみます。

    1
    いいねをした人:
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「メニューから指定したタブを開きたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。