coconテーマを最新バージョンに更新したら投稿編集画面の表示がいつもと違う | 不具合報告 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
coconテーマを最新バージョンに更新...
 
Share:
Notifications

[解決済] coconテーマを最新バージョンに更新したら投稿編集画面の表示がいつもと違う  


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 10:31  

お世話になります。
おかげさまで、coconを使用させていただき、ブログを作成しているNanaと申します。

問い合わせ・不具合内容は、
「coconテーマを最新バージョンに更新したところ、wordpressダッシュボードの投稿画面がいつもの見た目と異なり、壊れている感じがします。どうしたら直せますでしょうか?」ということです。

具体的には、
昨日、wordpress→「外観」からcoconの最新バージョンに更新をかけました。
ところが、今朝wordpress管理画面を開いたら「投稿」編集画面の表示がいつもと異なっていました。

ネット上の表示は通常通りで、投稿編集画面からテキストを打ったり、投稿することはできるのですが、
・タイトルの下に異様な空間が開く
・見出しのテキストサイズがやけに大きくなっている
・見出しのレイアウトが表示されなくなった
などの支障が出ております。(キャプチャーして添付します)

昨日行った作業活動は、下記の3点です。
①coconテーマのバージョンアップ
②ウィジェットでサイドバーにtwitterを設定
③記事更新

今朝、ネットで解決方法を検索してみましたところ、参考になる記事(「Cocoonのテーマを更新したら不具合!?もとに戻す対処法を超分かりやすく解説)を見つけまして、まずは旧バージョンに戻してみようと思いました。

ところが、サーバー契約先のlolipopでは一度のアップロードは10MB以内の制限があるとのことで、coconの旧バージョンファイルの容量は11.6MBあり、アップできていない状況にあります。
ファイルを分割にしてアップすることも考えてみましたが、万が一のミスが恐ろしくて手が止まっております。

lolipopにも問い合わせてみたのですが、アップロードファイルの容量を減らす以外それらしき回答は得られませんでした。ド素人で右往左往、どうしたらよいかわからず、わらにすがる思いでこちらに投稿させて頂きます。

拙い説明・長文で大変恐縮ではございますが、ご教示のほど、どうぞよろしくお願いいたします。

 

サイトアドレス: https://korea.8s-wellbeing.com/

テーマ情報:

----------------------------------------------
サイト名:ななコリア
サイトURL: https://korea.8s-wellbeing.com
ホームURL: https://korea.8s-wellbeing.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
WordPressバージョン:5.1.4
PHPバージョン:7.3.10
ブラウザ:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.2
カテゴリ数:10
タグ数:87
ユーザー数:2
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Contact Form 7 5.1.5
Google XML Sitemaps 4.1.0
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.3
----------------------------------------------


未解決
leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:04  

Nana さん

もしかしたら、いままでは、クラッシックエディタの方をお使いになっていたのでは?

こんな感じのヤツ。

 

 
 
仮にそうだすると、Cocoon設定で、元のエディターに戻すことができるかと思います。
 
以下の要領です。
 
 
 
「エディター」タブをクリック。
「Gutenbergエディターを有効にする」のチェックを外す。
「変更をまとめて保存」のボタンをクリック。

わいひら 件のいいね!
leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:23  

あと、子テーマをお使いになっていらっしゃらないようですので、子テーマをお使いになることをオススメします。

参考リンクを貼っておきます。

子テーマをダウンロード

親テーマの設定内容を子テーマに移行する

 


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 11:24  

@leafytree様

お忙しいところ、ご返信を頂きまして誠にありがとうございます。

leafytree様に教えていただきましたとおり、設定を変えてみましたところ、クラシックエディターが表示されました。(キャプチャーを添付します。)ちなみに、いままでクラシックエディターを使ったことはありませんでした。

おかげさまで見出しやテキストは正常に表示されておりますが、クラシックエディターより以前のエディター画面のほうが慣れており、元に戻せたら何よりなのですが…方法はございますでしょうか。

