WordPressにHTML,CSSのソースコードは埋め込まず、デモ結果のみを埋め込みたい。

Q&A

CodePenを使用すればWordPressにデモ結果(Result）を埋め込めることは知っているのですが、埋め込みの際にHTMLとCSSのソースコードは表示をしたくないです。

CodePenでなくても、デモ結果のみをWordPressに埋め込みできる方法をご存知の方、または関連した情報をご存知の方は教えていただけますと幸いです。

1Answer

こちらを参考にResultのみを埋め込むことができます
https://rubirubi.hateblo.jp/entry/codepen-embed-customization-tips
上記記事のテーマカラーについての項目にある通り、埋め込みコードに

data-theme-id="41"

を追加した埋め込みコードを利用することで実現できます

また、こちらのようにCodePen内にCodePenを埋め込んだ例もあります
https://codepen.io/quezo/pres/BzLbEg
https://codepen.io/quezo/pen/VjXKex
こちらの場合は

data-theme-id="24311"

を追加した埋込みコードになっています

この回答は
Google検索「CodePen Resultのみ埋め込み」
及び
Google検索「codepen embed only result」
の検索結果を元に作成されました

0Like