Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

【SOS】投稿画面(固定ページ編集画面...
 
共有:
通知
すべてクリア

【SOS】投稿画面(固定ページ編集画面も)表示がおかしくなった><

12 投稿
2 ユーザー
4 Reactions
159 表示
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

どこをいじったのか分かりません。

助けて下さい。

突然、投稿画面並びに固定ページ編集画面の表示がおかしくなりました。

今まで上下左右に余白があったのですが余白がなくなり全画面表示?になりました。

そして画像やら、ボタンを挿入すると位置がおかしいです。

どこをいじったら直りますか?

宜しくお願いします。



   
引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3768
 

●回答

Cocoonの仕様です。

https://wp-cocoon.com/community/postid/86014/

Cocoon 2.8.7.1から[Cocoon設定]→[カラム]→コンテンツ幅に応じ、エディターにも反映されます。
このため、コンテンツ幅が広い場合、エディターの入力幅がいっぱいとなります。

以前は840px固定でした。
[Cocoon設定]→[エディター]→「エディターにテーマスタイルを反映させる」オンとしたのに、エディターにスタイルが反映されないのは問題と思い修正されています。



   
わいひら reacted
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

もう一つ(別のサイト)で確認してみたんですけど、

編集画面こんな左による感じではないです。

CSSかPHPをいじったのが原因なんでしょうか?

 



   
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

@chu-ya 

もう一つ(別のサイト)で確認してみたんですけど、

編集画面こんな左による感じではないです。

CSSかPHPをいじったのが原因なんでしょうか?



   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3768
 

投稿者:: @yacchan11

編集画面こんな左による感じではないです。

先述の回答の内容理解できてますか?

Cocoonのバージョンを確認ください。
また、[Cocoon設定]→[カラム]→コンテンツ幅が大きくないですか?
エディターの幅は旧来の840px固定ではなく、その幅となります。


皆さん、フォーラムのルールを守り、Cocoonの環境情報を添付願います。
実際のサイトも見ず回答は徒労でしかありません。
その点は徹底願います。



   
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

@chu-ya すいません大変申し開けありませんでした。

コンテンツ幅800でした。

環境情報を添付するの忘れていました。

----------------------------------------------
サイト名:やっちゃん家のわんにゃんHP
サイトURL: https://yacchanpet.fc2.page/wordpress
ホームURL: https://yacchanpet.fc2.page
コンテンツURL:/wordpress/wp-content
インクルードURL:/wordpress/wp-includes/
テンプレートURL:/wordpress/wp-content/themes/cocoon-master
スタイルシートURL:/wordpress/wp-content/themes/cocoon-master
親テーマスタイル:/wordpress/wp-content/themes/cocoon-master/style.css
スキン:/wordpress/wp-content/themes/cocoon-master/skins/maple-cheshire-cat/style.css
WordPressバージョン:6.8.2
PHPバージョン:7.4.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.7.1
カテゴリー数:10
タグ数:5
ユーザー数:1
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wordpress/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.5
Copy & Delete Posts 1.5.0
Flexible Table Block 3.5.0
Menu Image 3.13
Smart Slider 3 3.5.1.29
WP Fastest Cache 1.3.8
----------------------------------------------



   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3768
 

投稿者:: @yacchan11

もう一つ(別のサイト)で確認してみたんですけど、

編集画面こんな左による感じではないです。

上記の情報は、問題のサイトの情報ですか?
問題のないと言う、別サイトのメイン幅、Cocoonのバージョンはいくつですか?

コンテンツ幅を800pxにしましたが再現しません。



   
わいひら reacted
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

@chu-ya 問題のあるサイトの情報です。

問題の無い方のサイトも同じく800になっています。

 

一応問題の無い方の環境情報添付しておきます。

----------------------------------------------
サイト名:やっちゃんのHP
サイトURL: https://yacchan2525.fc2.page/wordpress
ホームURL: https://yacchan2525.fc2.page
コンテンツURL:/wordpress/wp-content
インクルードURL:/wordpress/wp-includes/
テンプレートURL:/wordpress/wp-content/themes/cocoon-master
スタイルシートURL:/wordpress/wp-content/themes/cocoon-child-master
親テーマスタイル:/wordpress/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wordpress/wp-content/themes/cocoon-child-master/style.css
スキン:/wordpress/wp-content/themes/cocoon-master/skins/skin-ganchan02/style.css
WordPressバージョン:6.8.2
PHPバージョン:7.4.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.7.1
カテゴリー数:8
タグ数:74
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:4626 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wordpress/wp-content/uploads/2023/12/OPG画像2.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.5
Copy & Delete Posts 1.4.9
Flexible Table Block 3.5.0
Hide Page And Post Title 1.5.8
Pdf Embed 0.5.0
PDF Embedder 4.9.0
Pochipp 1.17.1
Pz-LinkCard 2.5.5
Rinker 1.11.2
Skitter Slideshow 2.5.2
WP Fastest Cache 1.3.8
WP Go Maps (formerly WP Google Maps) 9.0.46
WP Map Block by aBlocks 2.0.3
WP Menu Icons 3.3.7
YourChannel 1.2.9
----------------------------------------------



   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3768
 

問題のサイトですが、既に作成してあるページをGutenbergエディターで開くと、全て同じように左右の余白がなく、左寄りになりますか?

問題となるページのURLを教えて頂きたく。



   
わいひら reacted
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

@chu-ya

既に作成してあるページを編集しようと思ったら左に寄っていたのです。

特定のページじゃなくて、他のページや新規作成、全てで左寄りになってます。



   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3768
 

@yacchan11 さん

管理画面に関することなので、外部からは何が起きているか調査できません。

試しに再度、親テーマをインストールしてみてください。
また、一旦プラグインを停止し確認してください、



   
わいひら reacted
返信引用
(@yacchan11)
Active Member Registered
結合: 2か月前
投稿: 9
トピックスターター  

@chu-ya わかりました。

親テーマインスト、プラグイン停止やってみます。



   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました