*

WordPressで中サイズ画像を取得しアイキャッチ画像を自動で投稿に表示する

公開日: : WordPress

アイキャッチ画像を自動で投稿に表示

WordPress でブログやサイトをやっている人なら、冒頭にアイキャッチ画像を入れる人も多いと思います。今このブログ記事でも上のような画像の事です。

通常 WordPress ではまず投稿のアイキャッチ画像の設定画面で画像を登録し、投稿にも手動で img タグで画像を挿入するという方法が取られていると思います。それが、自動で投稿にアイキャッチ画像が表示されるようにすればとても便利なんです。わざわざ手動でアイキャッチ画像を挿入しなくても良くなるので一手間減って時短にもなります。

しかし既に始めてしまっているブログでやるとおかしな事になるので、新規に作る WordPress ブログで予めこのカスタマイズを組み込んでおくととても楽ちんです。

アイキャッチ画像を自動で表示するカスタマイズ

メディア設定

まず前準備として、WordPress 管理画面の設定からメディア設定を開いて、画像の中サイズを設定を変更しましょう。あなたのブログのコンテンツが入る部分の横幅のサイズを入力します。高さも同じ値で良いでしょう。

次に WordPress 管理画面の外観からお使いのテーマ編集を選び、個別投稿(single.php)を編集します。この部分はお使いのテーマによって若干異なります。

タイトルの下、メインコンテンツが入る div タグの上にアイキャッチ画像を表示する仕組みを入れます。

アイキャッチ画像を取得するには下記のように記述します。

<?php the_post_thumbnail(); ?>

しかし、これではサムネイルサイズの画像しか出力されません。ここでは先程メディア設定で設定した中サイズ画像を出力する必要があります。

<?php the_post_thumbnail('medium'); ?>

かっこの中に medium を加えると、中サイズ画像を出力してくれます。

おわりに

アイキャッチ画像を使うには予め宣言して有効化する操作が必要です。お使いのテーマによっては有効化されていて特別に設定は必要ありませんが、有効化されていない場合は別途設定が必要です。

有効化するには、テーマのための関数 function.php に以下のように追記します。

add_theme_support('post-thumbnails');
  • Pocket

おすすめトピックス

関連記事

Stingerで特定記事だけAdsenseを表示しないようにする

このブログでも使っている WordPress の人気テーマ Stinger3 で Adsense を表示しないようにする方法を紹介します。Stinger5 でも同様です。 目次1 Adsenseを非表示にする必要性2 S […]

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応せざるを得なくなるんじゃないかなぁと思っています。AMP とはスマートフォンなどのモバイル端末でのウェブ閲覧を爆速化するプロジェクトです。AMP に対応したウ […]

YARPPの関連記事サムネイルのアスペクト比(縦横比)がおかしい時の修正方法

YARPP(Yet Another Related Posts Plugin)は有名なプラグインなので WordPress でブログやサイトを運営している人なら目にした事もあるでしょう。関連記事を表示してページ回遊を促す […]

WordPressメディアライブラリ
WordPressでメディアライブラリの画像を検索しやすくする為にすべき事

WordPress でサイトやブログを運営していると記事数もさることながら、使用している画像もかなりの数にのぼると思います。WordPress のメディアライブラリには相当な枚数の画像が格納されているでしょう。 ある時、 […]

アップロード中にエラーが発生しました。
WordPressで画像がエラーでアップロードできなくなる原因

WordPress でサイト(ブログ)を運営していて恐怖のエラーがあります。それはもう Windows で言えばブルースクリーンが発生した時のように蒼白になります。 それは新たに画像をアップロードできなくなるエラーです。 […]

WordPressでリンク元によってデザインを変える、phpでリンク先に変数を送る方法

ちょっと変わったケースの依頼で1つの WordPress に2つのサイトを共存させ、一部ページは2つのサイトで共通に使いたいというものがありました。ようするに1つの WordPress 管理画面で2つのサイトを管理したい […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
Aipo8.1.1オープンソース版で2018年の祝日設定を行う(さくらのVPS)

オープンソース版の無料グループウェア「Aipo」のサポートが2

タイヤのホイールナットが緩んで紛失、1個で買う方法はあるか

車の発進時や曲がる時にわずかなゴリッという音がする事に気づいて

高速道路
高速道路の上りと下りってどっち方面?全国高速道路総まとめ

高速道路には進行方向によって「上り」と「下り」という表現があり

名古屋久屋大通(丸の内)の「Cafe One」で居心地良い空間でおうちごはんランチ

名古屋観光で名古屋テレビ塔と久屋大通公園を見に行った際にランチ

豊田合成リンク
名古屋栄の豊田合成リンクで氷じゃないスケートリンクで滑ってきた感想

名古屋市の栄に氷じゃないスケートリンクがあるという話を連れに聞

→もっと見る