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

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

ビジュアルエディターでカラムを追加しよ...
 
共有:
通知
すべてクリア

[解決済] ビジュアルエディターでカラムを追加しようとすると

22 投稿
2 ユーザー
9 Reactions
290 表示
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

初めての書き込みで説明が足りない箇所や必要な情報が足りていないこともあるかと思いますが、ご容赦ください。

ビジュアルエディターで2カラム、3カラムにしようとするとなぜか添付させていただきました画像のように青いバーだけ出て、カラム内にブロックを追加できません。

また、コードエディタで直接タグを書き込むとこれまた、ブロックが壊れているのエラーが出てしまい、ビジュアルエディタで触ることもできません。

他の運営サイトであれば全く問題なく使えるんですが、なぜかこのアカウントだけがダメになってしまいます。

またその他にもタブボックスを使うとなぜか初期値チェックになっているのですが、チェックと書かれたタブの部分が表示されません。

どなたかご教授いただけないでしょうか。

----------------------------------------------
サイト名:mzkblog | 30代2児のシングルマザーのリアルブログ
サイトURL: https://mz-yareyaredaze.com
ホームURL: https://mz-yareyaredaze.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バージョン:6.5.3
PHPバージョン:8.1.27
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Safari/605.1.15
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja
----------------------------------------------
テーマ名:Cocoon
バージョン:2.7.3.5
カテゴリー数:4
タグ数:975
ユーザー数:1
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.3.2
Cache Clear for お名前.com 1.0.0
Contact Form 7 5.9.4
WP Sitemap Page 1.9.4
Yoast SEO 22.6
----------------------------------------------


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

他の方にもご覧いただけるよう、画像を貼り付けさせていただきます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

なぜこうなるのかは、分かりませんけれど。

2枚目の画像(コードエディタのもの)を拝見する限り、ブロックが壊れているように思います。

「2カラム」ブロックの中も、ブロックであるはずです。

しかし、画像を見る限りは、ブロックになっていません。
ブロック制御用のコメントもないですし、HTMLタグもないです。

例えば、以下のようになるはずです。
(インナーブロックが、段落ブロックの場合)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

原因の切り分けのために。

親テーマの手動アップデートをしていただけますでしょうか。
(バージョンが同じでも進めてください)

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

 

ちなみに、WordPress本体側の「カラム」ブロックは問題ないのでしょうか。


   
わいひら reacted
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

遅い時間にも関わらず、ご対応いただきありがとうございます。

ただいまアップデートしました。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

seabowさん

親テーマを手動アップデートしても、変化はないでしょうか。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

本体側のカラムであれば問題はありません。

ちゃんとブロックの追加ができるようになります。

ただ、Cocoonのカラム設定でいくとなぜか上記のようなエラーになってしまいます。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

親テーマアップ後も変わらず同じ表示となってしまいます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

seabowさん

添付いただいたものは、バージョンアップ前に追加したものですよね?

それは既にブロック構造が壊れていますので、変化ないと思います。

新たにブロックを追加してみてください。
それとも、新たに追加したものでしょうか?


   
わいひら reacted
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

はい。新たに追加させていただいたものになります。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

seabowさん

「ああああ」の文字がありますが、これはブロック構造になっていますか。

もしかして、一番下ということでしょうか。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

すいません。元々アップロードさせていただいた、固定ページに追加でカラムを追加してみました。

あああの文字は初回にMK2さんがおっしゃってくれた通り、ブロックになっておりません。

 

新しく固定ページを作ってカラムを追加してみましたが、症状改善せずです。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

あと、関連があるかはわかりませんが、カスタマイズ画面で追加CSSを記述した際に、右側のプレビューが反応しないという症状もあったのですが、その現象はテーマを入れ直したことにより改善しました。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

seabowさん

追加CSSという意味では、h3に間違いはあると思います。

 
ただし、これが今回の事象に影響するとは思えないです。
 
何故、seabowさんのこのサイトだけ問題があるのか。
デベロッパーツールで、編集画面にエラーが出ていないか等、確認していただきたいところですが、Safariのことはちょっと分からないんですよね。
(外部からは、編集画面のことは確認できないので難しいです)

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

ちなみに、別件ですが。

サイドバーのアイコンフォントが表示されていないです。

 
追加CSSでは、「FontAwesome 5」を指定しています。
 
しかし、Cocoon設定では、「FontAwesome 4」を指定しています。
投稿者:: @seabow

Font Awesome:4

4か5か、どちらかに統一する必要があります。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

トラブル時の確認の基本として、全プラグインの無効化を試してみても良い気はします。

 

あとは、WordPressの再インストールでしょうか。

 
「カラム」ブロックは問題ないようですし、完全にダメ元ですけれど。

   
わいひら reacted
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

おはようございます。

全プラグイン無効化、Wordpress再インストールも行ってみましたが、症状改善せずでした。

完全に作りなおすしかないんですかね・・・。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

また、サイドバーの件ありがとうございました。

質問する前に可能な限り自力で試みて、Cocoonテーマのリセットを施した際の負債だと思います。

追加CSSのご指摘もありがとうございます。そういえばで悩んでいた事象も併せて改善できました。笑

ご質問いただきました、管理画面のデベロッパーツールですが、カラムを発動した際にエラーがでてきました。

添付して掲載させていただきます。


   
返信引用
(@seabow)
Active Member Registered
結合: 7か月前
投稿: 10
Topic starter  

すいません。

エラーログはこっちですかね。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

seabowさん

画像は、zipではなく、直接貼り付けてください。
返信が複数になっても構いませんので。
(Macのzipって、Windowsの場合、アーカイバーによっては解凍が変になっちゃうんですよね)

貼り付ければ、直接閲覧できますので、より多くの方が確認できます。


まず、最初のzipの画像を貼り付けさせていただきます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

2つめのzipも貼り付けさせていただきます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7960
 

gutenberg-editor.cssが読み込まれていないのか・・・。
何かjsが動いていないのか・・・。

うーん、良く分からないです。
そして、今SWELLなんですよね。


   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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