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

wordpress 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'); ?>

コメント

タイトルとURLをコピーしました