学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

募集をシェアしてメンターを探そう
シェア

※ この募集は締め切られました。

プログラミング WordPress

wordpressでcodepenを埋め込んだ際にエラーが出ないようにしたい

2023年5月27日
単発
予算
3,000円
提案数
2人が提案中
応募期限
終了

【教えてもらいたいこと】
プログラミング/フロントエンド WordPress

【利用目的】
技術的な質問・相談

【具体的な相談内容】
現在wordpressにてcodepenの埋め込みを行なったところ、動作的には問題なく表示されており、別の端末で見てもcodepen側にきちんとアクセスができるようなのですが、なぜが謎のエラーが大量に出てきています。
調べたところセキュリティポリシーエラー的なものなのかなと思っているのですが、対処方法がわからず困っています。
何かしらのプラグインを導入する必要があるのか、埋め込み方法が間違っているのかわかりません。いくらググっても解決しなかったので、解説策をご存知のメンターさんを募集します。

ちなみに埋め込み方法は、HTMLとifremeとプラグインを導入してショートコード貼り付けの3パターン試しましたが全て似たようなエラーが表示されました。
codepenで推奨されてるHTMLの埋め込みもしくはifremeで対応できるとありがたいので、よろしくお願いします。

<出ているエラー>
===
[Report Only] Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'none'". Either the 'unsafe-inline' keyword, a hash ('sha256-/GIEktJ4o/gfBNLznkwKYV2PY3bNhvfQQ+DCJRaMtcs='), or a nonce ('nonce-...') is required to enable inline execution.
===

===
[Report Only] Refused to load the script 'https://cpwebassets.codepen.io/assets/embed/embed-008e8e63bc8f4f7a03df3f5da5b5c4d5e25fe5a438f147d0a2325f15fcd47555.js' because it violates the following Content Security Policy directive: "script-src 'none'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
===

【希望相談スタイル】
技術的な質問・相談

【目安予算】
3000円

募集をシェアしてメンターを探そう
シェア