WardressでWebPファイルをアップロードできるようにする方法【2種】

グーグルが推奨している新しい画像ファイル形式WebPですが、WordpressでWebPファイルをアップロードしようとするとエラーになってしまいます。これではせっかくのWebPファイルが使用できないので、エラーを避ける方法をご紹介します。

スポンサードサーチ

WordPressにWebPファイルをアップロードすると

下のようにエラーになってしまいます。

エラーになる

これはWordPressがWebPファイルを扱えないのではなくてセキュリティ上の理由とかで制限しているだけのようです。なぜWebPファイルがセキュリティに引っかかるのかの理由はわかりませんが、うまく回避する方法があります。

スポンサードサーチ

プラグイン「WebP Express」を使用する

一番手軽で手っ取り早い方法です。なにしろプラグインをインストールして有効化するだけですから。

プラグインのインストールと有効化

wordpress管理画面のプラグイン→新規追加から「WebP Express」を検索し、今すぐインストールをクリック

WebP Expressプラグインをインストール

WebP Expressプラグインをインストール

右上の有効化ボタンをクリックします。これで有効化完了です。簡単でしょ。

有効化するだけで特に細かい設定などは必要ありません。
このプラグイン「WebP Express」を使用することでWebPファイルをアップロードすることができるようになります。

お使いのテーマのfunctions.phpにコードを追記する

プラグインを追加するとサイトの動きが遅くなったりというのはワードプレスのあるあるですが、そうした悪影響を嫌がる方のために、お使いのテーマに使われているfunctions.phpにメディアライブラリーへのWebPファイルのアップロードを許可するコードを追加することでもWebPファイルをアップロードできるようになります。

追記の方法

管理画面の外観をクリック→テーマエディタをクリックします。

管理画面の外観をクリック→テーマエディタをクリックします。

編集するテーマを選択でお使いのテーマを選んで右側の選択ボタンをクリック
その下のテーマのための関数 functions.php をクリック

 

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も上書きされてしまうのでもう一度追記しなければならなくなります。ちょっと面倒ですよね。
とにかく手軽に結果を得たいという方はプラグインを使う方法がおすすめでしょう。

コメント

タイトルとURLをコピーしました