admin【WordPress】アイキャッチ画像を投稿ページや固定ページに表示させる方法ツイートシェアはてブGoogle+Pocketアイキャッチ画像は、バージョン3.0から実装された機能のため、使用するテーマによってはアイキャッチ画像の実装がされていなかったり、テーマによってはそもそも表示しないといった仕様といったことがあります。そこで、記事やページでアイキャッチ画像を表示する方法を解説します。まとめアイキャッチ画像を表示する上で必要な作業アイキャッチ画像を表示するために3箇所修正するファイルが出てきます。(固定ページでアイキャッチ画像の表示が不要であれば修正箇所は2か所となります。)functions.php:アイキャッチを使用するためにコード追記が必要single.php(投稿ページ):アイキャッチを表示させるためにコード追記が必要page.php(固定ページ):アイキャッチを表示させるためにコード追記が必要それでは早速修正していきましょう。functions.phpファイルにコードを追記するアイキャッチ画像を使用するには、使用中のテーマのfunctions.phpにアイキャッチ機能を有効にするためのコードを追記する必要があります。1「テーマの編集」を開くWordPressにログイン後、左メニューから「外観」→「テーマの編集」をクリックします。2「functions.php」を開く右にあるファイル一覧から「functions.php」ファイルをクリックします。3PHPコードを追記するアイキャッチ画像を有効にするためにfunctions.phpファイルの最下部に下記コードを追記します。最下部が「?>」となっている場合は、「?>」の前の行に追記してください。無ければ最下部に追記します。);set_post_thumbnail_size(横幅,縦幅,切り抜きの有無)はアイキャッチ画像の最大サイズを指定する関数です。最大サイズを超える場合は、切り抜きの有無が「true」の場合画像を切り抜きます。切り抜きをしたくない場合は、falseに変更するこどで切り抜かずに表示することができます。4ファイルを更新するPHPコードの追記ができたら「ファイルを更新する」ボタンをクリックして保存をします。保存後、「ファイルの編集に成功しました。」とメッセージが表示されたら追記完了です。single.php(投稿ページ)にアイキャッチ表示のコードを追記するつぎに、投稿ページでアイキャッチ画像を表示させるための対応をおこないます。1「single.php」を開くテーマの編集画面の右側にあるファイル一覧から「single.php」ファイルをクリックして開います。2PHPコードを追記するアイキャッチ画像を表示したい箇所に下記PHPコードを追記します。■テーマによって別ファイルを読み込んでいる場合があるテーマによって「single.php」ファイル内で別ファイルを読み込んでいる場合があります。その場合は読み込んでいるファイルを確認してください。Ten」の場合は「loop-single.php」に追記する必要があります。■追記する場所の探し方the_content()と書かれている部分が、本文が表示されるところになります。追記する場所がわからない場合は、「the_content()」で検索してその前の行に追加してみてください。?></div>アイキャッチを指定しないページで代替画像を表示したい場合は、下記コードを追記してください。アイキャッチが画像が設定されていない場合は、代替画像が表示されるようになります。/>';}?></div>3ファイルを更新するPHPコードの追記ができたら「ファイルを更新する」ボタンをクリックして保存をします。保存後、「ファイルの編集に成功しました。」とメッセージが表示されたら追記完了です。page.php(固定ページ)にアイキャッチ表示のコードを追記する固定ページにも表示したい場合は、先ほどのsingle.php(投稿ページ)にアイキャッチ表示のコードを追記するやり方で「page.php」ファイルに同様のPHPコードを追記してください。スポンサーリンク動作確認PHPコードの追記が完了したら動作確認をしましょう。アイキャッチ画像を設定してみる記事投稿からアイキャッチ画像を設定します。1投稿ページの編集画面を開く左メニューにある投稿からアイキャッチ画像を設定したい投稿の編集画面を開きます。2アイキャッチを設定する右カラムの「アイキャッチ画像」というボックスが追加されているので「アイキャッチ画像を設定」をクリックしてアイキャッチ画像を設定してください。3保存をクリックアイキャッチ画像が設定できたら「保存」ボタンをクリックします。保存後、「投稿を更新しました。」とメッセージが表示されたら完了です。先ほど設定した記事ページを表示してみてください。アイキャッチ画像が表示されているか確認します。アイキャッチ画像が設定されていない場合は、下記のように表示されます。スポンサーリンクまとめいかがだったでしょうか。アイキャッチ画像を投稿ページや固定ページに表示する方法を紹介しました。アイキャッチ画像を設定することで、記事の見栄えも良くなりTwitterやFaceBookなどのSNSの拡散も起こりやすくなると思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。【WordPress】記事に挿入する画像(メディアを追加)に任意のclassを追加する方法RECOMMENDこちらの記事も人気です。誤って呼び出されました。調べもの当サイトについてWordPressのあれこれまとめています。多くの方に役立つ記事が掲載できればと思っています。