otter Blocksがどのファイルを参照しているか調べる方法
-
たびたびお世話になります。
いつも親切な回答をありがとうございます。「Create Block Theme」絡みでまた不具合が出てしまい自力で解決できないため、質問させていただきました。
ローカルで「otter Blocks」プラグインのアニメーションを使用してサイトを作成していまが、「Create Block Theme」で書き出し(書き出しについてはこちらをご参照ください)を行うたびに「otter Blocks」プラグインのアニメーションのエフェクトが効かなくなってしまいます。
ローカルで「Create Block Theme」で書き出しを行う前は「otter Blocks」プラグインのアニメーションは効いています。
そして、現在本番環境にまだアップしていないため、現在本番環境でも効いています。
本番環境は、
https://kitakinki-blog.sakura.ne.jp/enpe_sampleSite1/
です。
(このホームページは自前で作成したサンプルのホームページになります。)
しかし、ローカル環境で「Create Block Theme」で書き出しを行うとエフェクトがなくなってしまうのです。以下、自分なりに調べた内容を書きます。
エフェクトが効いている本番環境を開発ツールで調べると、
例えば「Floral Services」という見出しには、「fadeIn」という「otter Blocks」のクラスがついています。
これを「要素」タブのスタイルで見ると、
@keyframe fadeIn
となっていて、
ファイルが、enpe_sampleSite1/:48となっています。
そこをクリックすると
Content unavailable. Resource was not cached
となります。
まず知りたいのは、この「@keyframe fadeIn」が、何のcssもしくはjsのどのファイルを参照しているか調べる方法です。
それが分かれば、functions.phpからリンクをかけたら解決できるのではないかと思っています。
ご知見のある方、どうかご教示いただけますと幸いです。
よろしくお願いいたします。ヘルプの必要なページ: [リンクを見るにはログイン]
トピック「otter Blocksがどのファイルを参照しているか調べる方法」には新たに返信することはできません。