WordPressのテーマ内で、画像URLを渡してサイズを取得したいなーと思って調べたところ、寝ログさんにドンピシャな記事がありました! 画像URLから画像の横幅と高さを取得する方法をご紹介したいと思います。 WordP…
WordPressで投稿内の最初の画像を取得/出力する方法
WordPressで投稿一覧などにサムネイルを表示する際は、アイキャッチ画像を利用することが多いです。しかし、アイキャッチ画像ではなく、投稿内の1枚目の画像をサムネイルとして使いたいというケースもあると思います。 Aut…
WordPressの画像に追加されるsrcset属性とsizes属性を削除する方法
WordPressでは、以下のように画像に対してsrcsetとsizesが自動で追加されます。 srcsetとsizesは、画面サイズ等の条件によって最適なサイズの画像を出し分けるための属性です。 場合によっては、src…
WordPressの画像に追加されるwidthとheightを削除する方法
WordPressで投稿に挿入した画像には、以下のようにwidthとheightが追加されます。ブロックエディターになってからはwidth/height属性は付かないようになっていたと思いますが、WordPress5.5…
WordPress5.5から画像に追加されるようになったネイティブLazy Loadを無効化する方法
WordPress5.5から、画像に「loading=”lazy”」という属性が追加されるようになりました。 「loading=”lazy”」が追加されることで、画像が遅延…
ソースコードを画像化してダウンロードできるWebサービス「Codeimg.io」
Codeimg.ioは、入力したソースコードを画像化してダウンロードできるWebサービスです。 ソースコードをSNSで共有したい時に便利です。 Codeimg.ioの使い方 まずは、Codeimg.ioにアクセスします。…
サムネイル画像の切り抜き範囲を調整できるWordPressプラグイン「Crop-Thumbnails」
画像をアップロードした時に自動生成されるサムネイル画像の切り抜き範囲を手動で調整できるWordPressプラグインです。 投稿一覧などで、意図した箇所をサムネイル画像で表示させたい時に便利です。 Crop-Thumbna…
リモート会議用の背景画像を作成できるWebサービス「バーチャル名刺背景ジェネレーター」
バーチャル名刺背景ジェネレーターは、Zoomなどで使えるリモート会議用の背景画像を作成できるWebサービスです。 名刺風のバーチャル背景画像を作成してダウンロードできます。 バーチャル名刺背景ジェネレーターの使い方 バー…
ブラウザ上でイメージマップのコードを作成できるWebサービス「HTML Imagemap Generator」
HTML Imagemap Generatorは、画像内の特定箇所にリンクを付けるイメージマップのコードを作成できるWebサービスです。クリッカブルマップと呼ぶこともありますね。 画像をアップロードしてリンクを付けたい箇…
自動生成されるサムネイル画像を無効化できるWordPressプラグイン「Disable Generate Thumbnails」
Disable Generate Thumbnailsは、画像をアップロードした時に自動生成される様々なサイズのサムネイル画像を無効化できるWordPressプラグインです。 使い方も非常に簡単で、設定画面で無効化したい…