サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年2月17日 13:16
投稿ページにて、codepenのコードをショートコードでいれて、
codepenのソースコードと実行結果を表示させたのですが、
表示はちゃんとできました。
しかし、表示記事にリンクで移動しましたら、
codepenの張り付けた場所まで、勝手にスクロールしてしまいました。
他のテーマを使っていた時は、勝手にスクロールしなかったのですが、
バグのように動いてしまい、困っています。
このページで問題が発生してます。
問題解決のアドバイスをしていただけたら、助かります。
何卒、宜しくお願い致します。
2021年2月17日 14:50
投稿者メールアドレスが誤っていたので、修正のため、返信に追加します
2021年2月17日 15:15
前略、ゼスト さん
ちょっと、私もこれ、わからないのですが、codepen のところに「a id="html-link"」というIDがあるので、そこをめがけてリンクが飛んでいる、ということは、ないのでしょうか？（ほんと良くわかりません）
WordPressでは、記事のタイトルがURLの一部になるので、２バイト文字である、全角の文字はURLのスラッグには使用しない方が無難だということぐらいしかわからないです。（半角のローマ字、数字、ハイフンを使った方が良いような気がします。）
試すとすれば、URLのスラッグを日本語にするにしても、「html」から始まらない文字列にしてみるとかでしょうか？
でも、他テーマでは、問題なかった、というのも私には説明できないですし、よくわかりません。
この投稿は4年前 3回ずつリフィトリーに変更されました
わいひら reacted
2021年2月17日 15:26
以前使ったことがあるテーマで、「simplicity2」というものがあり、
このテーマは正常にcodepenのプラグインが動きました。
今回のブログは、simplicity2で作ったブログを閉じ、
cocoonテーマで作り直してます。
以前のブログでも同タイトルで同じブログの記事を書いておりましたので、
私としても、どうしてよいかわかりません。
他のテーマで、リニューアルするしかないかどうかを悩んでます。
後、
＞codepen のところに「a id="html-link"」というIDがあるので、そこをめがけてリンクが飛んでいる、ということは、ないのでしょうか？
→これの内容がよくわかりません。
wpの投稿に貼ったcodepenのembedにも「a id="html-link"」は記載しておりません。
すいませんが、なにか助言があれば、お願いします。
何卒、宜しくお願い致します。
2021年2月17日 15:42
リフィトリー様
スラッグを「part3-image-display-link-path」で試しましたが、
codepenの記事をスクロールしてしまいます。
スラッグのhtmlが原因ではなさそうです。
他のアドバイスがあれば、是非ともお願い致します。
大変申し訳ありませんが、ご助力していただきたいです。
2021年2月17日 15:44
ゼストさん
「a id="html-link"」というのはソースコードを見たら有った、というだけです。
仮に、Cocoonで使っているJavaScript関連のトラブルだとしたら、私には解決できそうにありません。
2021年2月17日 15:49
ゼストさん
スラッグを「part3-image-display-link-path」で試しましたが、
codepenの記事をスクロールしてしまいます。
スラッグのhtmlが原因ではなさそうです。
わいひらさん、もしくは、詳しい方が診てくださると何かわかるかもしれません。
わいひらさんがフォーラムにいらっしゃるのは、いつも夜になってからですね。
他にもスキルの高い方がいらっしゃるのでもう少しお待ちになってみてもいいような気がします。
2021年2月17日 15:52
リフィトリー様
丁寧かつ迅速なご対応感謝します。
わいひら様や他のレベルの高い方のご助力を待ちます。
2021年2月17日 16:05
環境情報を記載致します。
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
----------------------------------------------
2021年2月17日 16:08
ゼストさん
プラグインの「Easy Smooth Scroll Links」を一旦停止してみる、というのは試してみられましたか？
2021年2月17日 16:13
リフィトリー様
Easy Smooth Scroll Linksを停止しましたが、
誤動作が改善できなかったため、再起動させてました。
一旦、Easy Smooth Scroll Linksは停止させます。
まだ誤動作してそうなので、私のページを見て確認していただけたらと思います。
http://ranran2020.wp.xdomain.jp/2021/02/17/part3-image-display-link-path/
お手数ばかりかけてしまい、すいません。
何卒、宜しくお願い致します。
2021年2月17日 16:17
ゼストさん
やはり、codepen の左側の窓の中へ飛んでしまいますね。
わいひらさんなら、なにか心当たりがあるかもしれません。
解決するように！
この投稿は4年前ずつリフィトリーに変更されました
2021年2月17日 16:27
リフィトリー様、mofumofu様、ありがとうございます。
わいひら様達のご助力を待つことにします。
2021年2月17日 17:53
ろこ様
アドバイス、ありがとうございます。
ショートコードが原因だったようです。
codepenでembed - 「HTML(recommended)」のテキストをワードプレスにて、
「カスタムHTML」で張り付けて、表示させたところ、
スクロールの誤作動がなくなりました。
codepenの公式サイトのembedで、「WordPress Shotcode」というものがあるため、
知識がない私の場合、wordpressには、こちらのショートコードが良いように見えました。
しかし、今回のろこ様のアドバイスにより、今後の対策がとれそうです。
ろこ様、誠にありがとうございます！！
そして、リフィトリー様、mofumofu様も、助言をしてくださり、
ありがとうございました！
2021年2月17日 18:34
解決サイトのURLをパーマリンク設定で変更しましたため、
新しいURLもここに残しておきます。
http://ranran2020.wp.xdomain.jp/?p=43
解決させていただき、ありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。