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

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

共有:
通知
すべてクリア

吹き出しについて

16 投稿
5 ユーザー
7 Reactions
2,026 表示
(@りす)
Active Member
結合: 5年前
投稿: 5
Topic starter  

こんにちは!

いつもお世話になっております。

今回、初めて吹き出し機能を使わせていただいています。

設定のときには、吹き出しの枠が表示されているし、パソコンで確認したときも、表示されているのですが、スマートフォンで確認すると、枠が表示されなくなってしまいます。

どのような設定をすれば、スマートフォンでも、吹き出しを表示することができますでしょうか???


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

お手数ですがフォーラムの案内にありますように、該当ページのURLを提示していただいてよろしいでしょうか。

不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください


   
返信引用
(@りす)
Active Member
結合: 5年前
投稿: 5
Topic starter  

わいひらさん、お手数をおかけします。

URLは、 https://xn--3-88ta2ma2eb1328d.com/kodomo-nose-jitennsha-saikou/

です。宜しくお願いいたします。


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

どんな環境(端末・ブラウザー)で表示されないのでしょうか?
少なくとも僕のブラウザーからは表示されています。


   
返信引用
(@りす)
Active Member
結合: 5年前
投稿: 5
Topic starter  

わいひらさんのブラウザーからは、みえているんですね!

嬉しいですが、やはり、私のスマフォでみると、吹き出しになっていません???

端末は、HUAWEI P20 liteで、ブラウザは、GoogleChromeです。

宜しくお願いいたします_(._.)_


   
返信引用
(@confetti)
New Member Registered
結合: 7年前
投稿: 1
 

MacのChromeでスマホ表示にしたら確かにおっしゃっているように吹き出しCSSが読み込まれていなかったです。

代わりにMinilevenというテーマのstyle.cssが読み込まれているようなのでキャッシュ設定あたりが問題かもしれない。

一度Jetpackのキャッシュ設定をオフにしてみたらどうでしょう。

This post was modified 5年前 by confetti

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

プラグイン関係の原因も考えられるので、判断材料を増やすためにも一応、環境情報も貼っておいていただけると助かります。
https://wp-cocoon.com/theme-report/


   
返信引用
(@りす)
Active Member
結合: 5年前
投稿: 5
Topic starter  

ありがとうございます!

Jetpackのサイトアクセラレーターを有効化をオフにし、画像の遅延読み込みを有効にするもオフにしてみましたが、、、変わらないです?????

 

元に戻しておいたほうがいいでしょうか?


   
返信引用
さる子
(@saruko)
Reputable Member Moderator
結合: 5年前
投稿: 482
 

iPhone/Safariからブログを見たのですがこの環境で見ると、そもそも表示されてるテーマがCocoonではないようです。

 

りすさん

わいひらさんが仰る通り、環境情報を頂けますか。

 

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

   
わいひら reacted
返信引用
(@りす)
Active Member
結合: 5年前
投稿: 5
Topic starter  

色々とありがとうございます。

環境情報です。

宜しくお願いいたします。

 

----------------------------------------------
サイト名:3児りすりすまま
サイトURL: https://xn--3-88ta2ma2eb1328d.com
ホームURL: https://xn--3-88ta2ma2eb1328d.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
WordPressバージョン:5.4
PHPバージョン:7.1.5
ブラウザ:Mozilla/5.0 (Linux; Android 9; ANE-LX2J) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Mobile Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.7.1
カテゴリ数:6
タグ数:0
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ://xn--3-88ta2ma2eb1328d.com/wp-content/uploads/2019/05/animal_risu.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Advanced Ads 1.17.3
Akeeba Backup for WordPress 7.0.2
Akismet Anti-Spam 4.1.3
Contact Form 7 5.1.6
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.2.3
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.5.0
TinyMCE Advanced 5.3.0
----------------------------------------------


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

CocoonのバージョンとPHPのバージョンがちょっと古いけど、子テーマを使っていないみたいなので、いきなりアップデートするのも、ためらわれるし・・・

とりあえず、このまま、わいひらさんのアドバイスを待った方がよさそうな気もします。


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

確かに、モバイルにユーザーエージェントを変更してアクセスすると、明らかにCocoonではないモバイル画面になりますね。
これはCocoon側が原因ではないように思います。
こういう場合は大抵プラグインが原因なんですけど、Jetpackあたりが怪しいように思います。
調べてみたら、こんなのが出てきて、ほぼ同じ画面です。
https://ja.jetpack.com/support/mobile-theme/

PHPはバージョンを上げておいた方が良いかと思います。
テーマの方は、親テーマのCSSやPHPをカスタマイズしていないのであれば、アップデートしておいた方が良いかと思います。


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

こちらがJetpackのモバイル用テーマの画面。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

以下のような記事も、ありました。

モバイルテーマは2020年3月に廃止されました。次の手順に従って、サイトを準備してください。

jetpackの最新バージョンは、8.4.2 みたいですね。


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@りす さん

私は、このフォーラムには、無責任に適当に書き込みをしている者で、書き込んだ結果についてなんの責任も負えないですが、不具合の原因を突き止めるには、疑わしいと思われる機能を一旦停止して、表示を確認するというのが一般的なやり方かと思います。

 

ですので、今回のケースのような事が私のサイトに起こったとしたら、プラグインの「Jetpack by WordPress.com」を停止してみて、スマホの表示がどのようになるか、という確認作業を一番先にやると思います。

 

停止するというのは、プラグインの「Jetpack by WordPress.com」の一部の機能を停止するのではなく、プラグインである、「Jetpack by WordPress.com」そのものを停止するという意味です。

 

もし、「Jetpack by WordPress.com」を停止してみて、モバイルの表示がCocoonのオリジナルの表示になれば、「Jetpack by WordPress.com」に何らかの原因があると判明するという訳です。

 

もちろん、判明しない場合も十分考えられますけども。

 

まあ、これは、私だったら、と仮定した場合の話ではありますが。


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@りす さん

もし、症状が改善された場合は、どのようにしたら、改善されたのかを、書き込んでいただけると、トピックをご覧になられる方々の参考になります。

例えば、プラグインの「Jetpack by WordPress.com」のバージョンを「8.2.3」から「8.4.2」にアップデートしたら、吹き出しが表示された、等々。


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

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

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

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

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

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

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

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

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