ワードプレスでサイドバーがコンテンツの下に行ってしまったりずれてしまいレイアウトが崩れてしまった場合の対処方法を解説いたします。

サイドバーがコンテンツの下もしくはずれて表示される原因

こちらは多くの場合コンテンツもしくはテーマにHTMLまたはCSSのエラーがあることが原因となっています。

ワードプレスでサイドバーがコンテンツの下に行ってしまったりずれてしまうのを防ぐには？

サイドバーのレイアウト崩れの原因はほとんどの場合、ページ上に閉じられていない、もしくは余分な閉じた div 要素があるからということになります。
もし特定の投稿やページでのみ発生しているのでしたら、投稿もしくはページの編集画面でDIVの閉じ忘れがないか、閉じDIVが一つ多くないか探して、その部分を修正される必要がございます。

もし全頁でサイドバーのレイアウトずれが起こっている場合は、テーマのSingle.php、Siguler.php、Pages.phpなどの単ページを出力するテーマファイルに上記と同じようにDIVの閉じ忘れもしくは、閉じDIVが一つ以上多い状態になっている可能性が高いとお考え下さい。

DIVタグなどの閉じ忘れがソースコードに無いかは下記のサイトで外部からも調べることができます。
http://validator.w3.org/

CSSのエラーによるサイドバーのずれ

その他の原因としまして、ページ本文の横幅と、サイドバーの横幅の設定が正しく行われていないという可能性もございます。

例としまして、下記の１，２のDIV要素がWRAPというDIV要素の中で合わせて１００％以下のサイズになっていない場合、２のサイドバーがコンテンツの下に回り込んで表示されてしまします。

WordPress ワードプレスのテーマのエラーの修正、カスタマイズのご相談ご依頼はお気軽のワードプレスドクターにお送りくださいませ

関連記事:

  1. ワードプレス、ページの上部や下部に出力される奇妙な改行や文字の問題の修正
    ワードプレスのすべてのページの最上部や下部に、不要な改行や、不要な文字列が表示される場合の原因と修正方法を解説いたします。...
  2. 初めてのWordPress(ワードプレス)サイト構築でお勧めのカスタマイズ１０選
    こんにちは、ワードプレスドクターの佐藤です。今回はワードプレスでサイトを作成した時に多くのサイトで行われている、メジャーなカスタマイズをご紹介いたします。基本的なSEO対策や、アクセス解析、ワードプレスをもっと便利に使いやすくするtipsです。 1.パーマリンクを適切に設定しましょう パーマリンクとは、ワードプレスの投稿記事のURLをどのように表現するかの設定で、管理画面の「設定...
  3. WordPress(ワードプレス)高速化の依頼事例 PageSpeed Insight1０点から８０点へ
    ワードプレスのサイトのスピードがGoogleのPageSpeed Insightで１０点台とかなり遅い状態になっているので高速化をされたいとのご依頼を受けました。こちらを弊社で様々な施策を行い８０点まで向上させていただきました依頼事例をご紹介いたします。お使いのテーマはhammingbirdでした 施策後...
  4. wordpress htaccessの設定についての解説
    ワードプレスのhtaccessはどのように使用されるのでしょう？ここではwordpressでのhtaccessの使用事例と設定方法についていくつか解説します。 パーマリンクの設定用にhtaccessを使用する パーマリンクの設定とは、ワードプレスの各ページのURLをどのように表示するかの設定です。ワードプレスの管理画面「設定」→「パーマリンク設定」と進むと設定を行う事ができます。...
  5. ワードプレスのプラグインを作成してみよう：ショートリンク生成プラグイン
    ワードプレスでプラグインを作る方法をこのページの右上に付いている、「ショートリンク生成機能」として実際に動作しているプログラムを全てコードも含めて公開いたします。 このプラグインは、ワードプレスのパーマリンクを使用すると長ったらしい日本語のリンクとなり、それはSEO効果があるのですがリンクをしたいユーザーにとってはリンクしづらいという問題点を解決する為に作成しました。 ショートリンクはワードプレスの基本URL表記方式　？p＝形式　で取得しています（このURLにアクセスするとワードプレスが自動でパーマリンクにリダイレクトしてくれます）。...