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

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

cocoonの吹き出しアイコン画像が表...
 
共有:
通知
すべてクリア

[解決済] cocoonの吹き出しアイコン画像が表示されない

11 投稿
3 ユーザー
4 Reactions
5,136 表示
(@だちょ夫)
Active Member
結合: 6年前
投稿: 5
トピックスターター  

先日simplicity2からcocoonへ変更させていただいたのですが、早速デザインやユーザビリティに感動しております。

吹き出しに関しても依然はプラグインで行っていたものが標準で備わっていてしかも効率よく使えることがとても嬉しく思っています。

ですが、吹き出しのアイコンの画像部分が表示されず困っています。

自分で入れた吹き出し画像も最初から入っていた女性の吹き出しも表示されていません。吹き出し内の本文のみ表示されている状況です。

対処法が分かれば教えていただきたいです。

よろしくお願いします。

 

----------------------------------------------
サイト名:うるおすライフ
サイトURL: http://dacho-blog.site
ホームURL: http://dacho-blog.site
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
Wordpressバージョン:4.9.8
PHPバージョン:7.0.30
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:1.4.0.2
カテゴリ数:13
タグ数:65
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
利用中のプラグイン:
AdSense Integration WP QUADS 1.8.2
Akismet Anti-Spam 4.1
All In One SEO Pack 2.9.1
Contact Form 7 5.0.4
EWWW Image Optimizer 4.5.1
Jetpack by WordPress.com 6.6.1
Optimize Database after Deleting Revisions 4.6.3
Rinker 1.3.4
Shortcodes Ultimate 5.1.1
Speech bubble (ふきだしプラグイン) 1.0.3
TinyMCE Advanced 4.8.0
WebSub/PubSubHubbub 3.0.1
WP Fastest Cache 0.8.8.6
----------------------------------------------


   
(@だちょ夫)
Active Member
結合: 6年前
投稿: 5
トピックスターター  

上記質問本文がぐちゃぐちゃになってしまっていて本当にすいません ? 


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

お疲れ様です。

http://dacho-blog.site/archives/727

このページでしょうか。

h ttps://i0.wp.com/dacho-blog.site/wp-content/uploads/2018/11/3.jpg?w=1238&ssl=1

と指定がありますが、キチンと表示されないようですね。

We cannot complete this request, remote data could not be fetched

翻訳

このリクエストは完了できません。リモートデータを取得できませんでした

例えば私の場合はキチンと表示されます。

h ttps://i1.wp.com/bibabosi-rizumu.com/wp-content/uploads/2017/06/kautakku-1.png?w=1054&ssl=1

jetpackのファビコンが付いてるのと、アイコンのclass属性が以下のようになっています。

speech-icon-image jetpack-lazy-image lozad lozad-img jetpack-lazy-image--handled

JetPackのスクロールで画像を表示させるlazyLoadの機能を停止してみるとどうなりますか?

今Cocoonでその機能が追加されたと思いますが、それを有効にされて干渉しているか??単独でご利用されているものなのか??その辺は確認してないので不明ですが。


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

こちらを参考に、JetpackのCDN機能を無効にしてみてもらえますでしょうか。
https://wp-cocoon.com/site-speed-up/

JetpackのLazy Loadが有効になっている場合も、無効にしてみてください。


   
(@だちょ夫)
Active Member
結合: 6年前
投稿: 5
トピックスターター  

かうたっく様、わいひら様

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

添付ファイルの箇所のことでしたら無効にしてみたのですが、未だアイコンが表示されません。

無知ですいません、何とか吹き出しを使いたいのですが・・・

 

http://dacho-blog.site/archives/727


   
(@通りすがりのR)
New Member
結合: 6年前
投稿: 2
 

cocoonを利用しようと思って、いろいろと情報などを見て回っていたらお見掛けしました。

記載のあるサイトのソースについて確認させて頂いたのですが、「だちょ夫」さんの正確なアイコン画像URLは「 」ではないでしょうか?

 

ソース上では「 http://」ではなく「https://」という記載になっておりました。

http://」の記載にすると正常に表示されると思います。

 

cocoonについての知識がまだほとんどありませんので、正確なことは言えませんが、WordPress管理画面にある「CoCoon設定」の「吹き出し項目」に設定されているアイコン画像のURL自体が「 https://●●●」という記載になっているか、「CoCoon設定」自体の「その他」にある簡単SSL対応の「内部URLをSSL対応(簡易版) 」にチェックが入っていたりしないでしょうか?

