WordPress管理ダッシュボードが正しく表示されずCSSが読み込まれない問題を修正する方法
公開: 2021-12-10
WordPress管理ダッシュボードが正しく表示されない場合、この問題の最も一般的な原因は、WordPress管理CSSが正しくロードされていない場合です。 通常、この問題はログイン後にWordPressダッシュボードが表示されないために発生し、これにより簡単にパニックが発生する可能性があります。 もう1つの一般的な方法は、メニューがWordPressダッシュボードに表示されないことです。
WordPressダッシュボードが正しく表示されない問題を修正するためのクイックチェックリスト
WordPress管理ダッシュボードが正しく表示されないという高度な問題を修正するための要点を掘り下げる前に。 これは、WordPress管理CSSが正しくロードされないという疑わしい問題、またはWordPressダッシュボードでの死の白い画面のケースをトラブルシューティングするときに使用する必要がある基本的なチェックリストです。
- Cookieとキャッシュをクリアして、この問題の原因となるCookieとキャッシュの可能性を排除します
- Webブラウザーを最新の更新に更新するか、別のWebブラウザーまたはシークレットモードでサイトをロードしてみてください。
- サイトのプラグインとテーマをアップグレードする
- 最近追加されたWordPressプラグインを削除または削除します
- Webホスティングの帯域幅を使い果たすことに問題があるかどうかを確認してください。
- 別のIPでサイトを読み込んでみてください。別の場所にいる誰かに、サイトが壊れているかどうかを確認したり、スマートフォンでホットスポットを作成したりするように依頼できます。
これらの解決策のいずれもこの問題を解決しない場合でも、この問題はすぐに修正できるため、慌てる必要はありません。 この問題の一般的な原因は、管理者側のCSSスタイルシートが壊れているか、CSSスタイルがバックエンドで正しく読み込まれていないことを理解することが重要です。
下の画像に示すように管理ダッシュボードが正しく表示されない場合、この問題の最も一般的な原因はCSSスタイルの破損です。
WordPress管理ダッシュボードの解決策が正しく表示されませんか？
この問題の解決策は、ほとんどの場合、管理者のCSSを壊す最近追加した新しいプラグインに関連する根本的な原因を特定することです。
もう1つの一般的な原因は、 functions.phpファイルで導入した新しいテーマまたは新しいコードスニペットで、管理スタイルが壊れています。
WordPress管理CSSが正しくロードされないためのステップバイステップのソリューション
WordPress管理者CSSがロードされていないことが原因である場合、この問題は2つの手順で解決できます。
- 管理者のすべてのCSSスタイルが正常に読み込まれているかどうかをブラウザ検査ツールで確認してください。 ブラウザを右クリックして、以下に示すように[要素の検査]を選択します。
- 最近追加したプラグインまたはテーマのいずれかによってエラーが生成されていないか、JavaScriptコンソールを確認してください。
- スタイルがインスペクターツール>ネットワークにロードされていない場合、スタイルがロードされていない場合は、インスペクションツールが開いているときにページをリロードします。
- 正しく表示されていないWordPress管理ダッシュボードに移動し、プラグインメニューを探し、プラグインページに移動し、チェックボックスを使用してすべてのプラグインを非アクティブ化します。
- 問題が修正された場合、原因はプラグインであり、管理ダッシュボードが正しく表示されない原因を見つけるために、プラグインを1つずつアクティブ化する必要があります。 200 Httpステータスは、ファイルが正しくロードされていることを示します。
- プラグインを、適切にコーディングされ、WordPress管理CSSを壊さない別の同様のプラグインに置き換えます。
- 問題の原因となっているテーマがデフォルトのWordPressテーマに戻り、 WordPressテーマ、特に管理オプションのあるテーマでスタイルがキューに入れられる方法を修正することで問題を解決します。
WordPressダッシュボードアイコンが表示されない
WordPressサイトが管理ダッシュボードアイコンに正しく表示されない場合、最も可能性の高い原因はCSSの読み込みの失敗であり、上記で概説したように、すべてのプラグインを非アクティブ化し、デフォルトのテーマに変更することで修正できます。
デフォルトのテーマに戻ると、プラグインを1つずつ並べ替えて、導入した新しいプラグインが大混乱を引き起こしていることを確認できるようになりました。
アイコンに関する他の問題は、admin_menuフックとダッシュアイコンを使用する壊れた登録メニュー機能である可能性があります。 これはおそらくプラグインの問題であり、すべてのプラグインを非アクティブ化し、CSSの問題の原因となっているプラグインを見つけることで修正できます。
ログイン後にWordPressダッシュボードが表示されない死の白い画面
ログイン後にWordPressダッシュボードが表示されないのは、技術的には死のホワイトスクリーンと呼ばれるものです。
次の画像に示すように、ほとんどの場合、WordPressダッシュボードにログインした後、コンテンツがまったくない白い画面が表示されます。
この問題は壊れたプラグインに関連しており、WordPress管理CSSがロードされない問題を解決するには、上記の手順で概説したように解決する必要があります。
この場合、管理者CSSがロードされていない場合の問題とは異なり、ダッシュボードにアクセスできないため、この問題を解決するには、FTPまたはCPanel、Webホスティングアクセスが必要です。 実行する必要のある手順は次のとおりです。
- CPanelをホストしているWebにログインするか、FilezillaなどのFTPクライアントを使用して、WordPressサイトがインストールされているpublic_htmlルートフォルダーにアクセスします。
- CPanelを使用してWordPressサイトのルートインストールにアクセスする場合は、CPanelのファイルマネージャーアイコンをクリックして、サイトが配置されているpublic_htmlフォルダーにアクセスします。
- ファイルフォルダーを見つけてwp-contentフォルダーに移動し、pluginsフォルダーの名前をold_pluginsのような名前に変更して、pluginsという名前の新しいpluginsフォルダーを作成します。
- これにより、すべてのプラグインが自動的に非アクティブ化され、プラグインの機能がなくてもサイトが元に戻ります。
- ログイン後にWordPressダッシュボードが表示されないというこの問題の原因となっているプラグインを見つけるために、プラグインを並べ替えるときに、プラグインを1つずつアクティブ化する必要があります。
まとめ
何年もの間、私はWordPress管理CSSでいくつかのサイトを修正しましたが、ロードの問題はありませんでした。ほとんどの場合、問題はプラグインが管理者に間違った方法でCSSをロードすることに関連していました。 WordPress管理パネルが表示されないいくつかの例外的なケースは、WordPressテーマのコーディングが不十分なことが原因でした。
また、すべてのWordPressプラグイン開発者が、プラグインのすべてのコーディング標準、特にプラグインスクリプトとスタイルを適切にエンキューする方法を理解していることも重要です。 最後に、私が非常に役立つと思ういくつかのWordPressプラグインプロジェクトで使用したこの素晴らしいOOPプラグイン開発フレームワークがあります。
同様の記事
- PHPMyAdminからWordPressパスワードをリセットする方法
- Woocommerceで注文IDを取得する方法
- WooCommerceのカスタム背景を追加する方法
- WordPressでカスタム投稿タイプを取得する方法
- カスタム投稿タイプを「一目で」ダッシュボードウィジェットWordPressに追加する方法
- WordPressサイトからGoogleFontsを削除する方法
- カテゴリへのWooCommerceリンクを作成する方法
- プラグインのWooCommerce管理者通知を作成する方法–WooCommerce開発
- WordPressで子ページを作成する方法
- プラグインなしでプログラムでWordPress管理メニュー項目を削除する方法
- ダッシュボードにアクセスせずにWordPressサイトのURLを変更する方法
- WooCommerceチェックアウトページでチェックボックスフィールドを作成する方法
- WooCommerceAdminにログインする方法
- ローカルホストでWordPressのパスワードを回復する方法
- WordPress管理ダッシュボードにアクセスする方法またはWordPressダッシュボードにログインする方法
- WordPressで管理者のメールアドレスを取得する方法
- WordPressでフォントをプリロードする方法
- WordPressテーマのヘッダーを削除する方法
- カテゴリURLを取得する方法WooCommerce
- シンプルなトリックでWordPressのURLからハッシュ＃を削除する