ALPACA さん

申し訳ないですが、これ、ちょっとや、そっとじゃ、わかりまへん。

CSSの指定がどうのこうの、と言う以前に、HTMLの記述が、おかしくなってしまっています。

たぶん、各部の開始タグと閉じタグがちゃんとしていないんだと思います。

それに加えて、プラグインを沢山入れてしまっているので、これで、原因を突き止めるのは、至難の業です。

親テーマにしたら、サイドバーは、正常に表示されるんでしょうか？

プラグインのせいなのかどうなのかわかりませんが、サイトのURLも普通じゃないですし。

なので、必要なCSS等、カスタマイズしたものをバックアップして、プラグインを全て外し、最初から、散らかった要素の整理も兼ねて、構築した方が良いような気が、私は、します。

思い切り、散らかった部屋を片付けるのと同じ要領です。

先ず、要らないものを捨てることをオススメします。

leafytreeさん

返信ありがとうございます。

すみません、どうも、環境情報を一度Gmailの下書きに保存してからコピペしたので、

おかしいURLになってしまっていたようです。

以下、正しい情報になります。

また、追加したCSSを全て外してまっさらな状態にしても、親テーマで表示しても、

サイドバーは下に回り込んだままです。

HTMLの記述はできるだけ弄らないようにしていたつもりです。

コードのことはよく分からないので、人の造ったものをコピペさせて頂いてばかりでした。

分からないことだらけということもあって、手探りで弄っては元に戻すのを繰り返しながらの

サイト作成でしたが、そうしたことのいずれかが原因を造ってしまっていたのかもしれません。

仮に整理するとなると大仕事になりそうな感じですね。

それしか方法がない場合には覚悟を決めて、1から組み上げていこうと思います。

----------------------------------------------
サイト名：パソコン選びのコツ
サイトURL： https://selecting-pc.com
ホームURL： https://selecting-pc.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.4.1
PHPバージョン：7.2.27
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.5.4
カテゴリ数：21
タグ数：78
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
style.cssサイズ：4647バイト
functions.phpサイズ：916バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2018/12/a204e6c293848be2b79b81b8b3c94397.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.5
Basic User Avatars 1.0.3
Broken Link Checker 1.11.12
Contact Form 7 5.1.8
Count Per Day 3.6.1
Disable Gutenberg 2.1
Download Manager 3.0.96
Easy FancyBox 1.8.18
Flamingo 2.1.1
Google XML Sitemaps 4.1.0
Imagify 1.9.9
Inline Preview 4.3
Insert Pages 3.5.4
No Self Pings 1.1.3
Plugin Toggle 1.3.1
Popular Posts 1.5
Public Post Preview 2.9.0
Public Post Preview Configurator 1.0.3
Really Simple SSL 3.3.3
Regenerate Thumbnails 3.1.3
Search Regex 2.0.1
Shortcodes Ultimate 5.8.1
Shortcodes Ultimate: Additional Skins 1.5.7
Shortcodes Ultimate: Extra Shortcodes 1.7.2
Shortcodes Ultimate: Shortcode Creator 1.5.14
Simple 301 Redirects 1.07
SiteGuard WP Plugin 1.5.0
SNS Count Cache 1.1.3
TablePress 1.11
TinyMCE Advanced 5.4.0
TypeSquare Webfonts for エックスサーバー 1.2.1
UpdraftPlus - Backup/Restore 1.16.24
WebSub/PubSubHubbub 3.0.3
WP-Optimize - Clean, Compress, Cache 3.0.19
Wp Favs 1.2.1
WP Multibyte Patch 2.8.4
WP to Twitter 3.4.4
XO Featured Image Tools 1.3.1
----------------------------------------------

補足です。

プラグインも全て外したのですが、やはり、サイドバーが下に回り込んだままでした。

@alpaca さん

もしかしたら、HTMLのタグを、いくつか補えば、サイドバーは正常に戻るかもしれません。

でも、ソースコードを拝見すると、やはり、不要なタグ等で、かなり散らかった状態です。

alpaca さんが友人だとしたら、多少遠回りでも、きちんと整理した方がいいと、話すと思います。

プラグインや、CSSを外しても、サイドバーが正常にならないのは、HTMLの記述がおかしいからです。

