メディアライブラリが表示されない!functions.phpの修正

media-library-functions-php

どーも!カゴブロ(@kagoblo)です。

ブログを更新のため、メディアを追加しようと思ったらメディアライブラリが表示されませんでした。。。

WordPressのメディアを追加がポップアップせずに表示崩れしてしまった場合の修正方法です。

表示が崩れるとはどういう状態か

本来表示されるはずの、こういうポップアップ画面が出てこない…

media-library-functions-php-01

左下に微妙に表示されるのみ…
media-library-functions-php-02

同じような症状なら、解決できるかもしれません。

問題を切り分ける

1.まずは画像関連のプラグインを停止してみる

私の場合は以下の4つぐらいでした。Jetpackは多機能なため念のため停止。

  • Default Thumbnail Plus
  • EWWW Image Optimizer
  • Force Regenerate Thumbnails
  • Jetpack by WordPress.com

今回は解決せず。。。

2.テーマを変えて確認してみる

私はSimplicityの子テーマを編集して使用してるので、親テーマを適用してテスト

うむ、親テーマに切り替えたときには問題なくメディアの追加ができます。
ということで子テーマ側の問題であるということがわかりました

3.functions.phpに記述ミスがないか確認

テーマを変えて問題ない時には、functions.phpに問題がある場合がほとんどのようです。

以前使っていた関数や、add_filterの消し忘れ。追加したものの記述し忘れを確認しましょう。

その他には

  • //, /* */などコメントまわりの記述がおかしくないか
  • {}(カッコ)がちゃんと閉じられているか
  • ;(セミコロン)のつけ忘れがないか
  • 不要なスペースなどがないか
  • スペルミスがないか

を確認しましょう。

私はこれらは問題なさそうでした。。。

4.functions.php関数を一つずつチェック

ここまできたら、追加した関数を一つずつチェックするしかありません。

まずはfunctions.phpのバックアップを取りましょう。
そして一度まっさらな初期状態に戻し、関数を一つ追加しては確認、一つ追加しては確認をくりかえし、メディアライブラリが表示されなくなる記述を探していきます

ありました!!!

メディアライブラリの表示がくずれた原因

メディアライブラリの表示を崩す記述

functions.phpに 以下の記述があったためでした。

wp_deregister_style(‘wp-mediaelement’);

Page Speed Insightsで修正が必要: > 次のCSS 配信を最適化してください:で出ていたために追加したものでした。

ここを参考にしました。
よくわからないのに適当なことしてはダメですね。。。反省です_| ̄|○

上記記述を削除してfunctions.phpをアップロードした後に確認したら、
メディアを追加
ボタンを押すと無事にメディアライブラリの画面が表示されました。

直らない場合

全く別の理由かもしれません。参考ページのリンクを貼っておきますのでそちらも参考にされてみてください。

どなたかのお役に立てば、幸いです。

メディアライブラリが表示されない!functions.phpの修正
この記事が気に入ったらいいね!しよう