注目の画像サムネイルをWordPressテーマに追加するためのガイド
記事やページを編集するときに「注目の画像」ボックスに気付くかもしれません。記事に関連付けられた画像をアップロードまたは選択できます。通常、記事のリスト(カテゴリインデックスや検索結果など)を表示するときにサムネイルとして表示されます。テーマではサムネイルサポートを有効にする必要があります。すべてのテーマが機能するようにプラグインに追加できますが、これはすべての場合には機能しません。したがって、テーマフォルダー(wp-content/themes/
theme-name/)に「functions.php」ファイルを開くか作成する必要があります。 すべての記事タイプにサムネイルのサポートを追加するには、開いた
タグの後に次のコードを追加します:
<php></php>
add_theme_support('post-thumbnails');
またはページのみを有効にします:
add_theme_support('post-thumbnails', array('post'));
サムネイルサイズを設定します
add_theme_support('post-thumbnails', array('page'));
デフォルトのサムネイルサイズは、WordPress> Media画面の設定で設定できます。ただし、functions.phpでデフォルトの高さと幅を設定することもできます。
これにより、幅が100ピクセル、高さは75ピクセル(快適な4:3スケール)のサムネイルが生成されます。しかし、ユーザーが異なるアスペクト比(例:100 x 150)の画像をアップロードするとどうなりますか?この場合、画像全体がスペースに合わせて縮小され、結果のサムネイルは50 x 75になります。または、「true」を3番目のパラメーターとして渡すことで、硬い作物を定義できます。
set_post_thumbnail_size(100, 75);
set_post_thumbnail_size(100, 75, true);
注目の画像ボックスは、WordPressの投稿/ページ編集画面に表示されるようになりました。存在しない場合は、「画面オプション」で有効になっているかどうかを確認するか、functions.phpコードを確認してください。
サムネイルを使用して
サムネイルが設定されている場合は「真」に戻ります
出力にはサムネイルが含まれていますhas_post_thumbnail()
それだけです。すべてのWordPressテーマにサムネイルサポートを追加してください。 the_post_thumbnail()
(以下はFAQパーツです。元のFAQパーツに写真がないため、テキストコンテンツのみがここに保持されます)<
WordPressテーマに特徴的な画像サムネイル(FAQ)<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174001393669976.jpg" class="lazy" alt="How to Add Featured Image Thumbnails to Your WordPress Theme " /></img>
を追加するFAQWordPressでは、デフォルトで注目の画像または記事のサムネイルを追加できます。ただし、動的特徴の画像などのプラグインを使用して、複数の特徴的な画像を追加できます。プラグインをインストールしてアクティブにした後、記事編集画面から記事に複数の注目画像を追加できます。テーマファイルを更新して、これらの写真を正しく表示することを忘れないでください。
注目の画像が表示されない理由がいくつかあるかもしれません。これは、テーマやプラグインの競合、誤った画像サイズ、またはテーマが特徴的な画像をサポートしていない可能性があるためです。プラグインを1つずつ無効にして、プラグインがこの問題を引き起こしているかどうかを確認してください。これがうまくいかない場合は、トピックのfunctions.phpファイルを確認して、記事のサムネイルをサポートしていることを確認してください。
テーマのfunctions.phpファイルにカスタム関数を追加することにより、注目画像のサイズを変更できます。 add_image_size()
関数を使用して、新しい画像サイズを定義します。次に、テーマファイルのthe_post_thumbnail()
関数を使用して、新しい画像サイズを表示します。
はい、古い投稿に特集画像を追加できます。記事を編集し、記事編集画面から注目の画像を設定するだけです。たくさんの記事がある場合は、クイック注目画像などのプラグインを使用して、バッチで特集画像をセットアップできます。
デフォルトの特徴的な画像などのプラグインを使用して、デフォルトの特徴的な画像を追加できます。プラグインをインストールしてアクティブにした後、[設定]> [メディア]に移動して、デフォルトの機能画像を設定します。この画像は、記事に注目画像がない場合はいつでも使用されます。
WordPressには、デフォルトでRSSフィードに注目画像が含まれていません。ただし、RSS&MailChimp電子メールで注目画像のようなプラグインを使用して追加できます。または、テーマのfunctions.phpファイルにカスタム関数を追加して、RSSフィードに特集画像を含めることもできます。
はい、カテゴリのようなプラグインを使用して、カテゴリとタグに注目画像を追加できます。プラグインがインストールされてアクティブ化されたら、編集画面からカテゴリとタグの注目画像を設定できます。
注目の画像管理者の親指などのプラグインを使用して、WordPress Adminパネルに注目の画像列を追加できます。このプラグインは、記事リストに新しい列を追加して、各記事の注目画像を表示します。
CSSを使用して画像を特徴とするホバーエフェクトを追加できます。 Hoverセレクターをテーマのstyle.cssファイルに追加し、目的の効果を定義します。たとえば、画像がホバリングされてフェード効果を作成するときに不透明度を変更できます。
はい、Lightboxエフェクトを追加して、単純なライトボックスなどのプラグインを使用して画像を機能させることができます。プラグインをインストールしてアクティブにした後、注目の画像をクリックすると、ライトボックスで開きます。
以上がWordPressテーマに特集画像サムネイルを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。