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 投稿
3 ユーザー
4 Reactions
3,597 表示
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

現在ウィジェットを使って個別にアドセンス広告を挿入しています。
横幅が足りないのか300×250の広告しか表示されません。できれば336×280を表示させたいのですが、子テーマでの変更もしくはテーマでの微調整できますでしょうか?よろしくお願いします。


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

Cocoon設定『カラム』タブより『サイド設定』の欄があるんですね。

その サイドバー幅 を 300 から広告幅に合わせて任意の数値に変更してみると良い感じになりませんか?

一度設定をおためしいただけたら。と思います


   
わいひら reacted
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

かうたっくさんが言われている様にサイドバー幅を370に設定しています。モバイルはCocoonのモバイル表示が優先されていて調整が効かない様に思えますが?僕の勘違いでしょうか??


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

あと確認できているのはAndroid端末だと336×280を表示するのですがiPhoneのSafariだと300×250たなっている様子です。


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

Androidの場合

この投稿は6年前ずつkazuakiに変更されました

   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  
iPhoneの場合
この投稿は6年前 3回ずつkazuakiに変更されました

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

横幅が足りないのか300×250の広告しか表示されません。できれば336×280を表示させたいのです

どのような広告ですか?

あと確認できているのはAndroid端末だと336×280を表示するのですがiPhoneのSafariだと300×250たなっている様子です。

Androidの端末は横幅340px以上あるとかではないですか?

iPhoneは320pxの端末で自動的に300の広告が表示されているのでしょうか?

iPhoneを縦に持たず横に持って幅を広くすれば、(横にして状態の)モバイルの縦幅にあった広告が表示される。とかではないですか???

それでもiPhoneは300で固定されている感じでしょうか??状況がよくわかりません^^;


   
わいひら reacted
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

iPhone 300×250


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

文章内に挿入した場合のみ336×280の表示される様子です。


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

使用されているiPhoneの解像度(横幅)は幾つなのでしょうか?


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

iPhoneXを使用しております。iPhoneXの解像度がわかりません。


   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

iPhoneXの解像度は375です。

ちなみにインデックスリストミドルにモバイル用広告でレスポンシブ広告を貼ると336×280が出るのですが、よく見ると切れています。Chromeの検証でiPhoneXでも同じ再現ができています。

この投稿は6年前ずつkazuakiに変更されました

   
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

なん度もすいません。訂正です。Androidでも336×280は表示されていない様です。AndroidはHUAWEI P20ですので横幅の解像度は問題なくあります。


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

ちなみにインデックスリストミドルにモバイル用広告でレスポンシブ広告を貼ると336×280が出るのですが、よく見ると切れています。

h ttps://car-repo.jp/

ミドルですが、アドセンスが勝手に表示しているんじゃないですかね。

336×280ではなく、アドセンス側がwidthを375pxと指定してます。

記事の余白を考えずにそのようにアドセンスが指定されるので、両端がはみ出るんだと思います。ザックリこんな感じかと‥


   
わいひら reacted
返信引用
(@kazuaki)
Estimable Member Registered
結合: 7年前
投稿: 192
トピックスターター  

くうたっくさんの言う様に375pxなのかと一瞬思うのですが、アドセンスにその様な広告はありません。別の理由かと思っています。

もし皆さんのページで同様の現象がないのであれば、「カラム」設定によってなる現象でしょうか?

ちなみに僕はこの様な設定になっています。


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

くうたっくさんの言う様に375pxなのかと一瞬思うのですが、アドセンスにその様な広告はありません。

一瞬というよりHTMLを確認すれば、スタイル属性(HTMLタグにスタイル)が指定されているのでご確認していただけたら。

あと上でも書いてますが、スマホ端末を横に向けてご確認いただけたら。っと。

 

レスポンシブ広告についてのリンクを置いておきますね。

https://support.google.com/google-ads/answer/7009645?hl=ja

申し訳ないですが、ちょっとこれ以上何ともいえませんので、ゴメンナサイですがここで一旦GWのオヤスミとして離脱させていただきますね❦


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

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

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

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

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

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

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

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

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