[キタジマ タカシ]

ボタンを押したときにどこを開閉するかは自動的に付与される id で判別しているのですが、共有いただいたデモページだと各ブロックでその id が重複しているため、正しい判定ができなくなっているみたいです。

こちらの環境でテストしてみた感じだと、「1つ1つ続きを読むボックスを挿入する」「1つ続きを読むボックスを入れてそれを複製する」どちらの場合でも id は別なものになりました。

恐らく操作方法によって　id が重複するパターンが存在するのだと思うのですが、どういう感じでブロックを配置したのか教えてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

うむーほんとですね、なんだろう…。こちらの環境では再現しないのですよね。

All in One WP Migration とかでそのサイトをまるっとエクスポートして、それを頂いてこちらでもその環境を試すということは可能でしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

ありがとうございます。ぱっと見では問題ない気がしますね…。

以前、別のトピックで Snow Monkey のディレクトリ名が snow-monkey ではないためにプラグインが実行されないというものがあったのですが、それはどうでしょうか？

My Snow MonkeyでCSSが反映されない

このトピックには10件の返信、2人の参加者があり、最後にキタジマ タカシにより3週、 6日前に更新されました。…

snow-monkey.2inc.org

♥ 0

Who liked: No user

[キタジマ タカシ]

確認したところ、「パララックス」の設定に不具合があるようです。

閉じたあとですみません、ゆうとさんのサイトをみてパララックスの js がエラーを出していたので上記のように書いたのですが、修正しようと思って今僕の環境2つで試してみたらエラーは出ずに普通にパララックスになってしましました…。ということで何らかの設定等の組み合わせで発生する問題なのかもしれません。

また今度試すことがあって、うまくいかないときは教えてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

以下教えてください！

– ヘッダーレイアウトの設定は何になっていますか？
– このメニューはグローバルナビゲーションに割り当てられていますが？
– ナビゲーション周りになにか独自のカスタマイズをしたり、ナビゲーションに影響がありそうな何か他のプラグインを入れていますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

これまでは問題なかったが、今回のアップデートで競合してしまったのでしょうか？

ちょっとそれはわかりませんが、技術的には同じライブラリのバージョン違いを2つ読み込むということは一般的には競合が発生するものだと思うので、もしこれまで動いていたとしたら、それは偶然運が良かったのかなぐらいの感覚ですね…。Snow Monkey に限らず他の jQuery に依存しているプラグインや機能も同様なので、WordPress コアの jQuery で正しく動くように調整するのが良いと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほど！ まーちゅうさんが書いてくれた CSS、取り込むようにします！

♥ 2

Who liked:

[キタジマ タカシ]

独自の jQuery を読み込まれているからだと思います。Snow Monkey / Snow Monkey Blocks は WordPress コアが持っている jQuery を使いますが、独自に jQuery を読み込むと競合して正しく動かなくなってしまいます。独自に読み込んでいる jQuery を外してみてください！

♥ 0

Who liked: No user

[キタジマ タカシ]

何か画像に影響を与えるようなプラグインを入れられたりしてますかね？

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey Forms は基本的に入力画面と確認画面で同じレイアウトを使い回すので、ちょっとこの形は実現できないのではないかなと思います…。

♥ 0

Who liked: No user

[キタジマ タカシ]

確認したところ、「パララックス」の設定に不具合があるようです。後日確認しようと思いますが、基本的にはこの設定はページの表示速度が遅くなる非推奨の古い機能なので、例えばカバーブロックと組み合わせるのはどうかなと思いました。

カバーブロックは「背景固定」の設定があるので、カバーブロックに背景画像と背景固定を設定して、その中に普通のセクションブロックを入れると背景画像があるセクションを擬似的に再現できるかなと思います。

♥ 3

Who liked:

[キタジマ タカシ]

CSS でやる方法も試してみたのでおいておきますね。
ビューポートが 1024px 未満は min-height を 50vh にする例です。

@media not all and (min-width: 1024px) {
  .smb-section--wide {
    --smb-section--min-height: 50vh;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

フルサイズで記事に入れた時に 2800×1400px になるなら問題はない気がします。だとしたらなにか Snow Monkey に不具合がある可能性もあるかもしれません。

こちらでも試してみたいのですが、その2枚の画像を頂くことってできますかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

xlarge が確か 1920px？かその前後くらいの大きさだったと思いますが、それより小さい画像の場合は xlarge は表示されません。大きさはどんな感じでしょう？

♥ 0

Who liked: No user

[キタジマ タカシ]

アクツさんありがとうございます！

ひげがーるさん
.c-navbar__submenu に min-width が適用してあり、それでデフォルトの幅が決まっているので、0 にしてしまえば親と同じ大きさになると思います。

.c-navbar__submenu {
    min-width: 0;
}

♥ 2

Who liked:

[投稿者]

投稿