「メイド・イン・ヘブン」スキン適用中

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カスタマイズ依頼

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

投稿画面の表示エラーについて
 
共有:
通知
すべてクリア

[解決済] 投稿画面の表示エラーについて

16 投稿
4 ユーザー
20 Likes
650 表示
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  

お世話になります。

WordPressの管理画面での記事編集がうまくいかなくなってしまいました。

契約サーバーの管轄なのか、WordPressなのか、テーマなのか、素人で切り分けができておらず、また、初歩的な設定ミスのような気もして大変恐縮ではございますが、自分で調べても解決に至りませんでしたので、ご助言いただけますと幸いです。

症状:

投稿や固定ページから既存の投稿、新規投稿を開くと、添付画像のような状態で、編集ができない状態です。(補足:添付画像が思いのほか小さかったようです。見えないなどあればお知らせください)

ページ情報(?)の編集をする、カスタムCSSやSEOなどの部分だけが表示されています。

ただし、プレビューを押すと、きちんとコンテンツが表示されています。

状況:

数日前までは問題なく編集できていました。
今日、編集ページへのログインが切れていたので、再度ログインし直したこと、そして、不具合に気づいた前か後か忘れてしまいましたが、Cocoonの親テーマの更新をしました。

ただし、前回質問させていただいた時に、このサイトからテーマをダウンロードするようにとアドバイスいただきその通り対応しましたが、今回は編集画面から親テーマのみ更新をしました。

以前の投稿、こちら。

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

以上、何か考えられる原因があれば、ご教示ください。

よろしくお願いいたします。

----------------------------------------------
サイト名:Polaris English
サイトURL: https://eng-polaris.com
ホームURL: https://eng-polaris.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:5.8
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.5.1
カテゴリ数:7
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:3231バイト
functions.phpサイズ:1283バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
Custom Taxonomy Order 3.3.0
Edit Author Slug 1.8.3
EWWW Image Optimizer 6.2.3
Invisible reCaptcha 1.2.3
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.0
TypeSquare Webfonts for ConoHa 2.0.2
UpdraftPlus - Backup/Restore 1.16.59
WordPress Ping Optimizer 2.35.1.2.3
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

見たことない事象で、ちょっと私には分からないです、今のところ。

管理画面内のことですので、外部からはなかなか分からないことが多いです。

 

少し試していただきたいのは、以下の手順で、親テーマをアップロードしていただくとどうなるのか、ご確認いただきたいです。

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

ダウンロード先は、上記の安定版の方が無難かと思います。
でも、GitHubでも問題ないと思います。

この辺りはお好みでどうぞ。

 

お試しいただければと。

 

【追記】

現在高速化機能が有効のようです。

投稿者:: @momoen

HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:0

高速化が有効だと、外部からの調査は難しいです。
(実質的に無理レベルです。)

フォーラム上部の案内にもあります通り、お問い合わせの際には、高速化を無効にしてください。

高速化設定を無効にするにはこちら。
→  https://wp-cocoon.com/theme-trouble/

今回のことは、それでも分からない可能性が。。。ですが。


   
もも and わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16312
 
投稿者:: @momoen

(補足:添付画像が思いのほか小さかったようです。見えないなどあればお知らせください)

画像がかなり小さくてちょっとどうなっているのかよくわからなかったです。
画像は縮小化しないでいただいてよろしいでしょうか。


   
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  

mk2さん、わいひらさん、コメントありがとうございます。

mk2さんのアドバイス通り、テーマを入れ直したら復活しました。

 

ただし、function.phpなど、子テーマに色々追加したものを復元する前に子テーマを置き換えてしまったので、バックアップから復元しているところです。

本質を理解していないと、こういうミスをしてしまいますね。

基本的なところですが、親テーマを更新しても子テーマを更新しなくてもいい場合もあるのでしょうか?

 

追記)

と書いて、いくつか更新作業を行っていたところ、また同じ現象がおきてしまいました。

数分前に使えていた編集機能がいきなり使えなくなったため、特に設定は触っていないはずです。

見やすいように大きい画像を添付いたします。