お手数をおかけいたしますが、引き続き、どうぞよろしくお願いいたします。

 


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 11:28  

@leafytree様

子テーマの件、よく存じ上げておりませんでした…

教えていただきまして、大変ありがとうございます。
早速、教えていただきましたサイトをもとに取り組んでみたいと思います。実にありがとうございます。

 


leafytree 件のいいね!
leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:29  

@Nana さん

クラッシックエディターじゃなかったのですね。

 


leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:36  

だとすると、こんな感じだったでしょうか?

 


leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:40  

Nana さん

私が勘違いしていたようですね。

エディターの見た目が違うのではなくて、投稿した記事の見た目が以前と同じように反映されないという事ですね?


leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 11:47  

ちなみに、Cocoon設定の「エディター」タブのところの「エディタースタイル」の右側の「エディターにテーマスタイルを反映させる」にチェックは入っていますか?

 


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 12:00  

@leafytree様

私の説明が下手で上手にお伝えできていなかったようで、大変申し訳ございませでした。
leafytree様が初めに把握してくださった「エディターの見た目が違う」で合っております。

以前使っていた編集画面と現在の画面の問題点をペインターで表現してみました。添付いたします。

お手数をおかけいたしますが、ご覧いただけますでしょうか。

また、「エディター」タブのところの「エディタースタイル」の右側の「エディターにテーマスタイルを反映させる」にはチェックが入っております。

お忙しいところ恐縮でございますが、どうぞよろしくお願いいたします。

 


leafytree 件のいいね!
leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 12:08  

@Nana さん

いえいえ、こちらこそ要領を得ない回答ですみません。

確かに、表示がおかしいですよね。

FTPソフトを使えれば、テーマのアップロードし直しも可能かとは、思いますが、慣れていないと難しく感じるので、んー、どうしたら良いか私には、すぐに思いつかないです。

でも、Nanaさんの説明で、現況がよくつかめると思うので、わいひらさん、もしくは、詳しい方が回答くださるかと思います。

すぐにお役に立てず、すみません。

 


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 12:16  

@leafytree様

ご返信を頂きまして、どうもありがとうございました。

即返信をくださったことに心救われております。
ご丁寧な対応を頂きまして、真にありがとうございました。
またお世話になることがあると思いますので、引き続き、どうぞよろしくお願いいたします。

 


leafytree 件のいいね!
Akira
(@akira)
Reputable Memberサイト
参加: 2年 前
投稿: 498
Akira - FacebookAkira - Twitter
2020年3月11日 13:07  

エディターが変になったら、とりあえずブラウザのキャッシュを削除するのがおすすめです。削除するとどうなるでしょうか。

また、エディターの表示崩れとは関係ありませんが、プラグインの WP Multibyte Patch のインストールが必要です。


わいひら 件のいいね!
Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 13:48  

@akira様

お世話になります。ご返信を頂きまして、どうもありがとうございました。

まず、「キャッシュの削除」を試してみましたが、変化はございませんでした。

つぎに、教えていただきましたプラグインの 「WP Multibyte Patch」をインストールいたしました。教えていただきまして、ありがとうございます。

また、今気づいたことですが、固定ページの編集画面も同様の症状がでております。キャプチャーを添付いたしますので、ご覧いただけますでしょうか。

お手数をお掛けしており、申し訳ございませんが、引き続き、どうぞよろしくお願いいたします。

 


Akira
(@akira)
Reputable Memberサイト
参加: 2年 前
投稿: 498
Akira - FacebookAkira - Twitter
2020年3月11日 14:44  

サーバーのキャッシュが管理画面の CSS や JavaScript にまで影響するか分かりませんが、お使いのロリポップのキャッシュを削除するとどうなるでしょうか。

ロリポップのキャッシュの削除は、下記ページをご参考ください。

ロリポップ!アクセラレータのキャッシュ削除方法

