WordPress メディアライブラリ グリッドが表示されない。
2020年3月23日
2020年9月4日

WordPress構築環境
WordPress バージョン 5.3.2
サーバー:Zenlogic
PHP:7.3
MySQL:5.7
インストールはサーバーのサービスを利用してインストール。
そのままの状態でもメディアライブラリのリスト表示は問題ないが、グリッド表示がローディングのまま表示されない。

原因
原因としては、プラグインやテーマなどが原因で表示されないことが多いらいしいので、一通り削除再インストールをためしたが改善しない。
/wp-admin/upload.php?mode=grid
をブラウザに表示してグリッド表示の方法を確認。
ajaxを利用し、jsonファイルからリストを取得して表示しているらしい。
admin-ajax.php の編集
/wp-admin/admin-ajax.php
27行目
header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );上記の”text/html”を”application/json”に変更する必要がある。
if( in_array( $_POST['action'], array( 'query-attachments', 'send-attachment-to-editor' ))){
header( 'Content-Type: application/json; charset=' . get_option('blog_charset' ));
}else{
header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
}とりあえず元の部分はコメントアウトして上記のコードを追記
サーバーにアップロードし、ブラウザのキャッシュをクリアして確認

無事に表示されました。
WordPressは便利ですがセキュリティーの問題やバグが多く、環境にもかなり左右されるのでなかなか大変です。
S.E->関連記事;
- WordPress初心者向け WordPress での記事の書き方を機能別に徹底解説
![WordPress初心者向け WordPress での記事の書き方を機能別に徹底解説 WordPress初心者向け WordPress での記事の書き方を機能別に徹底解説]()
- アプリのアフィリエイトができるASP Smart-C 登録から審査完了までの流れと注意点
![アプリのアフィリエイトができるASP Smart-C 登録から審査完了までの流れと注意点 アプリのアフィリエイトができるASP Smart-C 登録から審査完了までの流れと注意点]()
- WordPress 有料テーマ「THE THOR(ザ・トール)」の注意点とアップデート方法
![WordPress 有料テーマ「THE THOR(ザ・トール)」の注意点とアップデート方法 WordPress 有料テーマ「THE THOR(ザ・トール)」の注意点とアップデート方法]()
- WordPress テーマの変更・インストール方法〜テーマの違いによるメニューの変化
![WordPress テーマの変更・インストール方法〜テーマの違いによるメニューの変化 WordPress テーマの変更・インストール方法〜テーマの違いによるメニューの変化]()
- Google Search Console 「インプレッション データが表示されていないため、確認が必要」のメールが送られてきた。
![Google Search Console 「インプレッション データが表示されていないため、確認が必要」のメールが送られてきた。 Google Search Console 「インプレッション データが表示されていないため、確認が必要」のメールが送られてきた。]()
- WordPress 有料テーマ「THE THOR(ザ・トール)」の購入・インストール方法、無料テーマとの違い
![WordPress 有料テーマ「THE THOR(ザ・トール)」の購入・インストール方法、無料テーマとの違い WordPress 有料テーマ「THE THOR(ザ・トール)」の購入・インストール方法、無料テーマとの違い]()
- WordPress でブログを始める〜レンタルサーバー、ドメイン取得〜簡単に設定する方法
![WordPress でブログを始める〜レンタルサーバー、ドメイン取得〜簡単に設定する方法 WordPress でブログを始める〜レンタルサーバー、ドメイン取得〜簡単に設定する方法]()
- レンタルサーバー ロリポップを契約〜WordPress設定「ハイスピードプラン」を試してみた。
![レンタルサーバー ロリポップを契約〜WordPress設定「ハイスピードプラン」を試してみた。 レンタルサーバー ロリポップを契約〜WordPress設定「ハイスピードプラン」を試してみた。]()
- WordPress コピー&ペーストが出来ない現象が発生したら確認すること
![WordPress コピー&ペーストが出来ない現象が発生したら確認すること WordPress コピー&ペーストが出来ない現象が発生したら確認すること]()
2件のコメント
4件のピンバック
レンタルサーバー-ロリポップを契約〜WordPress設定「ハイスピードプラン」を試してみた。 | プログラミング教育や副業に関する情報
レンタルサーバー-さくらレンタルサーバーを契約〜WordPress設定を試してみた | プログラミング教育や副業に関する情報
コメントする
S.E->Weekly Ranking;
S.E->プロフィール;










![Apple AirPods Pro[MWP22J/A]の偽物(コピー品)を正規品と徹底比較 Apple AirPods Pro[MWP22J/A]の偽物(コピー品)を正規品と徹底比較](https://www.programming-se.com/wp-content/uploads/2020/07/スクリーンショット-2020-07-13-0.00.32-300x176.jpg)







不具合の原因がわからず検索したところこちらにたどり着き、無事に解決出来ました。
本当にありがとうございました。
コメントありがとうございます。
解決できてよかったです。
サーバーによって出る不具合が異なるのでWordPressを利用するのもなかなか難しいです。