作り方

作り方

ウェブサイトを作る(44):サイトアイコンを設置

画像ファイルをワードプレスにアップする際に圧縮を自動化してくれる、EWWW Image Optimizerを運用中です。基本、WebP形式で圧縮する必要がなくなったところで、写真を次々にアップしてアイキャッチ画像付きの記事を増やしました。ほ...
作り方

ウェブサイトを作る(43):EWWW Image Optimizerを運用中

EWWW Image Optimizerの始動(WebP品質の設定はデフォルトのまま)により、アイキャッチ画像サイズの目安どおりにファイル圧縮が自動化されています:コインランドリーの画像は圧縮率が少ないのですが、これは画像加工を前もってして...
作り方

ウェブサイトを作る(42):EWWW Image Optimizerを始動

WebP変換ができる準備が整ったところで、実際に変換をする前に、いくつかの設定を変更しました。以下、整理しておきます:必須タブ:・⬜︎ メタデータを削除(撮影場所・カラープロファイルなど)・Max Image Dimensions(幅の上限...
作り方

ウェブサイトを作る(41):htaccessにコードを追記

重たい画像ファイルをWebP形式に変換する工程を楽にしたくて、EWWW Image OptimizerでWebP変換の設定を続けています。umanaさんの記事・よっちゃんさんの記事、いずれの記事でも、プラグインでWebPの自動変換のために、...
作り方

ウェブサイトを作る(40):EWWW Image Optimizerの遅延読み込みを外す

いったん、EWWW Image Optimizerの設定を終了したところで、基本の設定を以下のように見直してみました:umanaさんの記事を参考に、1)メタデータ(←撮影場所が含まれています)を削除し、2)遅延読み込み(←スクロールしたタイ...
作り方

ウェブサイトを作る(39):EWWW Image Optimizerを設定中

画像サイズの目安を参考にしてWebP形式で圧縮する工程を楽にしていくため、以前お世話になった、とても参考になるエックスサーバーの2つの講座の中で紹介されていたプラグイン「EWWW Image Optimizer」を導入していきます。このプラ...
作り方

ウェブサイトを作る(38):Akismetを設定する

ワードプレスでウェブサイトを作っていく際に欠かせないのがプラグイン。気軽にプラグイン(=WordPressの機能拡張)という言葉を使いまくっていますが、プラグインを使うことで、フォーム作成などサイトの機能を拡張できるだけでなく、デザインをカ...
作り方

ウェブサイトを作る(37):アイキャッチ画像の充実に加えて、今後実施していくこと

これまでSquooshでアイキャッチや記事内に掲載する画像(スクリーンショット)のファイルを朝圧縮してきました:1)伝えたい情報を中心に配置した写真を選ぶ()2)HEIC形式の画像ファイルはJPEG形式に変換する()3)画像サイズの目安を参...
作り方

ウェブサイトを作る(36):縦向きの写真もスクリーンショットもSquooshで圧縮

これまで、iPhoneで撮影した風景画像(生花と海辺)、HEIC形式の画像ファイルをSquooshできない場合にでも、前もってjpg形式としておけば、Squoosh出来てアイキャッチ画像にすることができました。また、これまで横向き(=ランド...
作り方

ウェブサイトを作る(35):HEIC形式の画像ファイルをSquooshできない!

iPhoneで撮影した生花の写真のファイルサイズを小さくしてウェブサイトに載せようとした際、Squooshした写真をアイキャッチ画像にすることで上手く行きました。ところが、カリフォルニアの美しいビーチの朝散歩で撮影した写真を、前回と同様にS...