サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoon Blocksに関する質問・不具合報告・要望
10
投稿
3
ユーザー
9
Reactions
2,665
表示
トピックスターター 2021年4月6日 11:46
ご担当者様
お世話になっております。
wordpressでcoconを使用させていただいてサイト運営をしています。
早速のことですが、投稿画面で不具合が生じ、ご質問させていただきます。
【問題】
投稿画面（ビジュアルエディター使用）のブロック同士の間隔が、狭くなった件です。
（※画面のキャプチャーを添付します）
【経緯】
・昨日(4/5)、jsファイル(sounds-multi.js)を追加
・本日(4/6)、プラグイン２つインストール
↓
本日、プラグインインストール後に、添付画像のような状態になった。
【試してみたこと】
・追加したjsファイルの削除
・追加したプラグインの削除
・ブラウザのキャッシュ削除
・ロリポップサーバーのキャッシュ削除
・ロリポップさんにも相談してみましたが、以上の解決方法以外はわからないとのことでした。
という感じです。
それでも、直りません。
他に試してみるべき方法がありましたら、教えて頂けますでしょうか。
お忙しいところ、申し訳ございませんが、どうぞよろしくお願いいたします。
----------------------------------------------
サイト名：看護系大学院受験ラボ
サイトURL： https://graduateschool.8s-wellbeing.com
ホームURL： https://graduateschool.8s-wellbeing.com
コンテンツ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
WordPressバージョン：5.7
PHPバージョン：7.4.12
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja-JP,ja;q=0.9,ko-KR;q=0.8,ko;q=0.7,en-US;q=0.6,en;q=0.5
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.7
カテゴリ数：21
タグ数：55
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2020/03/logo.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4
PS Auto Sitemap 1.1.9
Search & Filter 1.2.13
Smart Slider 3 3.4.1.17
TablePress 1.13
TaxoPress 3.0.3
What's New Generator 2.0.2
WordPress Importer 0.7
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------
2021年4月6日 13:37
Happytogetherさん
残念ながら、ちょっと分からないです。
プレビューだけでなく、実際に公開しても問題はないのですよね？
だとすると、エディタースタイルの適用が、上手くいかなくなってしまったかなと想像はするものの、良く分かりません。
別の方の回答をお待ちください。
少し気になったのですが、子テーマはご利用ではないのですね？
（もしかすると今回の件は、テーマ破壊の可能性も…とは思ったりもしますが。）
親テーマと子テーマの関係などについては、過去のフォーラムが参考になるかも知れません。
[解決済] 親テーマと子テーマについてです。
https://wp-cocoon.com/community/postid/34811/
ちょっと状況が分かりませんので、今は読むだけにしておいてくださいませ。
わいひら reacted
トピックスターター 2021年4月6日 14:05
@mk2_mk2様
お世話になっております。
お忙しいところ、ご返信を頂きまして、誠にありがとうございます。
実際に公開しても、現在のところ、問題はないと見られます。
子テーマの件は、利用していませんでした。
頂きました参考ページを読ませていただきます。
ありがとうございます。
ご質問させて頂いた後で恐縮ですが、不具合になった心当たりがあり、追記させてください。
昨日(4/6)、jsファイルをインストール後、footer.phpにコードを追記しました。
ところが、今朝にfooter.phpを見直してみると、追記したはずのコードがない状態でした。これは、何か、不具合を解くヒントになりますでしょうか。
【追記したコード内容】
<?php // クリックすると鳴くボタン用のjsを読み込む ここから ?>
<script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/sounds-multi.js" ></script>
<?php // クリックすると鳴くボタン用のjsを読み込む ここまで ?>
お忙しいところ、申し訳ございませんが、どうぞよろしくお願いいたします。
トピックスターター 2021年4月6日 14:17
@mk2_mk2様
お世話になっております。
度々の投稿で、失礼いたします。
結論から申しますと、症状が改善いたしました。
先ほど、mk2_mk2様のご返信で頂きました、記事サイトを読んでみたところで、
cocon設定→エディター→「Gutenbergエディターを有効にする」のチェックを外して、再度チェックを入れなおしてみました。
すると、投稿画面が通常に戻りました。
大変助かりました、どうもありがとうございました。
子テーマは作っておきたいと思います。
重ね重ね、ありがとうございました。
わいひら reacted
2021年4月6日 14:17
Happytogetherさん
正直良く分からないところですが。
ご提示いただいたコードがないとしても、sounds-multi.jsが読み込まれないだけではないかと推測します。
関数get_stylesheet_directory_uriで、テーマのディレクトリのURIを取得して（今回は親テーマのURI）、sounds-multi.jsまでのフルパスを指定しているだけだと推測します。
わいひら reacted
トピックスターター 2021年4月6日 14:20
@mk2_mk2様
投稿が行き違いになったようで、すみません。
おかげさまで、症状が改善いたしました。
（解決理由はひとつ前の投稿に記載いたしました）
お忙しいところ、貴重なお時間を頂戴いたしまして、どうもありがとうございました。
わいひら reacted
2021年4月6日 14:38
Happytogetherさん
直ったとのことで良かったです。
少し調べていて気になったのは…。
（添付画像をご覧ください。）
上部の赤枠はワーニングですし、ご利用にはなっていないようですから、気にしなくても良い気はしますが、混在コンテンツのワーニングが出ています。
こちらは、Cocoon設定 ⇒ AMP ⇒ AMPロゴ を「https」にすることで解消するとは思います。
下部の赤枠もワーニングですから、気にしなくても良いのかも知れませんが、親テーマの何らかのものが404になっています。
私の環境では出ていませんでしたので、ちょっと気になりました。
しかし、それがどういう原因でなのか、どういう影響があるのかまでは分かりません。
気にしなくても良いのかも知れませんが、良く分からないというのが正直なところです。
変なことを言ってしまい、申し訳ありません。
わいひら reacted
2021年4月6日 15:59
昨日(4/6)、jsファイルをインストール後、footer.phpにコードを追記しました。
ところが、今朝にfooter.phpを見直してみると、追記したはずのコードがない状態でした。これは、何か、不具合を解くヒントになりますでしょうか。
今回の不具合には関係なかったようですが親テーマにコードを加えた場合、親テーマを更新するとカスタマイズした部分が新しい親テーマに上書きされカスタマイズ部分が消えてしまいます。
上書きされないようにCSSやPHPのカスタマイズをする場合は、子テーマを利用します。子テーマについて詳しくはmk2さんが貼ってくださったトピックをご覧ください。
わいひら reacted
トピックスターター 2021年4月6日 17:17
@mk2_mk2様
お世話になっております。
ご返信を頂きまして、誠にありがとうございます。
早速のことですが、ワーニングの件につきまして、教えて頂き、大変ありがとうございました！
ワーニングということがあること自体、今日初めて知りました…お恥ずかしい限りです。
勉強になります。
mk2_mk2様に教えて頂きましてように、改善に取り組んでみたいと思います。
大変ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。