よろしくお願いいたします。

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

直って何よりです。

親テーマがアップデートの際に、壊れてしまった可能性を疑いました。

ダウンロード元、もしくは、自分、どちらかのサーバーが重たい状況にあると、そういうこともあるかなぁと思います。

それで、親テーマを上書きしていただこうと。

投稿者:: @momoen

基本的なところですが、親テーマを更新しても子テーマを更新しなくてもいい場合もあるのでしょうか?

上記に関してですが。

バージョンアップなどの更新をするのは、親テーマのみです。

子テーマは、一度インストールしたら、それをずっと使い続けます。
更新することはありません。

そのための子テーマですので。

複数の話題が含まれていますが、以下のトピックが参考になると思います。

[解決済] 親テーマと子テーマについてです。
https://wp-cocoon.com/community/postid/34811/


   
もも and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

あれ、またですか?

投稿者:: @momoen

いくつか更新作業を行っていたところ、また同じ現象がおきてしまいました。

この更新作業とは?

1度は直って、テーマを触ってないとすると、何か他の原因が?

最新の環境情報を貼り付けていただけますか?

ちなみに私は、今スマホからですので、調べたりはできないです。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

もう1点です。

以前書いた通りですが。

投稿者:: @mk2_mk2

現在高速化機能が有効のようです。

投稿者:: @momoen

HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:0

高速化が有効だと、外部からの調査は難しいです。
(実質的に無理レベルです。)

フォーラム上部の案内にもあります通り、お問い合わせの際には、高速化を無効にしてください。

高速化設定を無効にするにはこちら。
→  https://wp-cocoon.com/theme-trouble/

スマホではありますが、足掻いてみようと思いましたが、高速化が有効であったため、断念します。


   
もも and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

更にもう1点。

普段ご使用でないブラウザでログインして、ご確認いただけますでしょうか。

投稿者:: @momoen

ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Chromeをご使用のようですので、EdgeやFirefoxをお試しください。


   
もも and わいひら reacted
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  
投稿者:: @mk2_mk2

momoenさん

もう1点です。

以前書いた通りですが。

投稿者:: @mk2_mk2

現在高速化機能が有効のようです。

投稿者:: @momoen

HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:0

高速化が有効だと、外部からの調査は難しいです。
(実質的に無理レベルです。)

フォーラム上部の案内にもあります通り、お問い合わせの際には、高速化を無効にしてください。

高速化設定を無効にするにはこちら。
→  https://wp-cocoon.com/theme-trouble/

スマホではありますが、足掻いてみようと思いましたが、高速化が有効であったため、断念します。

すみません。高速化とはAMPの設定のことかと思っていました。
先ほどは、高速化の設定ページを見つけられませんでしたが、ただ今解除いたしました。

お手を煩わせて申し訳ないです。


   
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  

mk2さん

EdgeとFirefoxでも試してみましたが、同じように、本文の編集ができない状態でした。

また、子テーマについてのご説明もありがとうございました。

 

分かりにくくてすみません。更新作業とは、記事の編集のことです。
テーマをDLしてしばらく動いていましたが、コンタクトフォームからサンクスページに飛ばすのがうまくいっていないことに気付き、その対応をしていました。

function.phpを触ったりもしましたが、結果うまくいかず元に戻し、ページのカスタムJavaScriptに追記する形で解決したので、特にこの作業が影響したわけではないとは思うのですが・・・。

下記、情報を貼り付けておきます。よろしくお願いいたします。

 

----------------------------------------------
サイト名:Polaris English
サイトURL: https://eng-polaris.com
ホームURL: https://eng-polaris.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:5.8
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.5.1
カテゴリ数:7
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:3230バイト
functions.phpサイズ:1281バイト
----------------------------------------------
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:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
Custom Taxonomy Order 3.3.0
Edit Author Slug 1.8.3
EWWW Image Optimizer 6.2.3
Invisible reCaptcha 1.2.3
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.0
TypeSquare Webfonts for ConoHa 2.0.2
UpdraftPlus - Backup/Restore 1.16.59
WordPress Ping Optimizer 2.35.1.2.3
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------


   
さる子
(@saruko)
Reputable Member Moderator
結合: 4年前
投稿: 482
 