また、ロリポップのキャッシュの削除後は、念のためにブラウザのキャッシュや Cookie など全ての履歴データの削除をお試しください。


わいひら 件のいいね!
Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 15:20  

@akira様

ご返信を頂きまして、ありがとうございます。

教えていただきましたとおりに、

ロリポップのキャッシュ削除(ついでにアクセレーターOFFにしました)→ブラウザー全期間のキャッシュ・Cookie削除→wordpress管理メニュー「キャッシュ削除」を行ってみましたが、うんともすんともしません。

ちなみに、もう1台のPCからwordpress管理画面へアクセスしてみたところ、状況は同じです。

お手を煩わせているようで恐縮です。

どうぞよろしくお願いいたします。

 


leafytree
(@leafytree)
Reputable Member
参加: 1年 前
投稿: 305
2020年3月11日 16:04  

Nana さん

Cocoonの最新版である、「バージョン2.1.1.4」は、28.1MBもありますね。

アップロードし直したら、症状が改善されるかどうかは、わかりませんが、今後のこともありますし、アップロードの最大容量を増やすには、どうすれば良いのか、ロリポップに再度、お問い合わせになってみてはいかかでしょうか?

ネットで調べてみると、ロリポップでアップロードの容量を増やす方法を書いた記事も散見されるようですが、若干、内容が古いものが多いようですので、直接ロリポップに聞いてみるのが一番良いのではないかと思います。

一度に10MBしかアップロードできないのであれば、28.1MBはそれを越えていますし・・


Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 16:25  

@leafytree様

戻ってきてくださり、どうもありがとうございます、嬉しいです。

ご提案をいただきまして、ありがとうございました。
今、ロリポップにチャットで問い合わせをしてみたところ、メールでサポートチームへの問い合わせを勧められましたので、これから問い合わせをしてみたいと思います。

また返信が来たところでご報告をさせてください。
貴重なお時間を割いていただきまして、重ね重ねありがとうございます。

 


leafytree 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8715
わいひら - Facebookわいひら - Twitter
2020年3月11日 16:40  
投稿者:: @Nana

WordPressバージョン:5.1.4

おそらく、WordPressバージョンが古いのが原因ではないかと思います。

確かWordpress5.2か5.3あたりでエディターに使用されているクラスが変更されたので、それに対応してテーマ側でもクラス変更したような気がします。

WordPressをアップデートしてみていただけますでしょうか。


Akiraleafytree 件のいいね!
Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 17:01  

@yhira様

お世話になります。

今、ご教示いただいたとおりにwordpressを更新してみたところ、症状が直ってしまいました!!!大変感動です。

お忙しいところ、目を通し手を掛けていただきまして誠にありがとうございました。

別件ですが、おかげさまでcoconに出会ってから、私を始め、50代の母もブログ世界に出会うことが出来ました。どうもありがとうございます。これからも親子共々愛用させていただきます。

誠にありがとうございました。

 


わいひら 件のいいね!
Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 17:05  

@leafytree様

ご報告させてください。

わいらひ様のご教示のおかげさまでwordpress更新したところ、症状が解消されました。

お忙しいところ、手を止め、目を掛けていただきまして、どうもありがとうございました。

その後、ロリポップに問い合わせをしており、返信はまだ来ておりませんが、その後の知識として蓄えておきたいと思います。

画面越しではございますが、頭を深々さげてお礼申し上げております、ありがとうございました。

今後とも、どうぞよろしくお願いいたします。

 


わいひらleafytree 件のいいね!
Nana
 Nana
(@Nana)
ゲスト
参加: 3週間 前
投稿: 11
2020年3月11日 17:08  

@akira様

おかげさまで、wordpress更新にて問題解決することが出来ました。

お忙しいところ、ご丁寧なご対応を頂きまして誠にありがとうございました。

この度教えていただきましたことが多かったので、大変勉強になりました。

またお世話になることがあると思いますので、その節にはどうぞよろしくお願いいたします。

 

 


わいひらAkira 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年8ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年6ヶ月

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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