*

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

おすすめトピックス

関連記事

知識不要!簡単にWordPressに画像スライダーを付けられる「Easing Slider」の使い方

ウェブサイト上で一枚の画像が次々と切り替わっていくものを画像スライダーとかスライドショーと言います。企業サイトや個人サイトでも至るところで見かけるようになりました。 このスライドショーは色々なタイプの物が jQuery […]

wordpress
今何記事目?WordPressで公開記事数を表示する

WordPress で公開記事数を調べたければ管理画面(ダッシュボード)に行けばすぐにわかっちゃうのですが、サイト上に表示したいという人もいるかもしれません。 ブログならそんなに記事数をわざわざ閲覧者にアピールする必要も […]

常時SSL
wpXが無料でWordPressの常時SSL機能を提供開始!簡単にhttps化できちゃいます

SSL という言葉は馴染みがないかもしれませんが、https という言葉なら見たことがあるでしょう。ウェブサイトの URL の始まりは「http://」か「https://」のどちらかです。普通のサイトなら前者の方が多い […]

wpX
WordPress専用超高速サーバー「wpX」へ移転で詰まった事

当ブログを WordPress 専用レンタルサーバー「wpX」へサーバー移転を行いました。高速サーバーを謳うレンタルサーバーはとても月額費用が高くてなかなか手を出せなかったのですが、wpX は月額1,000円(12ヶ月契 […]

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

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

WordPressのメンテナンス中プラグインを入れても管理者もサイトが見られない場合

WordPress で作っているサイトをリニューアルするために同じサーバーで大改修を行う場合、そのまま行うとリニューアル作業中の状態もサイトを訪れた人に見られてしまうのでそれではちょっと問題です。サイトを訪れた人には「た […]

著者について

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

フォローはこちら

       

       
ふわふわかき氷が年中楽しめる彦根市のかき氷専門店「氷茶屋百笑」

かき氷といえば夏のスイーツという枠を越え始めている2018年今

札幌駅から一番近くのスープカレー、奥芝商店実家でランチ

北海道に来たからにはスープカレーを食べなきゃ!と心踊らせて観光

永山カレー
札幌の旧永山武四郎邸にあるカフェ、和洋折衷喫茶ナガヤマレストでランチ

札幌のサッポロファクトリーの隣にある永山記念公園には、北海道指

魚介のアヒージョ
江別市野幌の「カフェ&デリ マチノキ」で北海道食材豊かなディナー

江別市の野幌町、野幌駅の近くに江別市のフレンチレストラン「シェ

羽田空港第2ターミナルビル(ANA側)のスターバックスの場所はどこ?

羽田空港にはスターバックスが3店舗あります。第1ターミナルビル(JAL

→もっと見る