ベストセラー人気 WordPress テーマTop 30 詳細

[WordPress]最初のイメージを自動的に特性の画像に設定する方法

Last Updated:2023年1月30日| | 5のコメント

WordPressで、属性イメージがない文が多い場合にテーマに沿ってカテゴリやブログのページに属性画像(サムネイル)が表示されないことがあります。

特性の画像がない場合はチェックして、その文で最初にアップロードされた画像を特徴画像に設定するようにすれば、このような問題が解決されています。

特性の画像がない場合に文の最初のイメージを自動的に特性の画像に設定する方法で直接コードを使用している関数のファイルに追加したり、プラグインを使用することができます。

参考までに WordPress 韓国語版では、Featured Imageの翻訳が「特性イメージ」になっています。 一部のバージョンでは「代表画像」と表示される場合があります。

[この記事は2023年1月30日に最終更新されました。 ]

最初のイメージを自動的に特性の画像に設定する方法

ユーザーコードを使用して、自動的に最初のイメージを特徴画像に設定する

次のようなコードをテーマの関数ファイル(のfunctions.php)に追加して、テストしてみてください。 なるべくチャイルドテーマを作成作業することをお勧め(参照).

function auto_featured_image() { global $post; if (!has_post_thumbnail($post->ID)) { $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" ); if ($attached_image) { foreach ($attached_image as $attachment_id => $attachment) { set_post_thumbnail($post->ID, $attachment_id); } } } } // Use it temporary to generate all featured images; すべての属性イメージを一時的に生成するために使用されるadd_action( 'the_post'、 'auto_featured_image'); // Used for new posts、新しい投稿に使用 add_action('save_post', 'auto_featured_image'); add_action( 'draft_to_publish'、 'auto_featured_image'); add_action( 'new_to_publish'、 'auto_featured_image'); add_action( 'pending_to_publish'、 'auto_featured_image'); add_action( 'future_to_publish'、 'auto_featured_image'); //ソース:gavick.com

上記のコードを関数ファイルに追加するには、FTPを使用します。 FTPの使い方は この記事を参考にしてみてください。

※上記のコードは最新 WordPress バージョンで GeneratePress など一部のテーマではうまく機能しますが、 Diviテーマに使用すると、ページ保存時に保存できないエラーが発生しました。

プラグインを使用して、最初の画像を特徴画像に設定する

上記の方法がうまくいかなかったり、チャイルドテーマを使用することが煩わしく思われる場合、プラグインを使用してみることができます。

プラグインを使用して、最初の画像を特徴画像に設定する

簡単には、サムネイルを追加しますというプラグインがこれらの役割をするプラグインです。 プラグインの説明を見ると、「自動的に特定の画像を記事にアップロードされた最初のイメージに設定します(サムネイルをサポートするすべてのポストタイプをサポート)。

プラグインを使用することは望ましくありませんが簡単に目的の機能を実装することができます。

上記のコードやプラグインが好きなように動作しない場合WordPressで、外部の画像を特徴画像に設定する方法「で紹介するFeatured Image from URL(FIFU)プラグインが必要な機能を提供しているかどうかを確認してください。

FIFUの場合、無料版でも最初の画像を特性画像に設定する機能が提供されていましたが、最新バージョンでテストしてみると、最初の画像(またはN番目の画像)を特性画像に設定する機能が有料版でのみ提供されるように変わったようです。 。

メモ:


5のコメント

コメント

?

  1. こんにちは! 気になることがあります。 ご案内いただいた方法で最初の画像をサムネイルとして使用しております、ありがとうございます。
    私がサムネイル画像の割合を16:9に合わせたいのですが、画像が正方形の場合はそのまま使用されています。

    もしサムネイルの割合をcssやfunctionと同じ方法で16:9に合わせる方法があるのでしょうか?

    応答
    • 幅(幅)が固定されていれば簡単に可能ですが、画面解像度によって画像サイズが変わる場合は、グーリングしてその状況に合ったCSSを見つけて適用してみてください。

      예:
      https://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css

      応答
  2. 今回変えたテーマは、最初に使用した画像を、特定の画像にしてくれる機能があります。
    そうしたら前に手動で入れた特定の画像がこの記事でタイトルより上に表示されてしまうのですね。
    検索してみると次のようにチャイルドテーマに入れるとなるとしてチャイルドテーマのstyle.cssに入れても変化がないですね。 どうでしょうか
    .single-post .entry-featured {
    表示:なし;
    }

    応答
    • テーマオプション内見れば特性の画像を表示しないようにしてくれるオプションがあるようです。

      もし見つからない場合は、次のコードを使用してください。

      article[class*="type-"] .entry-cover {
      display: none !important;
      }

      応答
WordPress Naver カフェを訪れる

ありがとうございます!