HTMLのバリデーションのサイト等で調べてみても構いませんが、不要なタグが多すぎるので、トップページを再構築した方が良いような気がします。

サイドバーは、トップページだけの表示だったのでしょうか？

私は、他のページも、サイドバーがあった方が、カラム幅が広くなりすぎないので、記事が読みやすいような気がします。

かく言う私も、大したスキルがある訳でもないのですが。

ソースコードをコピーして、ローカルで試してみたら、サイドバーが正常に表示されました。

【HTML 1919行目付近】
divタグの閉じタグ</div>をコメントアウト

【HTML 1995行目付近】
</article>の閉じタグを挿入
</main>の閉じタグを挿入

【HTML 2300行目付近】
</article>の閉じタグをコメントアウト
</main>の閉じタグをコメントアウト

本来の表示？

@leafytreeさん

お世話になります。

細かい説明をありがとうございます！

画像の通りの表示で間違いありません。

ですが、大変、申し訳ありません。

その修正するHTMLをどこから入って修正するのか、その方法も分かっていない状態です。

FFFTPを使うのであれば、どの辺りにあるファイルなのかをご教授願えませんでしょうか。

※バリデーションサイトで調べたら確かにエラーだらけでした…ORZ。

@alpaca さん

私は、大したスキルがある訳ではないので、HTMLの構成を見てみる、ぐらいしかできません。

WordPressは動的にHTMLを生成しているみたいなので、なぜ、<article>と<main>の閉じタグが本来の位置にないのか、そこまでは、わからないです。

ただ、他のページで、サイドバーがきちんと表示されているベージもあるみたいなので、WordPress自体がおかしいのではなく、トップページの中の何かがおかしい可能性が高い、ということは推測できるのではないかと思います。

私は、固定ページをホームページにしたいわゆるサイト型？（これも変な呼び方だなと・・）を作ったこともないほどなので、ちょっと、対処の仕方もわかりませんが、一旦、他のページをホームページにして、時間を稼ぎ、ホームページを再構築した方が良いのでは？と思います。

HTMLでは、タグがひとつ足りない、１つ余分、というだけでも、レイアウトが崩れてしまいます。それに、バリデーターでエラーだらけ、というもの、あまり良いことではないように思います。

フォーラムには、スキルの高い方々が、いらっしゃるので、もしかしたら、何かアドバイスをくださるかもしれません。

あまり、お役に立てず、すみません。

@leafytreeさん

とんでもないです！

私はHTMLの構文も理解できていません。

ひたすら記事を書くことに集中し続けて、サイトの構成はまるっきりCocoonと親切なユーザーの方達があちこちに残しているコードに頼ってばかりいたのです。

それでもここまでできちゃうのがCocoonの凄いところ、といったところでしょうか。

おっしゃるように、閉じられていないタグが散乱しているのは良くないでしょうし、今回のような不具合にぶつかりそうでちょっと怖いです。

ご提案通り、トップページを別のものに差し替えて中身を見返していこうと思います。

とても助かりました。

夜遅くまで本当にありがとうございます。

ひとまず解決済みにしておこうと思います。

_(._.)_

HTMLエラーチェッカーのようなツールをお使いになり、HTML の開きタグと閉じタグがきちんとあるか確認されるのがいいと思います。

ご自身でお書きになっている HTML で、「開きタグがない」「閉じタグがない」箇所が何箇所もあります。これが表示が崩れている原因です。

一例を挙げると、以下の部分です。</p> 閉じタグはあるのに、<p>開きタグがありません。

「最新性能が欲しいのでなければ、アウトレットでお安めにどうでしょうか。十分、おやくに立てる性能がありますよ」

尚、HTML をお書きになる際は、コードエディターのご使用をおすすめします。ある程度のコードエディターであれば、<p>と入力すると自動的に</p>を入力してくれます。また、閉じタグがないなど HTML でおかしな部分があれば、その部分を教えてくれます。オンラインのコードエディターもあります。

https://www.tutorialspoint.com/online_html_editor.php

@akiraさん

なるほど…トップページはキャンペーン情報を入れ換える都合からしょっちゅう書き替えていました。

以前、書いた残骸がビジュアルで残ってたまま、書き替えてしまっていたようです(ビジュアルでは見えない)。

「HTMLエラーチェッカー」というのも初めて知りました。

ありがとうございます、活用します！