wordpressで子テーマから読み込んだ.jsonがロードされない

WPでjsonアニメーションを配置するのに、Lottie.jsというjQueryプラグインを使っています。

子テーマを使っていて、
子テーマ(seal1_5_child)のjsファイルにあるmain.jsから、lottieを発火させ、
子テーマ(seal1_5_child)に直に置いてあるjsonファイルを読み込んでいます。

js
118   var animationTivel = lottie.loadAnimation({
219    container: document.getElementById('Animation'),
320    renderer: 'svg',
421    loop: true,
522    autoplay: true,
623    path: 'http://〇〇〇〇.xserver.jp/〇〇〇〇.com/public_html/wp-content/themes/seal1_5_child/source_logo.json'
724   });

最後のpath: で、相対パスだと404エラーになり動かないので、絶対パスで指定してるのですが、実際コンソールでは

error1
1 Not allowed to request resource
2	loadAsset (lottie.js:4340)
3	setParams (lottie.js:11288)
4	loadAnimation (lottie.js:11055)
5	（anonymous関数） (main.js:18)
6	e (jquery-3.4.0.min.js:2:29459)
7	（anonymous関数） (jquery-3.4.0.min.js:2:29757)

error2
1XMLHttpRequest cannot load http://sv1314.xserver.jp/source-c.com/public_html/wp-content/themes/seal1_5_child/source_logo.json due to access control checks.
2loadAsset — lottie.js:4340
3setParams — lottie.js:11288
4loadAnimation — lottie.js:11055
5（anonymous関数） — main.js:18
6e — jquery-3.4.0.min.js:2:29459
7（anonymous関数） — jquery-3.4.0.min.js:2:29757
86

の２つがエラーに吐き出され、表示されなくて困っっています。
これは何が原因で、どう解決すれば良いのでしょう、、？

調べてみて自分で解決しようとしたのですが、どうやら許可？が必要みたいで
htaccessに

htaccess
1<FilesMatch ".(js)$">
2<IfModule mod_headers.c>
3    Header set Access-Control-Allow-Origin "*"
4</IfModule>
5</FilesMatch>

を書きましたが、未だ同じエラーが吐き出されています。

助けてください;; よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

WordPressのドメインと同じURLにしたら良いです。

URL
1http://example.com/wp-content/themes/seal1_5_child/source_logo.json

投稿2019/04/29 07:56

kei344

総合スコア69458

sleeeep12

2019/04/29 08:34

すみません、上記のurlの書き方でもダメでした；；

kei344

2019/04/29 14:10

エラーは変わりませんか？また、WordPressと（ httpsの部分も含めて）同じドメインですか？

sleeeep12

2019/04/30 04:20

ご返信ありがとうございます！エラーはurlの部分だけ変わりました。質問文でいうerror2が変わりました。 XMLHttpRequest cannot load http://source-c.com/public_html/wp-content/themes/seal1_5_child/source_logo.json due to access control checks.

kei344

2019/04/30 04:59

「public_html/」が入っているのは消して回答しています。そこがおかしいのと、httpsでWordPressが運用されているならhttps://に書き換えてください。

sleeeep12

2019/05/02 01:30

映りました！sslのurlが正解でした、ありがとうございます！

行動規範の内容に同意します