前提・実現したいこと
質問失礼します。
wordpressでとある有料テーマを使用し、animate.css + wow.jsでスクロールアニメーションを
適用させたいと考えていますが、うまくいかずお力お貸しいただけたらと考え、
質問させていただきます。
初心者で知識不足は否めませんが、何卒よろしくお願いいたします。
発生している問題・エラーメッセージ
固定ページのブロックにカスタムHTMLとして下記を記載しましたが、
アニメーションが適用されません。
<div class="wow bounceIn">サンプル</div>
animate.css、wow.js導入手順
① animate.css、wow.jsをダウンロードし、WinSCPのテキストモードで
/【親テーマディレクトリ】/css へ animate.cssを
/【親テーマディレクトリ】/js へ wow.min.jsと下記内容のmy-js.jsファイルをアップロード
JavaScript
1jQuery(function ($) { 2 new WOW().init(); 3}); 4
② function.phpへ下記を追加
PHP
1function wow_init() { 2 wp_enqueue_style('animate', 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'); 3 wp_enqueue_script('wow', get_template_directory_uri() . '/js/wow.min.js', array(), false, true); 4 wp_enqueue_script('my-js', get_template_directory_uri() . '/js/my-js.js', array("jquery"), false, true); 5} 6add_action('wp_enqueue_scripts', 'wow_init'); 7
試したこと
① 開発者ツールでエラー確認
⇒特にエラーは出ていませんでした。
② 他の手順を記載しているサイト確認
⇒いくつかの方法を試してみましたがどれもうまくいきませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/09/19 14:17