codepenプラグインでcodepenコードを埋め込むとスクロールする - 不具合報告 https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/ Cocoon ディスカッション掲示板 ja Mon, 15 Jun 2026 08:11:58 +0000 wpForo 60 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45565 Wed, 17 Feb 2021 09:34:58 +0000 解決サイトのURLをパーマリンク設定で変更しましたため、

新しいURLもここに残しておきます。

 

http://ranran2020.wp.xdomain.jp/?p=43

 

解決させていただき、ありがとうございました！

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45565 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45563 Wed, 17 Feb 2021 09:01:21 +0000 皆様のおかげで助かりました。

解決済みのボタンも押しておきます。

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45563 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45562 Wed, 17 Feb 2021 08:53:53 +0000 ろこ様

 

アドバイス、ありがとうございます。

ショートコードが原因だったようです。

 

codepenでembed - 「HTML(recommended)」のテキストをワードプレスにて、

「カスタムHTML」で張り付けて、表示させたところ、

スクロールの誤作動がなくなりました。

 

codepenの公式サイトのembedで、「WordPress Shotcode」というものがあるため、

知識がない私の場合、wordpressには、こちらのショートコードが良いように見えました。

 

しかし、今回のろこ様のアドバイスにより、今後の対策がとれそうです。

 

ろこ様、誠にありがとうございます！！

そして、リフィトリー様、mofumofu様も、助言をしてくださり、

ありがとうございました！

 

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45562 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45561 Wed, 17 Feb 2021 08:17:28 +0000 同じページを別のテーマで試すと、その不具合は生じないのでしょうか？

CodePenは使用したことはありませんが、

CodePen Embedded Pens Shortcode 1.0.0

ショートコードで埋め込んでいる点が気になります。

少なくともGutenbergでは、確かCodePenのショートコード埋め込みを推奨していなかったと思うので、別の埋め込み方法を試してみた方がいいかもしれません。

]]> 不具合報告 ろこ https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45561 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45558 Wed, 17 Feb 2021 07:27:24 +0000 リフィトリー様、mofumofu様、ありがとうございます。

 

わいひら様達のご助力を待つことにします。

 

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45558 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45557 Wed, 17 Feb 2021 07:17:06 +0000 ゼストさん

やはり、codepen の左側の窓の中へ飛んでしまいますね。

 

わいひらさんなら、なにか心当たりがあるかもしれません。

 

解決するように！

 

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45557 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45556 Wed, 17 Feb 2021 07:13:51 +0000 リフィトリー様

 

Easy Smooth Scroll Linksを停止しましたが、

誤動作が改善できなかったため、再起動させてました。

 

一旦、Easy Smooth Scroll Linksは停止させます。

まだ誤動作してそうなので、私のページを見て確認していただけたらと思います。

 

http://ranran2020.wp.xdomain.jp/2021/02/17/part3-image-display-link-path/

 

お手数ばかりかけてしまい、すいません。

 

何卒、宜しくお願い致します。

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45556 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45555 Wed, 17 Feb 2021 07:08:07 +0000 ゼストさん

プラグインの「Easy Smooth Scroll Links」を一旦停止してみる、というのは試してみられましたか？

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45555 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45554 Wed, 17 Feb 2021 07:05:19 +0000 環境情報を記載致します。

 

Cocoon環境に関する情報です。

----------------------------------------------
サイト名：Web Study Kit
サイトURL：http://ranran2020.wp.xdomain.jp
ホームURL：http://ranran2020.wp.xdomain.jp
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-tecurio-sky/style.css
WordPressバージョン：5.6.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.7
カテゴリ数：3
タグ数：0
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
All in One SEO 4.0.15
All In One WP Security 4.4.6
CodePen Embedded Pens Shortcode 1.0.0
Easy Smooth Scroll Links 2.22
Pz-LinkCard 2.4.2.2
Table of Contents Plus 2002
----------------------------------------------

不具合報告の際には以下の情報を添えてもらうと助かります。

 

----------------------------------------------
サイト名：Web Study Kit
サイトURL：http://ranran2020.wp.xdomain.jp
ホームURL：http://ranran2020.wp.xdomain.jp
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-tecurio-sky/style.css
WordPressバージョン：5.6.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.7
カテゴリ数：3
タグ数：0
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
All in One SEO 4.0.15
All In One WP Security 4.4.6
CodePen Embedded Pens Shortcode 1.0.0
Easy Smooth Scroll Links 2.22
Pz-LinkCard 2.4.2.2
Table of Contents Plus 2002
----------------------------------------------

 

 

 

]]> 不具合報告 ゼスト https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45554 RE: codepenプラグインでcodepenコードを埋め込むとスクロールする https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45553 Wed, 17 Feb 2021 06:53:24 +0000 ゼストさん

mofumofu さんのアドバイスをうけて、月並みですが、環境情報を貼り付けていただくと良いかもしれません。

 

Cocoonは、環境情報がまとめて取得できるようになっています。

 

]]> 不具合報告 リフィトリー https://wp-cocoon.com/community/bugs/codepen%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%a7codepen%e3%82%b3%e3%83%bc%e3%83%89%e3%82%92%e5%9f%8b%e3%82%81%e8%be%bc%e3%82%80%e3%81%a8%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab/#post-45553