WordPressサイトで作業しているときに、突然、サイドバーがコンテンツの下に表示されるべきではないことに気付きました。 さらに悪いことに、明らかなエラーメッセージはありません。

どうしたの? あなたのテーマは破裂しますか?

怒り、ハルクのようにシャツを引き裂く前、または部屋を一瞬で乱暴する前に、リラックスできます。 そして、これは実際にはWordPressでよくある間違いであり、簡単に修正できることを理解してください。

今日は、サイドバーがコンテンツの下にドリフトしているのを見つけたら、テーマをすばやく修正する方法を紹介します。 神である必要はありません。

これを覚えておいてください:以下の提案を試してもこのエラーを修正できない場合は、 私たちのサポートチーム あなたの自由です。

サイドバー上でこのエラーの原因は何ですか?

あなたは喜んでサイトを編集していましたが、突然、サイドバーがコンテンツの下のメインコンテンツ領域の左または右に移動したことに気づきました。 残念ながら、これを実現するためにあまり多くのことをする必要はありません。

コンテンツの下のサイドバーエラー

幸いなことに、サイドバーがページの間違った場所にある理由は、簡単に修正できる小さなエラーであり、次のいずれかが原因である可能性があります。

  • あなたのHTMLコードにエラーがあります:
  • テーマファイルのXNUMXつで閉じられていない「div」タグがあります。
  • 追加の開始タグを付けることもできますまたは削除する必要があること。
  • あなたのCSSに誤りがあります:
  • テーマのstyle.cssファイルには、不均衡なページ上のアイテムに定義された高さと幅があり、この設定が発生します。
  • そうしないと、floatプロパティが適切に使用されない場合があります。
  • プラグインはレイアウトに干渉する可能性があります。
  • 以前のテーマ用に作成されたコンテンツまたはカスタマイズは、新しいテーマと互換性がない可能性があります。

プラグインが問題を引き起こしている可能性ははるかに低いですが、レイアウト用のページを作成するプラグインが増えるにつれて、プラグインが機能する可能性があることを覚えておく価値があります。別のページテンプレートを使用することを選択した場合、テーマと競合します。

テーマを変更し、古いテーマにカスタムデータとしてデータベースに保存されているコンテンツや機能が含まれていて、削除されていない場合も、問題が発生する可能性があります。

また、原因となる可能性は低くなりますが、ショートコード付きのプラグインを使用するテーマや、テーマを変更しても通常は削除されないその他の機能が増えています。

WordPressのサイドバーエラーを修正しました

想像を絶する方法で問題を解決する前に、いくつかの手順を実行する必要があります。

まず、ざっと見て、サイトのどの部分がこのエラーの影響を受けているかを判断する必要があります。 はい :

  • 影響を受けるのはページのみです。「page.php」または他のページファイルを確認する必要があります。
  • すべての商品に欠陥がある ブログ: single.php ファイルを確認してください
  • 自動的に作成されたプラグインのページのみが影響を受けます。このプラグインまたは使用したテーマに問題があり、プラグインとの互換性がありません。
  • カスタムHTMLまたはCSSコードを追加したときにすべてのページが影響を受ける場合:カスタマイズを確認する必要があります
  • テーマに変更を加えた場合:サイト全体を復元し、変更を削除してから、カスタマイズを含めることができる子テーマを作成します。

どのファイルが影響を受けるかがわかったら、修正を開始できます。 ページまたはブログの投稿がコンテンツの下にサイドバーを表示するものである場合、それらを編集する必要があります。 これは、最近カスタムHTMLまたはCSSを追加したすべてのページにも適用されます。

FTP クライアント、SSH を使用して開くか、ファイル マネージャーの [編集] ボタンをクリックして cPanel で直接開きます。 次に、エラーを見つけて、問題のあるタグを閉じるか削除するか、CSS を修正します。 ファイルを保存して、 宿泊施設 エラーのあるファイルを置き換えます。

プラグインまたはテーマが影響を受ける場合は、開発者に連絡してエラーを記述し、次の更新で修正を含めるか、回避策を提供できるようにしてください。

プラグインまたはテーマを使用してHTMLまたはCSSをカスタマイズした場合は、変更を追加した場所に戻り、エラーの場所を見つけて、修正したら変更を保存します。

エラーを発見するためのトラブルシューティングツール

無料のオンライン ツールもありますので、 アナライザ コードを自動的にチェックしてエラーをチェックします。

次のツールのいずれかを試して、コードを検証できます。

HTML:

CSS:

エラーが検出されたことが理解されたら、上記の手順でエラーを修正できます。 コード検証の詳細については、 WordPressのコーデックス.

このチュートリアルはこれで終わりです。お気に入りのソーシャルネットワークで自由に共有してください。