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

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

ヘッダーの上に余白が出るようになったの...
 
共有:
通知
すべてクリア

[解決済] ヘッダーの上に余白が出るようになったのを消したい

5 投稿
2 ユーザー
0 Reactions
10 表示
(@kayo_ruhe)
Eminent Member Registered
結合: 3年前
投稿: 27
トピックスターター  

時々こちらでお世話になっております。

この度もよろしくお願いいたします。

先生方のお手すきの時にお知恵を拝借できると大変ありがたく思います。またご回答いただいた後のこちらからのお返事は、日本と7時間の時差のため少々遅れますことご了承いただけると幸いです。

 

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

https://kayo-ruhe.com/

 

相談内容:

該当ページを開いた瞬間は正常なのですが、デスクトップPCでページを一旦下にスクロールしてまた上に上がると一番上に謎の空白が必ず出てくるようになりました(添付画像ご参照のこと)。

数か月前からです(今まで放置しておりました・・)

 

不具合の発生手順:

特に何も触っていません。

 

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

多分同じ問題をお持ちであった方が以前こちらでご質問なさった後解決済みのようです。

こちら:

https://wp-cocoon.com/community/blog-manages/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e4%b8%8a%e3%81%ab%e8%ac%8e%e3%81%ae%e4%bd%99%e7%99%bd%e3%81%8c%e7%99%ba%e7%94%9f%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/#post-66220

これを参考に、「Cocoon設定」-「アクセス認証・解析」のページから <!-- 維持費 --> を消そうと思ったのですが、どこか分かりません。

そのページの ヘッド用コード の欄の

<script data-ad-client="ca-pub-6009384091803685" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 

を消せばいいのか?と思い試してみましたが、変化はありませんでした。

 

外観 → テーマファイルを編集 のstyle.css でも「維持費」で検索しましたがでてきませんでした。

 

お手数をおかけしまして申し訳ございませんが、よろしくお願いいたします。

 

***

 

環境情報:(Cocoon環境に関する情報です。の部分)

----------------------------------------------

----------------------------------------------

サイト名:算命学を使った人生戦略作戦会議

サイトURL: https://kayo-ruhe.com

ホームURL: https://kayo-ruhe.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

WordPressバージョン:6.7.1

PHPバージョン:7.4.33

ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

サーバーソフト:Apache

サーバープロトコル:HTTP/1.1

言語:ja,de-DE;q=0.9,de;q=0.8,en-US;q=0.7,en;q=0.6

----------------------------------------------

テーマ名:Cocoon

バージョン:2.8.2

カテゴリー数:20

タグ数:0

ユーザー数:1

----------------------------------------------

子テーマ名:Cocoon Child

バージョン:1.0.8

style.cssサイズ:8521 バイト

functions.phpサイズ:203 バイト

----------------------------------------------

Gutenberg:0

Font Awesome:5

Auto Post Thumbnail:1

Retina:1

ホームイメージ:/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg

----------------------------------------------

ブラウザキャッシュ有効化:1

HTML縮小化:0

CSS縮小化:0

JavaScript縮小化:0

Lazy Load:1

----------------------------------------------

利用中のプラグイン:

Ad Invalid Click Protector 1.3.0

Akismet Anti-spam: Spam Protection 5.3.5

BackWPup 4.1.7

Category Order and Taxonomy Terms Order 1.8.7

Contact Form 7 6.0.1

Converter for Media 6.1.3

Jetpack 14.1

Regenerate Thumbnails 3.1.6

Site Kit by Google 1.141.0

WordPress Ping Optimizer 2.35.1.3.0

WP ULike 4.7.6

XML Sitemap Generator for Google 4.1.21

 

----------------------------------------------

(不具合報告の際には以下の情報を添えてもらうと助かります。 の部分)

---------------------------------------------

----------------------------------------------

サイト名:算命学を使った人生戦略作戦会議

サイトURL: https://kayo-ruhe.com

ホームURL: https://kayo-ruhe.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

WordPressバージョン:6.7.1

PHPバージョン:7.4.33

ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

サーバーソフト:Apache

サーバープロトコル:HTTP/1.1

言語:ja,de-DE;q=0.9,de;q=0.8,en-US;q=0.7,en;q=0.6

----------------------------------------------

テーマ名:Cocoon

バージョン:2.8.2

カテゴリー数:20

タグ数:0

ユーザー数:1

----------------------------------------------

子テーマ名:Cocoon Child

バージョン:1.0.8

style.cssサイズ:8521 バイト

functions.phpサイズ:203 バイト

----------------------------------------------

Gutenberg:0

Font Awesome:5

Auto Post Thumbnail:1

Retina:1

ホームイメージ:/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg

----------------------------------------------

ブラウザキャッシュ有効化:1

HTML縮小化:0

CSS縮小化:0

JavaScript縮小化:0

Lazy Load:1

----------------------------------------------

利用中のプラグイン:

Ad Invalid Click Protector 1.3.0

Akismet Anti-spam: Spam Protection 5.3.5

BackWPup 4.1.7

Category Order and Taxonomy Terms Order 1.8.7

