サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022年11月29日 01:14
不具合・カスタマイズ対象ページのURL:編集ページ
相談内容:編集のページで吹き出しや、囲み枠が表記されなくなってしまった(プレビューするときちんと出ます)
そのまま文字を入力することもできるのですが、分かりづらいため吹き出しの枠を表示させるようにしたいです。昨日までは出来ていたと思うのですが、できなくなってしまいました。設定をいじってしまったのかもしれません。
恐れ入りますが、解決方法ありますでしょうか。
不具合の発生手順:記事を編集し、吹き出しをクリックして追加しようとするとアイコン画像が大きく表示され、吹き出しの文字を入力する部分の枠が出なくなってしまった
解決のために試したこと:プラグインのオフ
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:
----------------------------------------------
サイト名:さらさらとBL沼
サイトURL: https://sarasarabl.com
ホームURL: https://sarasarabl.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-fuwari-ebicha/style.css
WordPressバージョン:6.1.1
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Mobile/15E148 Safari/604.1
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.3
カテゴリ数:2
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
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
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.6.1
Akismet Anti-Spam 5.0.1
ConoHa WING コントロールパネルプラグイン 1.2
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.6.4
EWWW Image Optimizer 6.9.2
Rinker 1.9.12
SiteGuard WP Plugin 1.7.3
XML Sitemap & Google News 5.3.3
----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
2022年11月29日 02:29
Androidスマホ実機でも、再現しませんでした。
Topic starter
2022年11月29日 10:23
mk2様
ご返信ありがとうございます。
手順ですが、貼り付け頂いた動画と同じ手順で
吹き出しを選択しております。
画像も貼り付けますが、分かりづらいようでしたら申し訳ありません…。
+マークをクリックし、
吹き出しのマークをクリックしております。
This post was modified 2年前 2回 by sara2sara
2022年11月29日 15:30
sara2saraさん
PCでも、同じ現象が起こるということですね。
ご利用のPCは、Windowsでよろしいでしょうか。
ブラウザはChromeでしょうか。
そうであればですが。
吹き出し画像に、マウスを重ねて、右クリックしてみてください。
開いたメニューの1番下に、「検証」とあるはずですので、それを左クリックして、開いた画面のキャプチャ画像が欲しいです。
スマホで撮るのではなく、キャプチャして欲しいです。
(スマホで言えば、スクリーンショットのこと)
以下の手順です。
https://wp-cocoon.com/community/postid/50624/
管理画面内のことは、外部からは調べることが難しいです。
そのため、操作等はsara2saraさんにお願いしないと、調査・確認も難しいです。
ご協力いただければと思います。
(場所が違う、もっとこっち等、やりとりが増えるかもしれませんが、ご協力いただければと)
2022年11月29日 20:29
sara2saraさん
その投稿の下に、「吹き出し」ブロックを追加していただけますでしょうか。
今ある「吹き出し」はそのままで、その下に追加してみてください。
新規追加した「吹き出し」の表示はどんな感じでしょうか。
2022年11月29日 21:06
sara2saraさん
2点ほど。
①
お手数ですが、再度「Cocoon設定」の先ほど「エディタスタイル」の場所に、チェックが入っているか、ご確認いただけますでしょうか。
チェックが入っているようであれば、そのまま何も変更せずに、「変更をまとめて保存」を押してみてください。
チェックが入っていなければ、チェックして「変更をまとめて保存」してください。
②
コードエディタに切り替えて表示されるソースを、すべてフォーラムに貼り付けていただけますでしょうか。
【追記】
②については、テキストファイルに貼り付けて、添付いただけますでしょうか。
Topic starter
2022年11月29日 21:55
mk2様
ご返信ありがとうございます。
①対応いたしました
②貼り付けます
<!-- wp:cocoon-blocks/balloon-ex-box-1 {"index":0,"id":"1","icon":"https://sarasarabl.com/wp-content/themes/cocoon-master/images/man.png"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://sarasarabl.com/wp-content/themes/cocoon-master/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon"></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box-1 -->
This post was modified 2年前 by sara2sara
2022年11月29日 22:35
sara2saraさん
「外観」-「テーマ」から、親テーマに切り替えると、状況は変わりますでしょうか。
Topic starter
2022年11月29日 23:40
mk2様
変えてみたのですが、
残念ながら吹き出しに変化はありませんでした。
何度もありがとうございます。
初期化など試してみた方が早いでしょうか…。
2022年11月29日 23:45
念のため以下のファイルでCocoonのアップデートも試してみていただいてよろしいでしょうか。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年11月29日 23:46
sara2saraさん
編集画面で、本来出るはずのstyleタグが出ていない・・・みたいです。
(細かい話ですが)
sara2saraさんに添付いただいたソースを、私の環境に貼り付けてみると、正しく表示されます。
何が問題なのか・・・、なかなか外部から難しいです。
親テーマに切替ても変化がないということは、親テーマ側に何かあるのかもしれません。
以下の手順で、親テーマをアップデートしていただけますでしょうか。
Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/
上記手順に記載のある、GitHubからCocoonをダウンロードして、それを適用してみてください。
なお、バージョンは同じかもしれませんが、そのままアップデートしてください。
【追記】
被りました・・・。
わいひら reacted
2022年11月30日 16:38
sara2saraさん
良かったです。
デベロッパーツールでご確認いただいた時に、テーマスタイルのことは疑ったのですが・・・。
「Cocoon設定」-「エディター」の方だと思っていました。
こちら側にも、同じ?設定があったとは・・・。
只今スマホなもので、後で確認してみます。
解決して何よりです。
わいひら reacted
2022年11月30日 18:28
うーん、これはちょっと戸惑いますね。
「Cocoon設定」-「エディタースタイル」と。
Gutenbergの「設定」-「テーマスタイルの使用」。
どちらも同じものを指しているっぽいです。
そして、どちらか一方でも「無効」になっていると、テーマスタイルがあたりません。
(つまり、両方「有効」でないとあたらない。)
「Twenty Twenty-One」「Twenty Twenty-Three」を確認しましたが、同じく「テーマスタイルの使用」はありましたので、WordPress標準の機能なんですね。
「Cocoon設定」の方は、「旧エディター設定」にしても良いかもしれないと思いました。
(Gutenbergの方は、WordPressに任せる)
(Gutenbergの方は、WordPressに任せる)
そうしてしまうと、Cocoonに馴染みのある方は戸惑ってしまうかも・・・?
ただ、そんなに設定を変更するものでもなさそうには思います。
ただ、そんなに設定を変更するものでもなさそうには思います。
今回、こういうことがあると分かりましたので、覚えておこうと思います。
Gutenbergの方は、気づいていませんでした。
sara2saraさんには、何度もお手間をとらせてしまい、申し訳ないです。
わいひら reacted
Topic starter
2022年11月30日 19:25
mk2様
今回のことで色々と勉強させていただきました。
一人で悩んでるときは全くわかりませんでしたので…
とても助かりました。
また何かあればよろしくお願いいたします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。