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】親ページに子ページの一覧をアイキャッチ付きで表示する
固定ページにおいて、親ページに、その子ページの「タイトル」「抜粋」「アイキャッチ画像」を一覧表示しま...
- PREV
- 画像をマウスオーバー時に半透明にする
- NEXT
- インラインCSSの記述で画像を回転させる方法