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のベスト関連投稿プラグインの専門家による選択も参照してください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
キラン
WordPressを使用してウェブサイトをデザインしました。現在、アイキャッチ画像に説明セクションが表示されています。
しかし、RSSフィードでアイキャッチ画像のURLを表示したいのです。
RSSフィードにアイキャッチ画像（media:thubnail）のURLを追加するにはどうすればよいですか？
お手伝いをお願いします…
WPBeginnerサポート
こんにちは、Kiranさん。
RSSフィードにアイキャッチ画像を追加する方法に関するガイドを参照してください。
管理者
サリム
WP Beginner、あなたの2番目のWordPress Codex！
モハン・クリシュナ
あなたのサイトは素晴らしいヒントを提供していますが、変更を加えた後にコードがどのように見えるかのデモを提供することをお勧めします。そうすれば、私のようなユーザーはそれを見て、それが最適かどうかを確認できます。ちなみに、訪問者は倍増する可能性があります。
トレイシーデンプシー
こんにちは、URLを直接取得する方法を探していますが、URLを取得するためのコードが記載された投稿ばかり見つかります。Thesisを使用しており、一部の投稿画像のWordPress画像エディターを使用して、カテゴリページの抜粋/ティーザー用にトリミングされた正方形のサムネイル画像を作成しました。しかし、画像のURLをThesisのサムネイルURLフィールドに貼り付けると、トリミングされたサムネイルを認識せず、元の画像をトリミングしてしまいます（これによりアスペクト比が歪みます）。そのため、ソース画像のサムネイルの直接URLを見つけようとしています。手伝ってもらえますか？よろしくお願いします！
ワイナンド
ここに投稿するのが正しいページかどうかわかりませんが、やりたいことは次のとおりです。
私は多くのウェブサイトを持っています。各ウェブサイトのサムネイルをWordPressのページに表示したいのですが、そのページのURLを追加するか、URLを囲むコードを追加するだけです。
誰か手伝ってくれませんか
ピポ・ゴロシート
おい、愛してるよ
ケビン・ドニガン
Awesome!! Thanks for this
Needed it for a custom loop with a sticky post on top and set the background image.
アビハイ
それは私を大いに助けてくれました
フィリップ
ありがとう！
チアゴ・ミロ
ありがとうございます。これで大きな問題が解決しました。
サレム
それで仕事になります、ありがとう。
クレア
Perfect, thank you
ルイス・フェルナンド・ゲデス
シェアしてくれてありがとう！
ニコラ
このチュートリアルを書いてくれてありがとう。なぜかわかりませんが、あなたが書いたコードは私にはまったく機能しませんでした。Codexにも記載されていることは知っています。いくつかのループ構成で試しましたが、うまくいきませんでした。
最近、別の関数get_post_thumbnail_id()と組み合わせて使用することで、これを機能させることができました。
ID ) ); ?>
ジョシュ
本当に素晴らしい記事です。ありがとうございます。
ジョットプレート・シン
こんにちは、Syedさん。いつもプラグインを使うことから離れるのは良いことですね。乾杯！