WordPressテーマや子テーマを作成する際、投稿のサムネイルが表示されないと開発者はイライラすることがあります。これは開発中の大きな障害となる可能性があります。
彼らが必要としているのは、コードで使用できる簡単な画像URL取得方法です。
幸いなことに、これは私たちが何度も行ってきたことであり、この一般的な問題を解決するための簡単な方法を知っています。
このガイドでは、WordPressで投稿のサムネイルURLを抽出する方法を説明します。ワークフローを簡素化し、時間を節約できる便利なトリックを共有します。
WordPressで投稿サムネイルのURLを取得する理由
WordPressブログにサムネイルまたはアイキャッチ画像を追加すると、視覚的な興味が加わり、投稿がより魅力的に見えます。詳細については、WordPressでアイキャッチ画像または投稿サムネイルを追加する方法に関するガイドをご覧ください。
ソーシャルメディアで投稿を共有したい場合、投稿にアイキャッチ画像またはその他の画像のリンクをコピーする必要があるかもしれません。WordPressにアップロードした画像のURLを取得する方法に関するガイドで、その手順をステップバイステップで説明しています。
ただし、独自のテーマを開発している場合や、既存のテーマを変更している場合は、カスタムマークアップで使用するために投稿のサムネイルURLを取得する必要があるかもしれません。この場合、テーマファイルにコードスニペットを追加する必要があります。
WordPressで投稿のサムネイルURLを取得する方法を見てみましょう。
WordPressで投稿のサムネイルURLを取得する方法
ポストサムネイルのURLを取得するには、カスタマイズしているテーマのテンプレートにコードを追加する必要があります。詳細については、WordPressにカスタムコードを追加する方法に関するガイドを参照してください。
単純に投稿のサムネイルを表示したいだけであれば、作業中のテンプレートのWordPressループ内に、このPHPコードを貼り付けることができます。
echo get_the_post_thumbnail(get_the_ID(),'medium');
しかし、投稿のサムネイル画像を独自のカスタムマークアップで表示したい場合や、サムネイルをテーマで他の方法で使用したい場合は、投稿のサムネイルURLを取得する必要があります。
代わりに、このコードをテンプレートに貼り付ける必要があります。
echo get_the_post_thumbnail_url(get_the_ID(),'medium');
このコードは、アイキャッチ画像のURLを表示するだけです。その後、コードをカスタマイズして、投稿のサムネイルURLを好きなように使用できます。
サムネイルのサイズをカスタマイズすることもできます。「medium」という単語を、「thumbnail」、「medium-large」、「large」、「full」などの別のデフォルト画像サイズに置き換える必要があります。
または、作成した追加の画像サイズを使用することもできます。カスタム画像サイズを使用する場合は、必ずサムネイルを再生成してください。
このチュートリアルがWordPressで投稿のサムネイルURLを取得する方法を学ぶのに役立ったことを願っています。また、WordPressで子ページを作成する方法や、専門家が選んだWordPressのベスト関連投稿プラグイン5選に関するガイドもご覧ください。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
Kiran
WordPressを使用してウェブサイトをデザインしました。現在、アイキャッチ画像に説明セクションが表示されています。
しかし、RSSフィードでアイキャッチ画像のURLを表示したいのです。
RSSフィードにアイキャッチ画像（media:thubnail）のURLを追加するにはどうすればよいですか？
お手伝いをお願いします…
WPBeginnerサポート
こんにちは、Kiranさん。
RSSフィードにアイキャッチ画像を追加する方法については、当社のガイドをご覧ください。
管理者
Salim
WP Beginner、あなたの2番目のWordPress Codex！
Mohan Krishna
あなたのサイトは素晴らしいヒントを提供していますが、変更を加えた後にコードがどのように見えるかのデモを提供することをお勧めします。そうすれば、私のようなユーザーはそれを見て、それが最適かどうかを確認できます。ちなみに、訪問者は倍増する可能性があります。
TracyDempsey
こんにちは、URLを直接取得する方法を探していますが、URLを取得するためのコードが記載された投稿ばかり見つかります。Thesisを使用しており、一部の投稿画像のWordPress画像エディターを使用して、カテゴリページの抜粋/ティーザー用にトリミングされた正方形のサムネイル画像を作成しました。しかし、画像のURLをThesisのサムネイルURLフィールドに貼り付けると、トリミングされたサムネイルを認識せず、元の画像をトリミングしてしまいます（これによりアスペクト比が歪みます）。そのため、ソース画像のサムネイルの直接URLを見つけようとしています。手伝ってもらえますか？よろしくお願いします！
Wynand
ここに投稿するのが正しいページかどうかわかりませんが、やりたいことは次のとおりです。
私は多くのウェブサイトを持っています。各ウェブサイトのサムネイルをWordPressのページに表示したいのですが、そのページのURLを追加するか、URLを囲むコードを追加するだけです。
誰か手伝ってくれませんか
pipo gorosito
おい、愛してるよ
Kevin Donnigan
Awesome!! Thanks for this
Needed it for a custom loop with a sticky post on top and set the background image.
abhay
それは私を大いに助けてくれました
Philipp
ありがとう！
Thiago Miro
ありがとうございます。これで大きな問題が解決しました。
salem
それで仕事になります、ありがとう。
クレア
Perfect, thank you
ルイス・フェルナンド・ゲデス
シェアしてくれてありがとう！
ニコラ
このチュートリアルを書いてくれてありがとう。なぜかわかりませんが、あなたが書いたコードは私にはまったく機能しませんでした。Codexにも記載されていることは知っています。いくつかのループ構成で試しましたが、うまくいきませんでした。
最近、別の関数get_post_thumbnail_id()と組み合わせて使用することで、これを機能させることができました。
ID ) );
?>
<img src="” alt=”” />
ジョシュ
本当に素晴らしい記事です。ありがとうございます。
Jotpreet Singh
こんにちは、Syedさん。いつもプラグインを使うことから離れるのは良いことですね。乾杯！