ナビゲーションメニューの子メニューがアクティブになっている際には、そのメニュー項目の <li> 要素に data-active-menu というデータ属性が true になっていることが確認していただけると思います。
ですので、そちらを絡めてCSSを書くことで実現できそうな気がします。
お試しください。
＞GONSYさん
アドバイスありがとうございます。
調べてみましたがXO Sliderは設定項目が豊富で良さそうですね。コンテンツ部分にHTMLを書けるとのことで、使いこなせば自由度が高そうに感じました。
今後スライダーで何か設定したいときにはXO Sliderも選択肢に入れてみたいと思います。紹介ありがとうございます。
とりあえず希望の挙動に関してはsnow monkeyの機能単独では難しそう＝別途プラグインかコードを書く必要があるとのことで、方向性は理解できましたのでトピック閉じさせていただきます。
横から失礼します。
@shone さん
別のプラグイン（XO Slider）を使うことになりますが、比較的簡単に似たようなことができますので、良かったら参考にしてください。
わたしのデモページで再現、解説しています。
＞キタジマさん
ご返信ありがとうございます。
あーなるほど。フェードだとスライドを重ねた状態にしておく必要があり、つまりすべてのスライドが画面上にあるという状態になるので、すべてのスライドのアニメーションが発火してしまいますね…。
なるほど、フェードの仕様上の問題だったのですね。
1枚目からアニメーション再生時間が計算されるとなるとやはり一番な簡易な対応としてはアニメーションの開始を遅延させることかと思うのですが…こちらはanimation-delayで書く感じでしょうか？
snow monkeyのアニメーション時間を選ぶ項目でもう少し長いものが選べたり、任意の時間を設定できるようになると嬉しいなと思います。
後々検討していただけますと幸いです。
Snow Monkey Forms v4.0.2 で、カラムブロックやグループブロックの中にもフォームコントロールを配置できるようになりました！
明確に不具合の場合は DM でいただく場合もありますが、不具合か確認できなかったり使い方や要望についての場合はプライベートトピックを立ててもらっています。ただ、プライベートトピックはプロプランかプライベートサポートチケットがないと立てることができません。
お手持ちのサーバーにそのサイトのデータをアップロードして、ロゴやサイト名を適当なものに変更、検証に必要なページ以外はすべて削除して、その URL をここで共有してもらうということは可能ですか？
＞キタジマさん
返信ありがとうございます。
こちらの環境でコンテンツスライダーブロックの中に2つのスライドを用意し、その中にそれぞれ Snow Monkey のブロックパターン「ヘッダー」のものを適当にいれて、その中の段落にアニメーションを設定して試してみたところ、1枚目のスライドの段落は画面表示時に、2枚目のスライドの段落はスライドをスクロールしたタイミングでアニメーションが発火しました。
こちら試してみたところ、私の環境でも再現できました。
違いを探してみたのですが、どうもスライドに「フェード」の効果を付けると、1枚目のスライド表示時にアニメーションが発火してしまっているようです。
「フェード」の状態でもそれぞれのスライド表示時にアニメーションを発火するようにはできないでしょうか？
上記については Snow Monkey Editor のアニメーション機能では実現できません。対応しているプラグインを探すか、自分でベストな挙動になるようにコードを書いてみるのが確実かもしれません。
こちらかしこまりました。
プラグインで対応は難しそうなので、コードで検討してみます。
Snow Monkey Editor のアニメーションは、その対象のブロックが画面に入ってきた（＆入ってくる直前の）段階で発火します。
こちらの環境でコンテンツスライダーブロックの中に2つのスライドを用意し、その中にそれぞれ Snow Monkey のブロックパターン「ヘッダー」のものを適当にいれて、その中の段落にアニメーションを設定して試してみたところ、1枚目のスライドの段落は画面表示時に、2枚目のスライドの段落はスライドをスクロールしたタイミングでアニメーションが発火しました。もし2枚目以降のアニメーションを設定している段落が画面端に近い部分にあるのであれば、画面表示時に発火してしまう可能性はあります。
・最後のスライドから最初のスライドに戻ったとき、アニメーションも繰り返したい
上記については Snow Monkey Editor のアニメーション機能では実現できません。対応しているプラグインを探すか、自分でベストな挙動になるようにコードを書いてみるのが確実かもしれません。
↑のトピックのやり方でコードをかけばとりあえず送信完了後にサンクスページにリダイレクトできると思うので、試してみてはどうでしょうか？
Google タグマネージャーは僕は全く知識がないのでわからないのですが、「Form Classes」に指定するのが単純にフォームの CSS クラス名であるのであれば、Snow Monkey Forms の場合は snow-monkey-form になります。
こちらは、contact form7の方法なのですが、
こちらのトリガー設定はSnow monkey form でも同様でしょうか？
GONSYさん
ヒントを頂いた通りに実装したら、簡単に解決することができました
ありがとうございました！
念のためにコードを記載します
add_action(
'snow_monkey_before_contents_inner',
function() {
if(is_page('数字')){←こちらを追加しただけです
$new_query = new \WP_Query(
[
'pagename' => 'front-page-slider',
'post_type' => 'page',
'post_status' => [ 'publish', 'draft' ],
'posts_per_page' => 1,
]
);
if ( ! $new_query->have_posts() ) {
return;
}
$new_query->the_post();
?>
<div class="p-entry-content" id="front-page-top-content">
<?php the_content(); ?>
</div>
<?php
wp_reset_postdata();
}
}
);
解決しましたので、トピックを閉じます
