【最短5分】WordPressで画像をWebPに変換する方法を解説!2019-10-25スポンサーリンクサイトの速度をあげようと思って、PageSpeedInsightsを使ってみたんだけど、WebPの変換が必要になって困っている。こんな悩みを持った方に向けた記事になっています。こんにちは、誠太です。WebPってなんぞやと思いますよね。僕も最初にWebP変換が必要だという要求が表示された時に、どうやったらいいのかわからず困惑しました。実際やってみると手順自体は簡単で、最短5分ほどで既存の画像をWebPに変換することができるので、本記事を参考にご自身のサイトの画像を変換してもらえたらと思います。手順としてはWordPressのプラグインをインストールするプラグイン内で生成されるコードをコピペするWordPressのプラグインを使って画像を変換するこれだけの手順で簡単に解決できるので、気を張らずにサクッと解決してしまいましょう!【最短5分】WordPressで画像をWebPに変換する方法を解説!それでは、実際にどのようにすればWordPressにある画像をWebPに変換できるのかを解説していきたいと思います。Optimizer』を導入まずは、WebP変換に必要になるWordPressのプラグインを導入していきましょう。Optimizer』こちらのプラグインをインストールしていきます。Optimizer』の文字が確認できるはずです。Optimizer』をクリックして設定画面へ移動します。Optimizer』の設定方法についてです。今回はWebPの変換方法についての設定解説をしていきたいと思うので、その他の設定方法に関しては省いて解説します。Optimizer』の設定画面を開くと、『WebP』というタブが確認できると思います。その『WebP』のタブをクリックすると、下記のような画面に移動します。設定は簡単で、『JPG,PNGからWebP』の隣にあるチェックボックスをクリックしてチェックを入れたらOKです。その他の項目に関しては、チェックは入れなくてもOK。『変更を保存』ボタンを押したらプラグイン自体の設定は完了するのですが、保存ボタンの下に注釈があって、何やら難しめのことが書いているはずです。この部分は簡単に解説すると、『WebP変換を画像に適応させるにはたくさんの種類の方法がありますが、コードを使用して変換することがオススメです。』という意味になります。このコードに関しては、事前に準備をしておきました。コピペさえしてもらえればOKなので、そのまま使用してください。.htaccessにWebP変換用のコードをコピペWebP変換に必要になるコードに関しては、こちらを使ってもらえたらOKです。Optimizer|WebP変換コード※末尾に空白が入っていないことを確認済み。こちらのコードを『.htaccess』というファイルにコピペすればOKなのですが、方法としては大きく分けて2パターンで解決できます。エックスサーバーの管理画面から.htaccessの追記エックスサーバーを使用している方は、こちらの方法を使うのが一番簡単だと思います。手順としてはこちら...エックスサーバーのインフォパネルにログインファイル管理を開くブログのドメインをクリックpublic_htmlをクリック.htaccessの隣にチェックを入れて編集ボタンWebP変換用のコードを最下部にコピペ『保存する』ボタンをクリックして完了こちらの手順を辿っていただければ、OKです。一般的にこの流れで.htaccessに行き着くと思うのですが、サーバーの中のファイル配置によっては多少ズレが生じるかもしれません。そのような場合でも、ドメインから.htaccessまでのルートは変わらないので、ドメイン名を見つけることができたらクリアしたも同然なので安心してください。FTPソフトから追記エックスサーバーを使用していない人は、FTPソフトからも.htaccessにアクセスすることができるので、こちらの方法を試してみてください。FTPソフトにログインドメイン名をクリックpublic_htmlをクリック.htaccessをダウンロードテキストエディタで.htaccessを開く最下部にWebP変換用のコードをコピペ上書き保存をして、ドラッグ&ドロップしてサーバーにアップ以上の手順で完了です。.htaccessにWebP変換用のコードをコピペするときは注意!ここでひとつ注意点なのですが、.htaccessを開く際にはテキストエディタを使用して開いてください。いうのも、.htaccessやfunction.phpにコードを追記するときなどは不要な空白などを入れるべきではありません。事前にトラブルを防ぐためにテキストエディタを使用して不要なものがない状態で保存することがベストなので、必ずテキストエディタを使用して追記してサーバーにアップロードするようにしてください。テキストエディタはTeraPadが軽量でオススメです。TeraPad公式WordPressサイドバーのメディアから変換でOKここまで完了したら、あとはWordPressのサイドバーにあるメディアから『一括最適化』を行うだけで、作業完了です。画像の量によっては、ある程度時間がかかるかと思いますが、コーヒーでも飲んで一息つきながら待ちましょう。完了の文字が表示されたらWebPに変換完了です。WebPに画像が変換されているか確認する方法この手順でWebPに変換できているはずなのですが、実際に確認することができないと不安だと思うので、念のためWebPの変換がしっかりとされているかどうかを確認する方法について紹介しておきます。エックスサーバーを使用している場合の確認方法エックスサーバーを使用している場合は、先ほど.htaccessを編集した時の手順と同じで、ファイル管理にアクセスします。ファイル管理を開くドメインをクリックpublic_htmlをクリックwpもしくはwp-contentをクリックuploadsをクリック最新の日付をクリック(例:2019)連番の中の最新をクリック(例:10)画像ファイルの末尾が.webpになっているか確認.jpgと.webpの両方があればOK先ほどの.htaccessにアクセスした時よりも少し奥の階層に入っていくことになるので複雑化してしまっていますが、上記手順の通りに進んでもらえたら大丈夫です。『wpもしくはwp-contentをクリック』と書いたのは、SSL化させている場合とSSL化していない場合で分けています。SSL化させている場合やWordPressをインストールする際にwpフォルダを作成してインストールした場合は『wp』というファイルがあるはずです。SSL化していない場合でもwpフォルダを作成してWordPressをインストールしている場合もあるので、public_htmlをクリックした後に表示される状況で判断をしていただければわかりやすいと思います。FTPを使用している場合の確認方法FTPからアクセスする場合も基本的には、先ほど.htaccessにアクセスした方法と同じになります。FTPソフトにログインドメイン名をクリックpublic_htmlをクリックwpもしくはwp-contentをクリックuploadsをクリック最新の日付をクリック(例:2019)連番の中の最新をクリック(例:10)画像ファイルの末尾が.webpになっているか確認.jpgと.webpの両方があればOK以上の手順で確認してもらえれば画像がWebPに変換されていることが確認できます。万が一変換がうまくいっていないようであれば、再度手順通りに作業を進めて問題ないことを確認してみてください。手順通りに進めてもうまくいかないといった場合には、下記の2つの項目にチェックを入れて一括最適化を実行してもらえれば、問題が解決するはずです。Onlyこちらで、再度WebPになっていない画像を見つけ出して変換することができます。WordPressの画像をWebPに変換するのは必須WordPressの画像をWebPに変換するのは、サイトのスピードを向上させるために必須になります。意外とおろそかになってしまっている人が多いサイトの表示スピードですが、Googleのウェブマスター向けガイドラインでも重要視されています。サイトの離脱率を下げることができますし、自サイトの検索結果のランキングにも影響が出るので、上位表示にも関わってくるので軽視はできません。コンテンツ作りに注力するのも大切なことなのですが、サイト全体の快適さを保つこともユーザーに対しての配慮となるので、Googleからの評価が向上するきっかけになります。WebP以外にもサイトのスピードを改善させるために必要になってくる部分があるので、こちらの記事を参考に更にサイトのスピードを向上できるように頑張ってみてください。toを話題にブログで紹介しています。THORのアップデート方法は?【アップデート前には注意が必要!!】2020/02/13【規約違反注意】AFFINGER5でダブルレクタングルを設置する方法!誠太の記事をもっと見るよく読まれている記事1【最新版】AFFINGER5をレビュー!実用10特典をGETしてライバルに差をつけよう!AFFINGER5を購入しようか迷っているけど、損をしない特典が付いているところから購入したい。ご覧いただいてありがとうございます。ブログを運営していると、自分の文章をもっと良くしたいと思ってしまうものではないでしょうか。thorをレビュー!豪華10特典で競合に差をつけよう!誠太こんにちは、誠太です。誠太こんにちは、誠太です。WordPressのテーマはいまや沢山の種類がリリースされ、個人制作のものや企業がリリースしているものまで溢れかえるようになりました。コメントをキャンセルメールアドレスが公開されることはありません。ヘッダーメニューの設定は、ユーザーがあなたのサイトの訪れて早い段階で目につく場所です。そのため、適当に設定してしまうと離脱率が上昇してしまう可能性は否定できません。本記事では、AFFINGER5のメニューの設定について解説を行い、あなたのサイトのファーストビューが今よりも向上するようにお手伝いしたいと思います。誠太こんにちは、誠太です。今回の記事では、WordPressでブログを運営する際に必要な『ドメインの取得方法について』解説していこうと思います。ドメインと聞くと少し難しく聞こえてしまいますが、馴染みのある言葉で解説するとサイトのアドレスです。