グーグルが推奨している新しい画像ファイル形式WebPですが、WordpressでWebPファイルをアップロードしようとするとエラーになってしまいます。これではせっかくのWebPファイルが使用できないので、エラーを避ける方法をご紹介します。
スポンサードサーチWordPressにWebPファイルをアップロードすると
下のようにエラーになってしまいます。
これはWordPressがWebPファイルを扱えないのではなくてセキュリティ上の理由とかで制限しているだけのようです。なぜWebPファイルがセキュリティに引っかかるのかの理由はわかりませんが、うまく回避する方法があります。
スポンサードサーチプラグイン「WebP Express」を使用する
一番手軽で手っ取り早い方法です。なにしろプラグインをインストールして有効化するだけですから。
プラグインのインストールと有効化
wordpress管理画面のプラグイン→新規追加から「WebP Express」を検索し、今すぐインストールをクリック
WebP Expressプラグインをインストール
右上の有効化ボタンをクリックします。これで有効化完了です。簡単でしょ。
有効化するだけで特に細かい設定などは必要ありません。
このプラグイン「WebP Express」を使用することでWebPファイルをアップロードすることができるようになります。
お使いのテーマのfunctions.phpにコードを追記する
プラグインを追加するとサイトの動きが遅くなったりというのはワードプレスのあるあるですが、そうした悪影響を嫌がる方のために、お使いのテーマに使われているfunctions.phpにメディアライブラリーへのWebPファイルのアップロードを許可するコードを追加することでもWebPファイルをアップロードできるようになります。
追記の方法
管理画面の外観をクリック→テーマエディタをクリックします。
編集するテーマを選択でお使いのテーマを選んで右側の選択ボタンをクリック
その下のテーマのための関数 functions.php をクリック
すると左側のコードがfunctions.phpに変わりますので、そのコードの最後に追加する形でWebPファイルのアップロードを許可する下記のコードを追加します。
/**
* WebPファイルアップロード許可
*/
function add_file_types_to_uploads( $mimes ) {
$mimes[‘webp’] = ‘image/webp’;
return $mimes;
}
add_filter( ‘upload_mimes’, ‘add_file_types_to_uploads’ );
※上記追加コードはゆにメモ様を参考とさせて頂きました。
コードを追記しましたら、ページ下にあるファイルを更新ボタンをクリックして保存します。
これでWebPファイルをアップロードすることができるようになります。
まとめ
上記のどちらの方法でも結果は同じで、WebPファイルを扱うことができるようになります。
注意したいのは、functions.phpに追記する方法ではテーマをアップデートした場合、functions.phpも上書きされてしまうのでもう一度追記しなければならなくなります。ちょっと面倒ですよね。
とにかく手軽に結果を得たいという方はプラグインを使う方法がおすすめでしょう。
コメント