GABUROさん

私からは添付画像のように見えているのですが。。。

mk2 　様

御連絡ありがとうございます。

ご質問をさせて頂いた後、

何度かショートコードを書き直したところ、

イメージ通りに表示できることを確認できました。

恐らく、何等かのプラグインの影響だったかもしれませんので、

一つ一つ試していくようにします。

お騒がせ致しました。ありがとうございます。

どうやら、cocooonのCSSの縮小化が影響しているようでした。

この項目を実行すると、うまく作動しないようでしたので、

この項目を外して運用するようにします。ご報告させて頂きます。

GABUROさん

恐らく、何等かのプラグインの影響だったかもしれません

ご提示いただいた環境情報には、プラグインが無いように見えます。

ちょっとこちらからは判断つきません。

プラグイン「Autoptimize」等と、Cocoonの高速化を併用していれば、不具合は起き得ます。
機能が重複しますから。

どうやら、cocooonのCSSの縮小化が影響しているようでした。

この項目を実行すると、うまく作動しないようでしたので、

この項目を外して運用するようにします。ご報告させて頂きます。

おそらく子テーマのstyle.cssに記述ミスがあるのだと思います。よくあるのは半角スペースが全角スペースになっていたり、括弧｛｝の閉じ忘れなどです。

GABUROさん

いま、チラッとみただけですが、広告コードのscriptタグの開始タグの大なり括弧が足りないようです。

htmlタグの括弧が１か所足りないだけでも、レイアウトが崩れる場合もあります。

@leafytree 様

ご丁寧にありがとうございます。

一度、広告コードのscriptタグを見直してみます。

全然わかっていなかっただけに、非常に助かります！

@saruko 様

ご指摘を頂き本当にありがとうございます。

当方、HTMLやCSSに疎いため、勉強してみます！

大変助かりました、ありがとうございます！！

GABUROさん

もし、ｍｋ２さんご指摘のプラグインの「Autoptimize」をお使いでしたら、削除をオススメします。

Cocoonで使うと不具合が出るようです。

Cocoonの高速化機能をご利用になると良いかと思います。

リフィトリー 様

御連絡ありがとうございます。

高速化プラグインは、入れておらず、

litespeedcash、EWWW Image Optimizerのみで、

これまではcocoon高速化を有効にしていました。

実はまだcocoon標準化の機能をオンにすると、

スタイルが崩れる問題が解決できておらず、

全部記述を見直して、scriptで検索もかけたのですが、

そもそも基本知識がないので、どこに大なり括弧が足りないのかも理解できませんでした・・。

ただ、確かにクロムで見てみると、

広告の記述にNGが出ていることがわかりました。

もっと勉強致します！！

GABUROさん

そもそも基本知識がないので、どこに大なり括弧が足りないのかも理解できませんでした・・。

プラグインの「LiteSpeed Cache」が有効になっているので、ソースコードが圧縮されたままなので、コードの場所の推測が難しいです。

「LiteSpeed Cache」を停止していただくと、詳しい方がコードの場所の見当をつけてくださるかもしれません。

また、環境情報を貼り付ける際は、一番下の方にあるプラグインの部分までコピーして貼り付けると、どのようなごプラグインをご利用になっているかがわかります。

位置から推測すると、Cocoon 設定の「アクセス解析・認証」タブにある「ヘッド用コード」に script タグを記入されているように思えます。

また、さる子さんがおっしゃっているように、CSS にも記述ミスがあります。子テーマの style.css の 253 行目の @media screen and (max-width: 960px) が閉じていません。どこかに } が必要です。

/*********************************
広告イメ―ジサイズ固定
*********************************/
@media screen and (max-width: 960px) {
  #ad-slot {width: 120px;}
	
/*サイドバー広告*/
#sidebar .ad-wrap{min-height:280px;}
	
/*リンク広告*/
.ad-link .ad-wrap{min-height:90px;}

リフィトリー　様

御連絡ありがとうございます。

親切すぎて勝手にびっくりしています。

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

実は、ここに書き込んだあと、

何度やっても難しかったので、再度「LiteSpeed Cache」を実行してしまっていました。

親切にして頂けて、取り組む勇気がでたので、

もう一度頑張ってみます。ありがとうございます！

Akira 様

具体的にご指導いただきありがとうございます。

今から、再度ご指摘頂いた場所を編集してみます。

結果ご報告します。

よろしくお願いいたします。

@saruko 様

お礼が遅くなりました、ありがとうございます。

なるほど、全角とか、半角とか、

ちぇっくしてみるようにいたします。

親切にありがとうございます！

GABUROさん

子テーマの以下も、閉じ括弧がないように思います。

 最初の"@media screen and (max-width: 480px){"の閉じ括弧です。

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
	
/*480px以下*/
@media screen and (max-width: 480px){
.speech-person {
    width: 120px;
}
.speech-wrap .speech-balloon {
    font-size: .9em;
	 }

.header-container-in.hlt-top-menu .logo-header img {
  width: 200px;
  height: 100px;
}

 どこで閉じて良いのかは、私からは分かりませんので。

それと。。。

「LiteSpeed Cache」やCocoonの高速化などのHTML・CSS・Javascriptの圧縮は一旦無効化しておいてから、修正やご確認をなさるのが良いと思います。

特に、「LiteSpeed Cache」が有効だと、GABUROさんご自身からも最新の状態を確認出来ない可能性があります。

上記状態にしておけば、フォーラムでアドバイスくださった方々も、適宜お時間ある時に確認してくださると思いますよ。

GABUROさんの思い通りになったところで、それらを有効にすれば良いと思います。

@mk2_mk2  様

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

親切な方ばかりで、このフォーラムってすごいなと思いました。

mk２様に教えて頂いたように、しばらく高速化は切って対応しています。

CSSが１つでも記述がだめだったらスタイルが大きく崩れることを理解しました。

色々ググって、色んなサイトからコピペしただけのソースでしたので、

コード内容を理解していない、私自身の基礎知識と、

基本のコーディング力がないことが課題と気づくこともできました。

引き続きご指摘頂いた部分も勉強して手直ししてみます。

ありがとうございます。

一旦、下記環境から変化させることなく、コードの修正に取り組んでみます。

恐れ入りますが、御助力頂けると幸いです。よろしくお願いいたします。

----------------------------------------------
サイト名：アメリカ株・米国株でテンバガー（10倍株）候補発掘ブログ
サイトURL： https://aigazou.com 
ホームURL： https://aigazou.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バージョン：5.8
PHPバージョン：8.0.8
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.5.1
カテゴリ数：12
タグ数：73
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：8086バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2021/08/無題51_20210816125157.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
All-in-One WP Migration 7.46
Contact Form 7 5.4.2
EWWW Image Optimizer 6.2.3
Google XML Sitemap Generator 2.0.2
SiteGuard WP Plugin 1.6.0
WP Multibyte Patch 2.9
----------------------------------------------

皆様のおかげ様で、まずは原因がわかったことで、

2カラム構成がしっかり描画できることを確認できました。

一旦は、該当のCSS内コードを削除することで対応が可能になりました。

本当にありがとうございました。

今後、目的とするレスポンシブ時の画像サイズの最適化にも、

徐々に取り組みたいと思っています。

本質問内容は解決とさせて頂きます。

今後ともよろしくお願いいたします。