WordPressで注目画像を追加したり、サムネイルを投稿する方法

投稿のサムネイルとも呼ばれる注目の画像は、WordPressテーマで人気のある機能です。現在、ほとんどのWordPress写真のテーマ、レストランのテーマ、教会のテーマ、およびその他の種類のテーマには、投稿のサムネイルのサポートが組み込まれています。この記事では、WordPressで注目の画像や投稿のサムネイルを追加する方法を説明します.


注目の画像と投稿のサムネイルを同じ意味で使用している理由を考えているかもしれません。この機能がWordPress 2.9で最初に導入されたとき、投稿のサムネイルと呼ばれていました。ただし、次のバージョンでは、注目の画像に名前が変更されました.

WordPressの注目画像の初心者向けガイド

注目画像または投稿サムネイルはテーマ機能です。 Genesisなどのほとんどのテーマは、デフォルトで注目の画像をサポートしています.

テーマが特集画像をサポートしているかどうかを簡単に判断する方法は、投稿エディターにアクセスすることです。新しい投稿を作成し、少し下にスクロールして、画面の右側に「注目の画像」というメタボックスがあるかどうかを確認します.

WordPressの注目画像メタボックス

ビデオチュートリアル

WPBeginnerを購読

ビデオが気に入らない、またはさらに説明が必要な場合は、読み続けてください.

WordPressに投稿サムネイルまたは注目画像を追加する

注目の画像をWordPress投稿に追加するには、上のスクリーンショットに示す注目の画像メタボックス内の[Set Featured Image]リンクをクリックするだけです。.

WordPress Media Uploaderが開きます。これを使用して、コンピューターから画像をアップロードしたり、メディアライブラリから既存の画像を使用したりできます。画像を選択したら、[Set Featured Image]ボタンをクリックするだけです.

WordPressでの注目画像の設定

次のように、画像が[注目画像]メタボックスに表示されます。

WordPress投稿に追加された注目の画像

テーマでは画像が少し異なる場合があることに注意することが重要です。それはすべて、テーマが注目の画像をどのように処理するかに依存します.

一部の雑誌のテーマでは、メインページのサイドポストの要約に小さなサムネイルを使用し、シングルポストビューには大きなバージョンを使用しています.

テーマ開発者が定義した設定に応じて、注目の画像が投稿とともに自動的に表示されます。ただし、テーマが注目の画像や投稿のサムネイルを処理する方法を変更する場合は、読み続けてください。.

注意: これより下のものはすべてコーディングの知識が必要になります.

WordPressのテーマ画像と投稿サムネイルへのテーマ開発者ガイド

注目画像は多くのテーマでサポートされている人気のある機能ですが、注目画像をサポートしていないテーマを使用している可能性があります。その場合は、テーマ画像のサポートをテーマに追加できます。テーマファイルの編集に慣れていて、CSSの使い方がわかっている場合は、自分で編集できます。.

注目の画像サポートをWordPressテーマに追加するには、テーマのfunctions.phpファイルに次のコード行を追加する必要があります。

add_theme_support( ‘post-thumbnails’);

このコードは、投稿とページの注目画像のサポートを有効にします。投稿またはページに移動できるようになり、注目の画像オプションが有効になっていることがわかります。ただし、注目画像を設定すると、WordPressテーマに自動的に表示されません。テーマにフィーチャー画像を表示するには、テンプレートを編集し、フィーチャー画像を表示する場所に次のコード行を追加する必要があります。

<?php the_post_thumbnail(); ?>

上記のコードを追加するファイルは、テーマによって異なります。ポストループ内にコードを追加する必要があります.

上記のコードは、フィーチャー画像のサポートを追加し、テーマにフィーチャー画像を表示するために必要な基本機能です。アップロードする注目画像の画像サイズを設定するには、このコード行をfunctions.phpファイルに追加する必要があります.

set_post_thumbnail_size(50、50);

set_post_thumbnail_sizeのパラメーターは、幅、高さの順になっています.

追加の画像サイズを設定して、_post_thumbnail()関数で使用することもできます。例えば:

//単一の投稿の画像サイズ
add_image_size( ‘single-post-thumbnail’、590、180);

この例では、新しい画像サイズを追加しました シングルポストサムネイル 高さ590px、高さ180px。この画像サイズをテーマで使用するには、適切なテーマファイルに追加する必要があります。詳細については、WordPressでの画像サイズの追加に関するガイドをご覧ください。.

以前に注目の画像をアップロードしたにもかかわらず、他のサイズで表示されている場合は、古い投稿のサムネイルと画像サイズを再生成する必要があります.

以下は、特定の画像サイズでの注目画像機能の例です.

<?php the_post_thumbnail( ‘single-post-thumbnail’); ?>

これは完全な機能のバージョンです。注目の画像の機能をさらに拡張できます。たとえば、投稿のサムネイルにデフォルトの代替画像を設定したり、キャプション付きの注目画像を表示したり、複数の投稿のサムネイルや注目画像を追加したりできます.

この記事が、注目の画像を追加したり、WordPressにサムネイルを投稿したりする方法の学習に役立つことを願っています。また、WordPressの14の最も優れた画像プラグインとチュートリアルのリストを確認することもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map