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

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

吹き出しの設定が反映されない
 
共有:
通知
すべてクリア

[解決済] 吹き出しの設定が反映されない

11 投稿
3 ユーザー
4 Reactions
3,192 表示
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

吹き出しのCocoon設定で「名前」は未入力、「アイコンスタイル」は丸(枠線なし)に設定しても、その設定が反映されません。

それまでは名前を入力して表示させ、アイコン枠線も表示していました。その設定を変更しても反映されません。

▼不具合ページです

https://seijo-fx.com/?p=27

以下のことは試してみました。

  • エックスサーバーのサーバーキャッシュ削除
  • ブラウザのキャッシュ削除
  • Cocoon設定の「全てのキャッシュの削除」
  • Cocoon設定の「ブラウザキャッシュの有効化」は元々チェックを入れていません
  • 試しにブラウザのシークレットモードや、スマホのSafari(ブログの設定はChromeを使用)から見てみましたが変わらず

こちらの過去の不具合報告に同様の報告がないので自分の環境の問題かと思い、思いつく限りのことを試したつもりですが、この他に何か試してみるべきことがありますでしょうか?

不具合報告なのか自分の環境の問題なのか分からず、すみません。何か教えていただけますと助かります。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

とりあえず、吹き出しの設定画面のキャプチャをアップしていただいてよろしいでしょうか。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

吹き出しのCocoon設定で「名前」は未入力、「アイコンスタイル」は丸(枠線なし)に設定しても、その設定が反映されません。

それまでは名前を入力して表示させ、アイコン枠線も表示していました。その設定を変更しても反映されません。

その設定を行ったアイコンを新たに作成すれば、反映されると思います。過去のモノを変更したいのであれば、CSSで変更すれば早いと思います。

 

いま設定を変更したアイコンを表示して下書き保存。プレビューで確認すれば反映されますか?


   
わいひら reacted
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

ご返信ありがとうございます。取り急ぎ、設定画面のキャプチャをアップさせていただきます。

>その設定を行ったアイコンを新たに作成すれば、反映されると思います。

こちら今から、この質問で例示したURLの記事とは違う記事に使用して試してみます。


   
わいひら reacted
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

>その設定を行ったアイコンを新たに作成すれば、反映されると思います。

こちらを試してみたところ、設定通りの表示がなされました▼

https://seijo-fx.com/?p=40

このトピックで先に例示した不具合報告ページは手を付けていません▼

https://seijo-fx.com/?p=27

これは不具合ということになるのでしょうか。自分としては解決策(回避策?)を教えていただけたので良かったですが、この後このトピックを解決済みにするかどうかなどのご判断をわいひら様にお願いしたいと思います。


   
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

かうたっくさん、

>いま設定を変更したアイコンを表示して下書き保存。プレビューで確認すれば反映されますか?

こちらの意味がすぐには理解できず無意識にスルーしていました。失礼しました。

今確認してみたところ、プレビューで見ても反映されていませんでした。(名前無しに設定変更しているのに名前表示されたまま。枠も同じ)

何か原因究明の一助となれましたら幸いです。


   
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

すみません!一つ前の返信、間違いです!

>いま設定を変更したアイコンを表示して下書き保存。プレビューで確認すれば反映されますか?

「下書き保存」で確認していませんでした!既存の記事を改めてプレビューで確認しただけでした。

今改めて新規記事を書いて、そこに設定変更したバルーンアイコンを表示させ、プレビューで確認したところ、変更した設定が反映されていました!

変更した設定が反映されないのは既存記事に対してだけのようです。

失礼いたしました。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

設定の変更でHTMLに適切な属性を入れているって感じですかね。

個人的には不具合でもない認識で、ユーザーさんがCocoon設定でスタイルの変更を行えば、管理画面のビジュアルではない『HTML』に別のclass属性が入るだけってイメージで。

そのアイコンを一括でスタイル変更を行いたい場合は、以下を追記すればOKぽいですが、CSSに追記せずわいひらさんのご回答を  待つ のも良いと思います。

.sb-id-11 .speech-icon img,
.sb-id-11 .speech-icon amp-img,
.sb-id-11 .speech-name {
	display: none;
}
This post was modified 6年前 by かうたっく

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

変更した設定が反映されないのは既存記事に対してだけのようです。

Cocoonの場合は、記事作成時にHTMLが挿入されるので、基本的に後からの変更はできません。
これは、エディター画面でもき記事画面と同様に見えた方が書く時の利便性が高いのでそういう仕様になっています。
後からも変更するには、かうたっくさんが書かれたようにIDを指定してスタイルシートで変更するしかないです。


   
(@masahiko)
Active Member
結合: 6年前
投稿: 13
Topic starter  

かうたっくさん、わいひらさん、ありがとうございます。

>Cocoonの場合は、記事作成時にHTMLが挿入されるので、基本的に後からの変更はできません。

なるほど、やっと理解できました。今回初めてのブロックエディターで、初めてビジュアルモードで記事を書いていたので、「HTMLが残る」みたいな部分に想像が及びませんでした。

当該記事をHTMLモードで編集、既に挿入されているHTMLを削除してから改めてビジュアルモードで吹き出しを加えたところ、今回設定変更した通りの表示になりました。

>後からも変更するには、かうたっくさんが書かれたようにIDを指定してスタイルシートで変更するしかないです。

過去記事がたくさんある場合はこうすることになること、理解しました。

つい、ブログの裏側で、設定を変更すればスイッチ一つでパチっと表示が変更されるかのようなイメージで考え、でもそうならないので「不具合か!?」と考えてしまいましたが、不具合というほどのものではないことが分かりました。

おかげさまでビジュアルモードに対する理解も少し深まりました。ありがとうございます!


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

つい、ブログの裏側で、設定を変更すればスイッチ一つでパチっと表示が変更されるかのようなイメージで考え、でもそうならないので「不具合か!?」と考えてしまいましたが、不具合というほどのものではないことが分かりました。

そういった仕様にするには、ショートコードを使う必要があります。
ただ、ショートコードを使うとエディター上での見た目が無機質なものとなり、本来の見た目と大きく変わってしまい見た目チェックがしづらいので現在の仕様にしています。


   
共有:

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

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

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

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

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

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

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

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