[キタジマ タカシ]

あ、ちなみにこのサイトのタブ（ライン）ブロックもずれていますでしょうか…？

Snow Monkey Blocks ブロック一覧

アコーディオン ゴーシュは町の活動写真館でセロを弾く係りでした。 ゴーシュは町の活動写真館でセロを弾く係りでし…

snow-monkey.2inc.org

♥ 1

Who liked:

[キタジマ タカシ]

「タグに入力した単語を」とありますが、PHP のコードではカテゴリー（category）を返しているからではないですかね？タグは post_tag なので、post_tag を返すようにしてみてください。

あと、CSS で .c-entry-summary--post となっていますが、post は「投稿」になります。レッスン（lessons）投稿タイプの投稿を対象にしたい場合は .c-entry-summary--lessons としてみてください。

♥ 1

Who liked:

[キタジマ タカシ]

ズレるのはiPhoneとiPadで見るとズレています。

iOS のバージョンと、iPhone、iPad のバージョン（14 Pro とか Air とか）をおしえてください！

♥ 1

Who liked:

[キタジマ タカシ]

スクショを見ると、関連記事（.p-related-posts）の上に画像（p > img）があるように見えるので、コード自体はあっているのではないですかね？

デベロッパーツールの HTML が表示されている部分で、関連記事上の画像を選択すると、画面表示の部分ではどこが選択されますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

どうも「ヘッダー」の設定が効いておらず、強制的にオーバーレイ状態になってしまうようです…

んーこれが気になりますよねー。なんでだろう…。
ヘッダーの設定やホームページ設定でどこかで「オーバーレイ」の設定をしていて、それが本当はスマホだけのはずなのに PC にも反映されているとか、ホームページだけなのに全ページに反映されている、とかならわかるのですが、どこでも設定していないのにオーバーレイになるとなると、やはりどこかにコードで指定していたりするのかなぁという気がします。

子テーマをお使いなら子テーマ、My Snow Monkey をお使いなら My Snow Monkey をコードエディターで開いて、「overlay」で全文検索したら引っかかったりしないでしょうか…？

♥ 0

Who liked: No user

[キタジマ タカシ]

ひとまずボタンの色については Blocks v18.1.7 で修正しました。

♥ 0

Who liked: No user

[キタジマ タカシ]

Mega Menu v3.1.0 で機能追加しました！

♥ 2

Who liked:

[キタジマ タカシ]

Blocks v18.1.7 で変更を反映しました！

♥ 1

Who liked:

[キタジマ タカシ]

あ、もしかしたら全部のメガメニューが共通で同じ幅になるよりも個別に設定できたほうが良いかもしれないのと、設定がちらばるとわかりにくくなるかもなので、「メニュー」管理画面でメガメニューのどれにするか選ぶところの下に、「メガメニューを全幅で表示」みたいなチェックボックスをつくって、それが有効なら全幅になるようにしようと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

ご報告ありがとうございます！ 気づいていませんでしたので助かります！

スマホはiPhone、iPadで確認しました。どちらも青色です。

こちら確認できました。修正します。

タブブロックのスタイルで、ラインを選択すると、選択中の色が変化したラインがずれて表示されてます。

iPad Pro 12.9インチ（iOS 16.2 / シミュレーター）の縦横、iPhone 14 Pro Max（iOS 16.2 / シミュレーター）の縦横で確認しましたが、どちらもラインはずれずに表示されていました。ずれるのは iPhone と iPad の両方ですか？また、縦向きでも横向きでもどちらでもずれますか？

Mac の Safari と Chrome でも確認しましたが、ずれずに表示されていました…。

♥ 0

Who liked: No user

[キタジマ タカシ]

みなさんありがとうございます！ 確かに、GONSY　さんが挙げてくれた参考サイトをみると、サイトによってどちらもアリって感じですねー。

– ヘッダー通常幅 / メガメニュー通常幅
– ヘッダー通常幅 / メガメニュー全幅
– ヘッダー全幅 / メガメニュー通常幅
– ヘッダー全幅 /　メガメニュー全幅

の全ての組合わせを実現するためには、

– ヘッダーは基本通常幅
– 設定により全幅になる
– メガメニューは基本通常幅
– 設定により全幅になる（ヘッダーの幅設定の影響は受けない）

が良さそうですね。ちょっとその方向で機能を追加しようと思います！

♥ 1

Who liked:

[キタジマ タカシ]

元々は「ヘッダー」の項目で設定した表示が優先されて「上書きしない」だとそのまま表示されていた気がするのですが…最近の仕様変更などに伴い優先度が変わったのでしょうか？

「上書きしない」だと「ヘッダー」で設定したものがそのまま適用されます。

すみません、ちょっと混乱してきたのですが、

- ヘッダー
  - スマホ用
  - PC 用
- ホームページ設定
  - スマホ用
  - PC 用

それぞれどのような設定にしていて、どのような設定に変更されたのでしょうか…？

♥ 0

Who liked: No user

[キタジマ タカシ]

--_container-max-width は .c-container で定義される変数なのですが、カスタマイザー → デザイン → ヘッダー → ヘッダーを全幅にする」が有効になっていると .c-container ではなく .c-fluid-container が使われるようになるため、--_container-max-width　が未定義となりメガメニューも横に広がってしまうみたいでした。

ここ、改めて考えると、ヘッダーが全幅になったときは親メニューも横に広がるからメガメニューもそれにあわせて全幅になるほうが素直なのでは？と思ったりしたのですがどうでしょうね？

♥ 1

Who liked:

[キタジマ タカシ]

確かにソースコード上でもトップページはオーバーレイになっているようです。

カスタマイザー → デザイン → ヘッダーの設定は今「ノーマル」「ノーマル」なっているようにみえますので、トップページだけ設定が変わっているのかも知れません。

カスタマイザー → ホームページ設定 → モバイル用ヘッダー位置を上書きする
カスタマイザー → ホームページ設定 → PC 用ヘッダー位置を上書きする

はどうでしょうか？ また、ここがオーバーレイでない場合、My Snow Monkey などにヘッダーの配置をカスタマイズするためのコードを追加されていませんか？

♥ 0

Who liked: No user

[キタジマ タカシ]

あ！ヘッダーが横に広がる設定だと空になっちゃうのかもです！

♥ 1

Who liked:

[投稿者]

投稿