フォーラムへの返信
-
任意のタグアーカイブページを開いた状態で、管理バーの「カスタマイズ」をクリック → デザイン → [ タグ名 ] タグページ設定 → アイキャッチ画像で画像を設定すると、そのタグアーカイブページのページヘッダー画像＆メガメニューの画像が設定できます。どっちも設定されちゃうのがあれですが、それだと NG ですかね？
Who liked:そうです！
僕には任意のタクソノミーブロックを使ったやり方は分からないが、なんかできそうな匂いがしないでもない（でもわからない）
ということで「できないことはないかもしれませんが、かなり複雑なことをやらないといけない気がします。」と書きました。
Who liked:@koji さん
GONSY さんが書かれているように、他の方が参照しやすいように1トピック1課題でお願いしているのでトピックはわけるようにお願いします。メガメニューから他のメニューにポインタを移動させると、メガメニューが残ったままです。
検証したのですが、忘れそうなのでここに書いちゃいます><
下記の CSS を独自に追加されていると思います。.p-global-nav .c-navbar__item>a { padding: 2px 4px; min-width: 80px; }メニュー項目の
paddingが上書きされることで、メガメニューの位置がメニュー項目に重なるようになってしまっており、見た目上はマウスがメニュー項目にホバーしているように見えていても、実際は透過されたメガメニューの上にマウスがあり、メニュー項目にはホバーできていないのでメガメニューが開かない、という状態になっているようです。ということで、
paddingを見直してみてください。Who liked:何らかの理由でテンプレートのキャッシュが保存できなくなっているようです。ディレクトリの権限が怪しいかもしれません。
カスタマイザー→ページ速度最適化でウィジェットエリアのキャッシュを有効化していると思うので、とりあえずそれを無効化してみてください。
Who liked:location.searchの参考ページを張っておきます。前述のコードを参考にちょっと書いてみました。動作未確認＆ESNext 構文で書いているので正しく動かない可能性があります。参考にして調整してみてください。
window.addEventListener( 'load', // ページを完全に読み込んだ後に実行 () => { // 対象とするタブブロックを指定 const tabs = document.querySelector( '[data-tabs-id="0cd7c37d-33db-4b10-b91d-30a091d2f667"]' ); if ( !! tabs ) { // 現在のページのクエリを取得（例： ?tab=hoge） const search = window.location.search; if ( !! search ) { // search からタブの指定を取得 const searchParams = new URLSearchParams( search ); const targetTab = searchParams.get( 'tab' ); // ?tab が「hoge」なら if ( 'hoge' === targetTab ) { // 対象とするタブを指定 const tab = tabs.querySelector( '[aria-controls="block-ce097728-902c-47fa-9c7b-d25e712c782f"]' ); if ( !! tab ) { // 対象のタブを強制クリックする tab.click(); } } } } }, true );Who liked: No user
