サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-03-11 07:34
おそらくWordpressの更新をした後からだと思うのですが、Gutenbergの編集画面で記事を編集しようと思ったところ、画像のように
・編集画面にテーマが反映されない
・編集背景の色が薄い青に固定
・行間が詰まった状態
になり、実際に投稿されるプレビューと違った状態になってしまいました。
更新前はプレビューと同じ画面で、編集画面の状態がサイトでもそのまま反映されていたのですが、どうやったら直るでしょうか？
cocoon設定 → エディター の
・Gutenbergエディターを有効にする
・エディターにテーマスタイルを反映させる
の２箇所にはチェックを入れてある状態です。
ちなみに他の方のフォーラムも見てConoHaWingのサーバーを使っているので、cocoonのテーマ親・子インストールの問題かとも思ってサーバー側を見てきました。
一応ファイルマネージャーには【cocoon】と【cocoon-master】と【cocoon-child】のファイルが存在している状態でした。
初心者なので問題解決に情報が不足しているかもしれませんが、わかる方いらっしゃればご教授ください?♂️
2021-03-11 07:43
前略、pepo_life さん
Mac環境だったりしますか？
2021-03-11 08:06
pepo_life さん
プラグインの「All in One SEO Pack」を停止して、記事編集画面を開くと、何か変化はありますでしょうか？
2021-03-11 11:50
記事投稿画面がおかしくなりました。
見出しが編集画面だと全部同じに表示されたり、他にもいつもと若干違います。
どうしたら治るのでしょうか。
これがブログリンクです。
cocoonの設定とプラグインをチェックしましたがなおりませんでした。
2021-03-11 12:26
2021-03-11 12:40
これですかね？
サイト名：気まぐれりゅうブログ
サイトURL： https://www.ryubob.com
ホームURL： https://www.ryubob.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon
親テーマスタイル：/wp-content/themes/cocoon/style.css
スキン：/wp-content/themes/cocoon/skins/skin-colorful-line/style.css
WordPressバージョン：5.7
PHPバージョン：7.4.14
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.5.1
カテゴリ数：7
タグ数：28
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.7
Autoptimize 2.8.1
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.3.2
EWWW Image Optimizer 6.0.0
Google Analytics for WordPress by MonsterInsights 7.14.0
Google XML Sitemaps 4.1.1
Jetpack by WordPress.com 9.2.1
----------------------------------------------
2021-03-11 12:51
Moriya さん
そうです。
今、出先で時間がありません。
cocoonの親テーマのバージョンが古いのと、子テーマをお使いになっていない、また、conoha wing の親テーマのフォルダ名が、デフォルトの名前と異なるため、アップデートできない事例が多発しているようです。
また、夜にでも書き込ませていただきます。
わいひら reacted
2021-03-11 13:12
2021-03-11 13:37
外見テーマのところを開くとコクーンテーマが２種類あるのですが今回の問題と関係ありますかね
2021-03-11 17:57
moriya さん
記事投稿画面の不具合とConoha WING のCocoonのテーマフォルダのフォルダ名が異なるため、親テーマを最新版にアップデートできない件の因果関係は、ハッキリわかりません。
ただ、cocoonの親テーマの最新バージョンは、2.2.8.1 のようですので、現在有効になっているとみられる、2.2.5.1 は、少し古いバージョンということになります。
ダッシュボードのテーマのところに、親テーマが２つ表示されている場合は、上手くアップデートできない状態になっていると推測されます。
これをいきなり、新しい方を有効化してしまうと、いままでの設定が失われて、初期化されてしまう可能性が高いと思われます。
以下の過去のトピックの方は、２つある親テーマの新しい方を有効化したら、初期化されてしまった旨の内容を書かれていらっしゃいます。
[解決済] サーチコンソールのモバイルユーザビリティエラーが解決できない
Cocoon設定や、いままでカスタマイズしたところなどをバックアップをとった上で、Conoha WING のサポートに対処方法をご相談されてみてはいかがでしょうか？
Cocoon設定は、設定のエクスポート機能があるので、ある程度の設定は、バックアップをとることができるようです。
またCocoon設定のレストアの案内のページは、以下になります。
もし、仮に、親テーマを最新版にして、記事投稿画面の不具合が改善されれば、親テーマのバージョンが古いことが原因だった可能性が極めて高くなるということになろうかと思います。
This post was modified 3年前 by リフィトリー
わいひら reacted
2021-03-11 18:21
moriyaさん
同様のお問い合わせの方がいらっしゃり、以下のリンクに解決した経緯を書いてくださっています。
https://wp-cocoon.com/community/postid/46822/
ただ、moriyaさんの場合は、子テーマを使っていないので、先ず、Cocoonの子テーマをConoHa WINGからインストールして、Cocoon設定や全ての設定を子テーマに移す必要があるかと思います。
おそらく、Cocoonのサイトからダウンロードした子テーマでは、親テーマと連携することができないのではないかと、私は勝手に推測しています。
親テーマから設定等を移す作業は、先ほども貼り付けた以下の過去のトピックをご覧ください。
This post was modified 3年前 by リフィトリー
わいひら reacted
2021-03-11 18:34
moriyaさん
もちろん、ConoHa WING から正式なご回答があった訳ではないので、ConoHa WING の正式なご回答をお待ちになってから判断する、というのも、有りかと思います。
わいひら reacted
2021-03-11 21:49
moriya さん
また、WordPress の親テーマ、子テーマというのは、Cocoonだけに限ったものではないので、「WordPress 子テーマとは」等のキーワードでググってみても良いかもしれません。
テーマによっては、子テーマは用意されておらず、自分で作成しなくてはならない場合もあるようです。
Cocoonの場合は、子テーマが用意されているので、とてもありがたいです。
This post was modified 3年前 by リフィトリー
2021-03-11 22:50
moriya さん
ぺっぢょさんが、ConoHa WING の件で、別のトピックを立てていらっしゃいます。
conoha wingサーバーでcocoon利用者がテーマの自動アップデートされない件
こちらのトピックの行方も注視しておいてもいいかもしれません。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
Topic starter
2021-03-12 18:28
リフィトリーさん
バタバタしていてせっかくお答え頂いているのに返事ができずすみません?
Mac環境で利用しています。
プラグインは一度全て無効化したり、１つ１つ有効化したりもしましたが何も変わりませんでした。
はてなブログで３記事を書いたところで、ConohaWingのサーバー契約をしてワードプレスに移行させました。
移行して４記事目を書いている途中でしたが、下書き状態にしてWordpressの更新後に編集画面がおかしくなった感じです。
以下が環境情報になります。
---------------------------------------------
サイト名：ぺぽのドン底借金生活回帰ブログ
サイトURL： https://pepo-life.com
ホームURL： https://pepo-life.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon-child
親テーマスタイル：/wp-content/themes/cocoon/style.css
子テーマスタイル：/wp-content/themes/cocoon-child/style.css
スキン：/wp-content/themes/cocoon/skins/skin-colors-blue/style.css
WordPressバージョン：5.7
PHPバージョン：7.4.14
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.5.1
カテゴリ数：3
タグ数：0
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：838バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.9
All in One SEO 4.0.16
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Google Analytics for WordPress by MonsterInsights 7.16.2
Jetpack by WordPress.com 9.5
Movable Type and TypePad Importer 0.4
WPForms Lite 1.6.5
----------------------------------------------
2021-03-12 18:55
@pepo_life さん
昨日は、このConoHa WINGの件で１日中同じようなことを返信していました。
ConoHa WINGのCocoonのテーマのフォルダ名がデフォルトのフォルダ名と異っているため、Cocoonのバージョンが古く、WordPress5.7に対応していないためにそのようになってしまうようです。
以下に類似のトピックを貼り付けますので、ご自身でご判断いただければと思います。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
2021-03-12 20:34
昨日、cocoonの投稿画面がおかしくなったと報告し、まずcocoon子テーマをインストルースしてくださいと言われました。
子テーマをこのサイトからインストールしたのですが設定は1からしなければいけないのですか？
2021-03-12 20:52
moriya さん
ConoHa から返信があったのですね？
その返信を貼り付けていただくことは可能でしょうか？
正確な内容が知りたいのです。
わいひら reacted
2021-03-12 20:56
返信は来てないです。
2021-03-12 20:59
moriyaさん
電話サポートでお話されたということでしょうか？
2021-03-12 21:00
ConoHaのサポートにはお問い合わせをされましたか？
2021-03-12 21:04
一応しましたけど返信は来てないです
2021-03-12 21:09
moriya さん
昨日貼り付けたトピックをお読みになりましたか？
また、親テーマ、子テーマの概要やなぜ子テーマを使うのかということが理解できましたでしょうか？
2021-03-12 21:18
moriya さん
昨日貼り付けた以下の書き込みのリンクに、子テーマの導入方法や、設定の移行方法が書いてあります。
https://wp-cocoon.com/community/postid/46843/
ただ、ConoHa WING の場合は、子テーマのフォルダ名も変更されているようなので、ConoHa から親テーマをインストールしたのであれば、子テーマもConoHaからインストールしないと、親テーマとの連携がとれないのではないかと、昨日推測しただけです。
私は、ConoHa WING とは何の関係もなく、ConoHa WING を利用したことも、一度もありません。
ですので、正確なことは ConoHa WING にお問い合わせになってみてください。
わいひら reacted
2021-03-12 21:28
その移行記事がイマイチよくわからないのですが、親テーマの設定っをバックアップっして子テーマに移すのはできるんですか・
2021-03-12 21:32
moriyaさん
いずれにしても、Cocoon設定のバックアップをとっておくとこをオススメします。
とりあえず、いまお使いの親テーマからでも良いので、設定をバックアップしておくと良いかと思います。
バックアップのやり方は、既に貼り付けたリンクに記載されています。
以下のトピックの方は、２つある親テーマの新しいバージョンの方を、いきなり有効化されたようです。
[解決済] サーチコンソールのモバイルユーザビリティエラーが解決できない
その結果、何も設定していない親テーマが有効化されて、ブログの表示は、Cocoonのデフォルトのデザインになってしまったため、また最初から設定をし直したのではないかと推測されます。
できればサイトの設定を保ったまま、アップデートした方がよいのではないかと思います。
This post was modified 3年前 2回 by リフィトリー
わいひら reacted
2021-03-12 21:35
moriya さん
その移行記事がイマイチよくわからないのですが、親テーマの設定っをバックアップっして子テーマに移すのはできるんですか・
昨日貼り付けた、親テーマ・子テーマについてです。のトピックに詳しく書いてありますので、理解できるまで何度でも読み返してみてください。
This post was modified 3年前 by リフィトリー
2021-03-12 21:36
アップデートはどうやってっするのですか？
ほんと無知ですみません
2021-03-12 21:40
moriya さん
アップデートはどうやってっするのですか？
ほんと無知ですみません
アップデートの件は既に説明したとおりです。
肝心なところは、ConoHa WING がCocoonのフォルダ名をデフォルトのフォルダ名とは別の名前に変えてしまっていることに起因しています。
ですので、ConoHa WINGのサポートにご相談になってみてください。。
わいひら reacted
Topic starter
2021-03-14 17:57
リフィトリーさん
貼って頂いた記事を参考にcocoonのcssをcocoon-masterに手動変更して、テーマを別のものに切り替えてからcocoon childに戻したところ、編集画面が元通りになりました！
もしかしたらまたおかしくなるかもしれませんが、現状で問題なく使えるようになったので一旦解決しました。
ご丁寧に回答頂きありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。