「カバー」ブロックにSWELL風のパララックス効果を追加する方法

以下の手順で設定します。

1. 「カバー」ブロックを配置します。
2. 高度な設定→追加CSSクラスにmy-pallaxと入力します。

以下のコードをfunctions.phpに追加します。

add_action('wp_enqueue_scripts', function () {
  wp_enqueue_script('simple-parallax', 'https://cdn.jsdelivr.net/npm/simple-parallax-js@5.6.1/dist/simpleParallax.min.js', [], null, true);

  ob_start();
  ?>
  jQuery(function ($) {
    $('.pallax img').each(function() {
      new simpleParallax(this, {
        delay: 1,
        transition: 'cubic-bezier(0,0,0,1)'
      });
    });
  });
  <?php
  wp_add_inline_script('simple-parallax', ob_get_clean());
});