2022/09/22ルナリスWordPressのメディアライブラリの画像をテンプレート上から表示したいわ!!!!どういう事?ソルトルナリスWordPressにアップロードした画像をプログラム上から呼び出すわなるほど...!ソルトimgタグを出力する関数を定義ルナリス直接imgタグを書くのが一般的だけど、画像サイズや遅延処理を設定することでSEO対策に繋がるわfunctions.phpにimgタグを出力する関数を記述します。);」を呼び出すことによってimgタグを自動で生成してくれます。loading="lazy">';}メディアライブラリ画像の表示サンプル今回はメディアライブラリにアップロードした新着10件の画像を表示するプログラムを紹介します。配列「$args」が表示条件のSQLになっており、表示件数や表示方法を設定することができます。公式ドキュメント等を参考にして各種パラメータを設定してください。画像サイズの指定サンプルではフルサイズを指定していますが、サムネイルを表示したい場合もあると思います。;?>上記が画像のサイズ設定・表示をする記述となります。‘full’の部分を変更することで任意のサイズの画像を表示できます。・サムネイルを表示する例サムネイルを表示したい場合は次のように変更します。表のパラメータを設定することで必要な画像サイズを取得しましょう。thumbnailサムネイル画像(メディア設定のサムネイルサイズ)medium中サイズ画像(メディア設定の中サイズ)large大サイズ画像(メディア設定の大サイズ)fullオリジナルの画像サイズまとめ今回はWP_Queryを使ってメディアライブラリの画像を直接表示する方法を解説しました。画像を中心としたサイト作りで非常に役立つと思うので、是非参考にしてみて下さい。2022/09/22TwitterFacebookLINEはてな関連記事Web制作PDF.jsの簡単な使い方、pdf全ページを縦一列に一覧表示する方法PDF.jsでpdf全ページを縦一列に一覧表示するプログラムを解説します。【Ubuntu】node.jsのバージョン管理システム「n」のインストール・使い方ubuntuで使用できるnode.jsのバージョン管理システム「n」について解説します。20.04】Ubuntu上でのLaravelの開発環境構築を解説します。【PHP】日時・日付をタイムスタンプに変更する方法PHPで日時・日付をタイムスタンプに変更する方法を解説します。【超簡単】Windows10,11でWSL2を使用したUbuntu(Linux)開発環境構築WSL2を使ったWindowsでのUbuntu(Linux)開発環境構築方法を解説します。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。深井ルナリスPCやガジェット、プログラミングなどが趣味です!最近はUbuntuにハマっています。