Contact Form 7 6.0.1

Converter for Media 6.1.3

Jetpack 14.1

Regenerate Thumbnails 3.1.6

Site Kit by Google 1.141.0

WordPress Ping Optimizer 2.35.1.3.0

WP ULike 4.7.6

XML Sitemap Generator for Google 4.1.21

----------------------------------------------


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8054
 

kayo_ruheさん

投稿者:: @kayo_ruhe

これを参考に、「Cocoon設定」-「アクセス認証・解析」のページから <!-- 維持費 --> を消そうと思ったのですが、どこか分かりません。

これは、お問い合わせをなさった方が、「維持費」という名前の広告ユニットを作成して、サイトに設置したから・・・です。

個人個人で、どんな名前をつけるかは異なると思います。
kayo_ruheさん自身が、AdSenseの管理画面で「維持費」という広告ユニットを作成しなければ、存在しないです。

 

投稿者:: @kayo_ruhe

該当ページを開いた瞬間は正常なのですが、デスクトップPCでページを一旦下にスクロールしてまた上に上がると一番上に謎の空白が必ず出てくるようになりました(添付画像ご参照のこと)。

残念ながら、私の環境からは再現できませんでした。
再現のための、詳細な手順をお知らせください。

 

念のため、お尋ねしますけれど。
以下のようなことでしょうか。

 
 
上記のようなことであれば、アンカー広告が原因です。
アンカー広告は、その表示スペースを確保するために(サイトに表示されているものを隠さないように)、自動で余白を追加します。(bodyタグに、paddingを追加する)
 
アンカー広告は、通常PC画面であれば、下に表示されると思います。
但し、サイトが完全に表示される前に、下⇒上という操作をすると、上に表示されることがあります。
上記のGIFは、それを再現したものです。
 
アンカー広告の表示位置は、通常AdSenseが自動で判断します。
 
確認したところ、昔は位置指定ができなかったと思いますが、今はできるみたいですね。
 
ページ上部のアンカー広告を無効にする
https://support.google.com/adsense/answer/7478225?sjid=735277548683746394-AP
 
これで上部にアンカー広告は表示されなくなると思いますが・・・。(試しておりません)
モバイル(スマホ)の際は、アンカー広告は通常上に表示されると思いますから、ちょっとどうなのかな・・・と思います。
(画面幅でコードを変える?jsを使う必要もありそうですし・・・)
 
下のアンカー広告の無効化は、今調べた感じでは記載がないです。
(bottomをtopにすれば、位置指定ができるのかどうか・・・)

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8054
 

時間で、再編集ができなくなってしまいました。

kayo_ruheさんのサイトは、モバイル時にフッターメニューがないですね。
そうであれば、アンカー広告を下に固定するのもあり?
(それかアンカー広告を止めるか)

アンカー広告のことでなければ、詳細な再現手順が必要に思います。
(他の方の環境で再現するものなのか・・・)


   
返信引用
(@kayo_ruhe)
Eminent Member Registered
結合: 3年前
投稿: 27
トピックスターター  

@mk2_mk2 さま

こんばんは。

なるほど、アンカー広告がでるんですねそこ!そのためのスペースというわけでしたか。

言われてみると『アンカー広告がスタートします』みたいなメールが来たあたりから余白が出るようになった気がします。

しかし当方のPCではアドブロックを解除しても広告が出ませんでした。

またiPadで試した場合、広告も空白部分も出ませんでした。

訪問者様方のPCで妙な空白が出ないのであれば、放っておいても大丈夫なのかな・・・と一応判断いたします。

どうもお時間を頂きご丁寧にお返事下さってありがとうございました。

大変助かりました!

解決済みにさせて頂きます。

ではお元気で年の瀬をお迎えくださいませ。

 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8054
 

kayo_ruheさん

投稿者:: @kayo_ruhe

なるほど、アンカー広告がでるんですねそこ!そのためのスペースというわけでしたか。

PCの場合アンカー広告は、通常は下に表示されます。
そのため、上に表示させるには、少し特殊な動きと言いますか、サイトが完全に表示される前に操作する必要があります。
(タイミングがシビアで、アンカー広告を上に表示させるのは、結構難しいです)
 

それのことなのかどうか、こちらでは判断がつかないです。

投稿者:: @kayo_ruhe

しかし当方のPCではアドブロックを解除しても広告が出ませんでした。

広告をブロックできているのであれば、その余白がなくても良さそうには思いますけれど。
どこまでブロックできるものなのか、ちょっと分からないです。

解除してもアンカー広告が表示されず、そして余白があるということは、別の事象の可能性もあるのかもしれません。

私の環境では、先にご提示した以外の手順で再現ができませんので、事象の確認もできないという感じです。
(アンカー広告以外であった場合は、確認ができないです)

この投稿は15分前ずつmk2に変更されました
この投稿は14分前 2回ずつmk2に変更されました
この投稿は13分前 2回ずつmk2に変更されました
この投稿は7分前 2回ずつmk2に変更されました
この投稿は2分前ずつmk2に変更されました

   
返信引用
共有:

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

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

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

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

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

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

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

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