他にもURLを自動でSSL化してしまうようなプラグインなどがあるかと思いますので、思い当たるプラグインなどありましたら確認してみて下さい。


   
わいひら reacted
(@通りすがりのR)
New Member
結合: 6年前
投稿: 2
 

すみません…勝手にリンクや画像に変換されてしまっていました。
分かりづらかったので編集して再度投稿致します。

以下、編集した投稿内容です。ご参考までに

cocoonを利用しようと思って、いろいろと情報などを見て回っていたらお見掛けしました。

記載のあるサイトのソースについて確認させて頂いたのですが、「だちょ夫」さんの正確なアイコン画像URLは「h ttp://dacho-blog.site/wp-content/uploads/2018/11/3.jpg」ではないでしょうか?
ソース上では「h ttp://」ではなく「h ttps://」という記載になっておりました。

「h ttp://」の記載にすると正常に表示されると思います。

cocoonについての知識がまだほとんどありませんので、正確なことは言えませんが、WordPress管理画面にある「CoCoon設定」の「吹き出し項目」に設定されているアイコン画像のURL自体が「h ttps://●●●」という記載になっているか、「CoCoon設定」自体の「その他」にある簡単SSL対応の「内部URLをSSL対応(簡易版)」にチェックが入っていたりしないでしょうか?

他にもURLを自動でSSL化してしまうようなプラグインなどがあるかと思いますので、思い当たるプラグインなどありましたら確認してみて下さい。


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

確かに、サイトはhttpサイトなのに画像のURLはhttpsになっていますね。
何かSSL化の心当たりはありますか?

また、その他に以下のような原因が考えられます。
https://wp-cocoon.com/faq-css-trouble/
1度、「プラグインが原因かどうか」という原因の切り分けのために、別のプラグインを無効にして動作確認してみていただけますでしょうか。
また、サーバーはエックスサーバーなので、mod_pagespeedもしくはXアクセラレータ機能が有効になっているかも確認してみてください。
http://seocheki.net/site-check.php?u=http://dacho-blog.site/archives/727


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

wp-content/themes/cocoon-master/imagesフォルダをFTPで再度アップロードしてみる必要があるかもしれません。

もし親テーマの更新が終わっている場合必要ないと思います。

その場合

h ttps://dacho-blog.site/wp-content/themes/cocoon-master/images/b-woman.png

h ttp://dacho-blog.site/wp-content/themes/cocoon-master/images/b-woman.png

<figure class="speech-icon">

に囲まれたimgタグ内のアドレスを変更する必要がありそうかも。

src="h ttps://dacho-blog.site/wp-content/themes/cocoon-master/images/b-woman.png"

を以下に

src="h ttp://dacho-blog.site/wp-content/themes/cocoon-master/images/b-woman.png"

あともう1つ。

だちょ夫さんのカワイイ画像のURLを確認いただき、パスがhttpsになっていないかどうか。だと思います。

https://gyazo.com/44034f65b863ae3873239d7a67046fa4

そこがhttpsであれば表示されないかもです。

そしてCocoonの吹き出し機能もhttpの画像に変更しないとダメかもです。

 

さらに一歩話をすすめたら、逆にhttps化をするか、どちらかかも。※その場合、普通の画像のhttps化は必須です。この場合は混在コンテンツになる感じです。説明が雑ですが・・・。話しがややこしく感じる場合は、これはスルーしてください。


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

だちょ夫さんのカワイイ画像のURLを確認いただき、パスがhttpsになっていないかどうか。だと思います

確かに。それもあり得ますね。
アイコン登録画面のURLがhttpsになっていないかも確認する必要がありますね。


   
(@だちょ夫)
Active Member
結合: 6年前
投稿: 5
トピックスターター  

皆さま本当にありがとうございます。

素早く、お優しい回答。ますますcocoonが好きになりました。

 

解決しました!

通りすがりのRさんのご回答の

 【「CoCoon設定」自体の「その他」にある簡単SSL対応の「内部URLをSSL対応(簡易版)」にチェックが入っていたりしないでしょうか?】

の部分にチェックが入っており。外すことで問題が解消されました。

根本的に私の知識が乏しいので皆さまのお力を借りることができて嬉しいです。

助かりました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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