サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022-12-12 23:05
いつもお世話になっております。
本日Cocoonを最新のものにアップデートしました。すると、編集画面の改行スペースがなくなって、行がつまってしまいました。おそらく全ページにわたってそうなっています。
公開ページは正常なので、緊急な問題ではないのですが、確認していただけると幸いです。
一例として、１記事の編集画面のキャプチャを添付します。
行がつまっているほか、画像の下のキャプション文字が縦に並んでしまっています。（公開ページでは正常に横に並んでいます）
キャプチャ画像が含まれている記事のURL： https://shokuji-takuhai.com/mitsuboshifarm-review/
お忙しいところすみませんが、どうぞよろしくお願いいたします。
----------------------------------------------
サイト名：食事宅配サービス比較おすすめランキング！！
サイトURL： https://shokuji-takuhai.com
ホームURL： https://shokuji-takuhai.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
スキン：/wp-content/themes/cocoon-master/skins/skin-colorful-line/style.css
WordPressバージョン：6.0.3
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.4.2
カテゴリ数：4
タグ数：33
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
style.cssサイズ：827バイト
functions.phpサイズ：588バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 5.0.2
BackWPup 4.0.0
Category Order and Taxonomy Terms Order 1.7.4
Contact Form 7 5.6.4
Edit Author Slug 1.8.4
EWWW Image Optimizer 6.9.2
Jetpack 11.5.1
SiteGuard WP Plugin 1.7.3
Wordfence Security 7.8.0
WP Fastest Cache 1.0.8
WP Multibyte Patch 2.9
XML Sitemap & Google News 5.3.3
----------------------------------------------
2022-12-12 23:23
かおりさん
WordPressバージョン：6.0.3
WordPressをアップデートしていただけますでしょうか。
WordPress 6.1.1、Cocoon 2.5.4.2では、ご連絡いただいた「画像」ブロックのキャプション以外の問題は起きません。
試しに、WordPress 6.0.3へダウングレードしてみると、ご連絡いただいた事象が発生しました。
Cocoonを最新バージョンにする際には、WordPressも最新バージョンにする必要があると思います。
まったくお勧めはしませんが、WordPressをアップデートしないのであれば、Cocoonもアップデートは避けた方が無難なんだと思われます。
（WordPress 6.1系では、ブロックエディタの仕様がいろいろ変わっていますので、Cocoonもそれに合わせて対応しています）
「画像」ブロックのキャプションについては、画像を中央揃えにすると起こるようです。
おそらく、テーマ側の対応が必要かと思われます。
今、あまり時間がとれませんので、後程もう少し確認させていただきます。
わいひら reacted
2022-12-13 01:13
WordPress 6.1.1 Cocoon2.5.4.2で、以下のような感じで編集しました。
- 段落ブロック
- 段落ブロック
- 画像ブロック
- 段落ブロック
- 見出しブロック
上記のような順番で並んでいます。
上記の環境を、WordPress 6.0.3へダウングレードします。
すると、以下のような表示に変わります。
上記のことから、かおりさんの事象は、WordPressを6.1.1へアップデートするものと、解消すると思われます。
（但し画像ブロックのキャプション以外）
（但し画像ブロックのキャプション以外）
先の返信で書かせていただいた通りです。
わいひら reacted
2022-12-13 01:23
但し、画像ブロックのキャプションについては、かおりさんと同様の事象が発生します。
直上の返信の1枚目の画像は、画像の「配置」の指定はしていません（「なし」の状態）
これから、WordPress 6.1.1 Cocoon 2.5.4.2の環境で、画像ブロックの「配置」を変更してみます。
【左寄せ】
画像ブロック下の「段落」「見出し」ブロックが回り込んでしまいました。
公開ページでも、同様の事象が発生します。
【中央揃え】
上記が、かおりさんの環境でも発生しているのだと思います。
公開ページでは、問題ないようです。
【右寄せ】
こちらも、画像ブロック下の「段落」「見出し」ブロックが回り込んでしまいました。
公開ページでも同様です。
これらについては、テーマ側での対応が必要と思われます。
わいひら reacted
Topic starter
2022-12-13 07:15
mk2様
おはようございます。
深夜に調べてくださって、ご丁寧に解説くださって、どうもありがとうございます！
なるほど、wordpressの更新をしていないことが原因だったのですね。
また、やたらにcocoonの更新をするべきではないのですね。
さらに、wordpressを更新しても、画像ブロックのキャプションについては公開ページでも問題が残ることを教えてくださって、どうもありがとうございます！
私は、あちこちの画像にキャプションを入れているので、テーマの修正を待たせて頂こうと思います。
現状では、編集する時に不便なだけで、公開ページは正常に表示されておりますので。
テーマの修正完了後に、wordpressの更新をさせていただこうかと思います。
あるいは、テーマをダウングレードしてもよいのかもしれませんね。
お忙しい中、とても助かりました！どうもありがとうございました！
2022-12-13 07:34
かおりさん
おはようございます。
誤解なきようにお願いしたいところですが。
WordPress・Cocoon共に、基本的には最新バージョンをお使いになるのが、大前提です。
特にWordPressは、セキュリティ的にも最新のものをご利用になるのが、良いと思います。
（その場合、自動的にCocoonも最新のものを使用することになると思います。）
WordPressは、メジャーアップデート直後は、プラグインやテーマの対応など、確認が必要かとは思います。
しかし、6.1系は比較的安定していますし、リリースからしばらく経ち、マイナーアップデートもされています。
むしろ、なぜ6.0系のまま運用なさっているのかという疑問は浮かんでしまいます。
旧バージョンは、サポートされないこともありますので、その場合はご自分で対処等も必要かと思います。
（要は自己責任ということに）
もう1度書かせていただきますが、WordPressやその他ソフトウェアは、最新が大前提です。
（特殊なご事情があれば、その限りではないかもしれませんが、その場合は自己責任ということだと思います。WordPressやテーマ・プラグインは、対応したバージョンを使わないと動かない可能性もあります）
わいひら reacted
Topic starter
2022-12-13 16:44
mk2様
WordPress・Cocoon共に、基本的には最新バージョンをお使いになるのが、大前提です。
アドバイスありがとうございます！
WordPressの方は、アップデートによる不具合が起きたときに自分で対応できないであろうことが心配で、更新を躊躇しておりました。
今回の画像ブロックのキャプションに関するテーマ側の対応をしていただけましたら、すみやかにWordPressの更新をしようと思います。
私のキャプション付き画像は、場所によっては中央揃えでないものもあり、その場合の公開ページの表示崩れが心配ですので、テーマを修正していただけるまで、しばらく待たせていただこうと思っております。
よろしくお願いいたします。
2022-12-13 19:08
かおりさん
私のキャプション付き画像は、場所によっては中央揃えでないものもあり、その場合の公開ページの表示崩れが心配ですので、テーマを修正していただけるまで、しばらく待たせていただこうと思っております。
お気持ちは理解します。
私の確認では、中央揃えでの状態で、WordPress 6.1.1でも、WordPress 6.0.3でも、どちらでも既に発生していたかと思います。
つまり左寄せ・右寄せでも、既に発生している可能性が高いです。
是非、かおりさんのサイトで確認してみてください。
再度、私の環境で確認しましたが、左寄せ・右寄せの場合、WordPress 6.1.1からWordPress 6.0.3へダウングレードしてみましたが、既に表示崩れは発生していました。
（ダウングレードしていますので、完全に同じではないかもしれませんが）
つまり、待つ意味はまったくないです。
（しかしながら、結果が同じであれば、作業を1度で済ませたいというお気持ちは分かります）
ご自分のサイトとのことです。
他人任せにせず、是非ご自分のサイトの確認をなさってみてください。
わいひら reacted
2022-12-13 22:32
とりあえず、画像ブロックの中央揃えの時のキャプションのスタイル崩れだけ修正しておきました。
画像の左右の回り込みってそういう動作をするものじゃなかったでしたっけ？
以前のバージョンだと違ったんでしたっけ。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
ｍｋ２ reacted
2022-12-13 22:35
画像の左右の回り込みってそういう動作をするものじゃなかったでしたっけ？
以前のバージョンだと違ったんでしたっけ。
ちょっと確認してみます。
画像とテキスト、みたいなヤツはそうだった気がしますね。
画像ブロックでそうだったかは記憶が・・・。
2022-12-13 22:48
結論から言えば、そういうものみたいです。
WordPress 6.0.3、Cocoon 2.5.0で確認しました。
【配置「なし」】
キャプションが「中央揃え」になってしまっていますが、そこは忘れます。
【左寄せ】
【中央揃え】
【右寄せ】
WordPress 6.0.3の環境で、Twenty Twenty-Oneに切替て確認します。
【配置「なし」】
「Twenty Twenty-One」はデフォルトで中央揃えみたいです。
【左寄せ】
【中央揃え】
【右寄せ】
上記のことから、回り込みは元々そういうものみたいです。
失礼致しました。
失礼致しました。
2022-12-13 22:59
ご対応いただきありがとうございます。
キャプションについて、想定通りであることを確認させていただきました。
【配置「なし」】
【中央揃え】
左寄せ・右寄せも確認させていただきましたが、問題ないと思います。
2022-12-15 20:24
一応、6.0.3でも行間が狭くならないように修正しておきました。
※行間が有効になるにはCocoon設定の保存ボタンを一度押す必要があります。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022-12-15 21:43
WordPress 6.0.3でも、行間が空くことを確認させていただきました。
タイトルと本文の上の間隔が近い気はしますが、そこは別にいいかな・・・という気はします。
ちなみに、WordPress 6.0.3、Cocoon 2.5.2.5では、以下のような感じでした。
わいひら reacted
2022-12-17 14:31
ご確認いただきありがとうございます！
タイトルと本文の上の間隔が近い気はしますが、そこは別にいいかな・・・という気はします。
こちらも修正しておきました。
※こちらもCocoon設定の保存が必要になります。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。