wordpressの投稿ページで、アイキャッチ画像を登録できるようにする

公開日: : 最終更新日:2016/03/24 WordPress

アイキャッチ画像を記事入力画面で有効化する

function.phpに以下のコードを追記します。

functions.php

<?php add_theme_support('post-thumbnails'); ?>

記事入力画面の有効化を記事タイプ別に指定するには

function.phpに以下のコードを追記します。

functions.php

/* 投稿ページのみ有効化 */
<?php add_theme_support( 'post-thumbnails', array( 'post' ) );  ?>

/* 固定ページのみ有効化 */
<?php add_theme_support( 'post-thumbnails', array( 'page' ) );  ?> 

/* 指定したカスタム投稿タイプのみ有効化 */
<?php add_theme_support( 'post-thumbnails', array( 'カスタム投稿タイプ名' ) );  ?>

/* 投稿と動画に有効化 */
<?php add_theme_support( 'post-thumbnails', array( 'post', 'movie' ) );  ?>

「the_post_thumbnail」でアイキャッチ画像を出力する方法

「ダッシュボード>設定>メディア」にあらかじめ設定した値で、アイキャッチ画像の大きさを指定する場合はこの方法が便利です。
phpファイルの出力したい場所に以下の文を追記します。

<?php the_post_thumbnail(); ?>

サイズの指定方法

/* サイズを数値で指定 (array(横px,縦px) */
<?php the_post_thumbnail(array(150,150)); ?> 

/* サムネイルの大きさで指定 */
<?php the_post_thumbnail('thumbnail'); ?> 

/* 中サイズの大きさで指定 */
<?php the_post_thumbnail('medium'); ?> 

/* 大サイズの大きさで指定 */
<?php the_post_thumbnail('large'); ?> 

/* フルサイズの大きさで指定 */
<?php the_post_thumbnail('full'); ?>

「set_post_thumbnail_size」でアイキャッチ画像を設置する方法

複数ページに渡り、同じ画像を違うサイズを個別に設定して、出力する場合などに便利です。
※pngの場合は後で設定しなおしても反映しますが、jpgの場合は後の設定が反映されないようです。
jpgは不可逆?
後々サイズを変更するおそれがあるなら、「ダッシュボード>設定>メディア」からの設置がよいかも…?

1. function.phpに以下のコードを追記

functions.php

<?php
set_post_thumbnail_size(640, 640, false );
add_image_size( 'thumbnail-a', 120, 120, false ); 
add_image_size( 'thumbnail-b', 120, 120, true );
?>
set_post_thumbnail_size(640, 640, false );

基本のアイキャッチの大きさを設定。
set_post_thumbnail_size(横サイズ, 縦サイズ,トリミングするかの指定)

add_image_size( 'thumbnail-a', 120, 120, false );

オリジナルのアイキャッチ名を設定して大きさを設定。
add_image_size('任意のアイキャッチ名', 横サイズ, 縦サイズ,トリミングするかの指定)
true/トリミングする false/縦横比を保持してトリミングしない

2. phpファイルにアイキャッチ画像の出力コードを記述

<?php the_post_thumbnail('thumbnail-a'); ?>


関連記事

wordpress

【WordPress】親ページに子ページの一覧をアイキャッチ付きで表示する

固定ページにおいて、親ページに、その子ページの「タイトル」「抜粋」「アイキャッチ画像」を一覧表示しま...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

no image
エコノミークラス症候群

エコノミークラス症候群とは?  エコノミークラス症候群は、旅行に関連

no image
巻き爪・陥入爪

巻き爪・陥入爪ってなに?  巻き爪とは、主に親指の爪の両端が「巻く」

no image
結婚お祝い金

披露宴に出る場合 祝儀袋の渡し方  受付でお祝いの言葉を述べ、祝儀

no image
結婚祝い

お祝い品選びと費用 お祝い品の選び方  新居を構える二人には、生活

no image
ダニ除去マニュアル

ダニ除去マニュアルについて  基本的なダニアレルゲン対策としては、

→もっと見る

PAGE TOP ↑