一度親テーマを有効にした状態と、プラグインをすべて停止した状態で不具合が出るか確認してください。

親テーマを有効にした場合に不具合が出る

→子テーマのカスタマイズが原因

プラグインを停止した場合に不具合が出る

→プラグインが原因

 

上記の可能性が高いです。まずは原因を特定しましょう。

こちらのプラグインを利用すると、訪問者には影響がない状態でテーマの切り替えやプラグインのオンオフが可能です。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。 https://nelog.jp/health-check-and-troubleshooting-plugin


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

うーん、暑い?
汗だくです。

今まさに、書こうとしていたことを、さる子さんが書いてくださいました。

投稿者:: @saruko

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。 https://nelog.jp/health-check-and-troubleshooting-plugin

これを使って、テーマも「WordPress公式テーマにして確認」、次は「Cocoonの親テーマにして確認」、という感じで、確認していくと良いと思います。

管理画面内は、どうしても外部からは分からないことが多いです。


   
もも and わいひら reacted
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  

さる子さん、mk2さん

ご回答ありがとうございます。

親テーマに切り替えたところ、通常通り動くようになりましたので、子テーマのカスタマイズを確認してみました。

結果、テーマのcssに貼り付けた下記のコードが原因のようでした。

 

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.post-888 .date-tags, {
display: none;
}

 

色々なところを見る限り、コード自体は合っていそうなのですが、なぜかこの記述を削除するときちんと表示されます。

しばらく、このコードはなしで運用してみます。

 

ご紹介いただいたプラグインチェックのプラグインは、また何か不具合があった時に試してみようとインストールだけしてみました。

 

ご回答いただいた皆様、どうもありがとうございました。

 


   
さる子 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6776
 

momoenさん

たぶん、「,(カンマ)」ではないでしょうか。
何らかの影響がありそうです。

私の環境で試したところ、エディタまでには影響がありませんでしたが、ちゃんとCSSが効かないようではありました。

私の環境には、今回追加コードしかありませんので、他への影響はないのだと思います。

しかし、momoenさんの子テーマのスタイルシートには、他のCSSもあるでしょうから、何らかの影響が出た可能性があります。

 

以下、私の環境で試した結果です。

まずは、正しいコードを書きます。
以下のコードを子テーマのスタイルシートに追加しました。
他のコードはありません。

.date-tags {
display: none;
}

その結果、投稿の日付は消えます。

 
 
そして、間違ったコード。
「,(カンマ)」をつけて、momoenさんの環境と同じような状況にします。
以下のコードを追加しました。
他にはコードはありません。
.date-tags, {
display: none;
}
 
その結果、CSSは無効な状態です。
 
日付が消えません。
子テーマに書いたCSSも出てきません。(無効な状態。)
 
私の環境は他にコードがありませんから、他への影響はないのだと思います。
 
momoenさんの環境で、該当箇所以降にCSSの記載があれば、それらに影響が出た可能性があると思います。
 
間違ったコードですから、どんな影響があるかは正直分からないです。
後続のコードとの関係もあると思いますので。

   
さる子
(@saruko)
Reputable Member Moderator
結合: 4年前
投稿: 482
 
投稿者:: @momoen

ご紹介いただいたプラグインチェックのプラグインは、また何か不具合があった時に試してみようとインストールだけしてみました。

不要なプラグインはブログが重くなったりプラグインによっては脆弱性があったりするので、プラグインのダウンロードページや先ほど貼った記事をブックマークしておくだけの方がいいと思います。

何より管理の手間が増えますので…。


   
もも and わいひら reacted
(@momoen)
Eminent Member Registered
結合: 3年前
投稿: 26
Topic starter  

さる子さん

CSSの記述までご確認いただき、ありがとうございます。

カンマなしで反映させたところ、きちんと機能いたしました。

また、プラグインは、インストールしても無効化しておけばいいと思っていましたが、重くなるとのこと、ご紹介いただいたページをブックマークして削除しました。

どうもありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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