WordPress に投稿のサムネイルを追加する方法


投稿サムネイルの人気は日に日に高まっています。雑誌のテーマの多くは、画像を特定の投稿に関連付け、後でホームページまたは投稿ページに表示します。投稿ページとカテゴリーページの両方に投稿のサムネイルが表示されます。古いバージョンでは、この機能はカスタム フィールド メソッドを使用して取得されていましたが、これはあまりユーザーフレンドリーではありませんでした。 WordPress Core Developers のおかげで、WordPress 2.9 の多くの注目すべき機能とともに、この機能もコアに追加されました。

ビデオを見るか、以下のチュートリアルを読んでください ?

ビデオ

初心者ガイド

WordPress ダッシュボードの投稿パネルのサイドバーにこのようなオプションが表示されます。

リンクをクリックすると、画像のアップロードページが表示されます。写真をアップロードすると、次のようなものが表示されます。

サムネイルとして使用するというリンクをクリックするだけです。これを実行すると、次のような画面が表示されます。

上の画面は、作業が完了したことを意味します。 「公開」をクリックするだけで、画像がサイトに表示されます。

開発者ガイド

この機能はコアに追加されていますが、すべてのユーザーが書き込み投稿パネルのサイドバーにこのオプションを表示するわけではありません。これは、テーマがサポートしている場合にのみ有効にできる機能の 1 つです。古い無料テーマはこれをサポートしていない可能性があるため、開発者に更新を依頼する必要があります。または、このチュートリアルに従って自分で更新することもできます。

まず、テーマフォルダー内のfunctions.php ファイルを開き、次のコードを貼り付ける必要があります。

add_theme_support( 'post-thumbnails' );

このコードにより、投稿とページの両方でテーマのサポートが有効になります。これで、ダッシュボードにオプションが表示されるようになります。ただし、テーマにコードをまだ追加していないため、テーマには表示されません。

次のコードを使用すると、ループ内の任意の場所にサムネイルを表示できます。

<?php the_post_thumbnail(); ?>

これは基本的な機能ですが、投稿のサムネイル サイズの指定など、より高度な機能を使用したい場合は、functions.php ファイルを開いて次のようにコードを貼り付けるだけです。

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 50, true );

寸法は幅 x 高さの順序で設定され、これらはピクセルです。

次の行を追加して、アイキャッチ画像の画像サイズを追加することもできます。

add_image_size( 'single-post-thumbnail', 590, 180 ); // Permalink thumbnail size

後で次のようにポスト ループで特定のサムネイル サイズを呼び出すことができます。

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

これは、この機能の全機能の詳細版です。誰もが従うことができるように、シンプルに保つよう努めました。この機能の詳細については、以下を確認してください。

投稿サムネイルに関する Mark Jaquith の記事
WordPress コーデックス