Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

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

共有:

通知

すべてクリア

[解決済] モバイルでタイトルとアイキャッチ画像の間にある空白を消したい

Cocoonテーマに関する質問

最新の投稿 : 匿名 4年前

3 投稿

2 ユーザー

3 Reactions

1,291 表示

未解決

RSS

シロクマ

(@シロクマ)

New Member

結合: 4年前

投稿: 4

Topic starter 2020年10月1日 08:25

お世話になります。

色々調べてみましたが、解決策が分からずご教授頂けると助かります。

＜問題点＞

サーチコンソールで【CLS に関する問題: 0.25 超（モバイル）】のエラーが113件でました。

エラーの1つをPageSpeed Insightsで分析したところ、モバイル表示でタイトルとアイキャッチ画像の間に空白が出来ていました。

自分のスマホからでは確認できない空白ですが、PageSpeed Insightsで複数URLを分析したところ、どれもこのような空白が存在しているようです。

この空白を削除するにはどうすればいいでしょうか？

宜しくお願い致します。

＜環境状況＞

----------------------------------------------
サイト名：VOD配信手帖
サイトURL： https://fujitvgallery.sakura.ne.jp/wp
ホームURL： https://fujitvgallery.sakura.ne.jp/wp
コンテンツ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-season-winter/style.css
WordPressバージョン：5.5.1
PHPバージョン：7.4.9
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.2
カテゴリ数：8
タグ数：41
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：303バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
a3 Lazy Load 2.4.1
AddQuicktag 2.5.3
Advanced Editor Tools (previously TinyMCE Advanced) 5.5.1
Akismet Anti-Spam 4.1.6
Autoptimize 2.7.7
Category Order and Taxonomy Terms Order 1.5.7.3
Classic Editor 1.6
EWWW Image Optimizer 5.7.1
Google XML Sitemaps 4.1.1
PNG to JPG 3.9
SAKURA RS WP SSL 1.4.0
SiteGuard WP Plugin 1.5.2
UpdraftPlus - Backup/Restore 1.16.29
WebSub/PubSubHubbub 3.0.3
Wordfence Security 7.4.11
WordPress Importer 0.7
WordPress Ping Optimizer 2.35.1.2.2
WP Fastest Cache 0.9.1.0
WP Multibyte Patch 2.9
----------------------------------------------

リフィトリー

(@leafytree)

Illustrious Member Moderator

結合: 6年前

投稿: 6845

2020年10月1日 10:47

前略、シロクマさん

私はAMPのことはサッパリわからないのですが、URLの最後に /?amp=1 と付けると空白が出来ることから、AMPページのことを指摘しているような気がします。

該当箇所をデベロッパーツールで見てみると、lazy とか a3 Lazy Load なんとかになっているので、プラグインの「a3 Lazy Load 」を停止して、CocoonのAMPキャッシュをクリアしてみるとか、試してみてはどうでしょうか？（それでもAMPなので、すぐには改善されないだろうとは思いますが・・）

それで改善しないなら、別の原因かも、と、いうことになっちゃいますが、疑わしいものを試していく、ということで・・