起業アイデアのネタ・WEB活用の伊藤みゆきブログ


スポンサードリンク

アイキャッチ関連のWordPressのテンプレートタグまとめ

アイキャッチ関連のWordPressのテンプレートタグまとめ

みなさん、こんにちは、

WordPressでサイトを作って行く時に便利なのがWordPressのテンプレートタグです。

新機能であるアイキャッチ機能関連のテンプレートタグをまとめて紹介してみようと思います。

アイキャッチは画像を一つアップロードすれば

いくつかの複数のサイズに切り抜かれて保存されますので、一つで複数使えてとても便利です。

当ブログでは、アイキャッチ画像と同じものを投稿の記事の一番上にフルサイズで表示させています。

アイキャッチの設定について

投稿画面の右下にある「アイキャッチ画像」から「アイキャッチ画像を設定」をクリックして

アイキャッチ用の画像を選択して保存します。

表示したい場所にテンプレートタグを貼ります

下記のコードを表示させたい場所にコピペで貼付けます。

例えば

● 設定のメディア設定で指定した「サムネイルサイズ」で表示

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

● 設定のメディア設定で指定した「中サイズ」で表示

<?php the_post_thumbnail('medium'); ?>

● 設定のメディア設定で指定した「大サイズ」で表示

<?php the_post_thumbnail('large'); ?>

● 実際のアップロードした実際のサイズ「フルサイズ」で表示

<?php the_post_thumbnail('full'); ?>

● W350px×H220pxに画像を縮小して指定したサイズで切り抜いて表示

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 350, 220, true );
?>

● the_post_thumbnail関数を使用して表示

<?php the_post_thumbnail('array(250,250) ); ?>

● W350px×H220pxに画像を縮小して指定したサイズで切り抜いて表示

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 350, 220, true );
?>

スポンサードリンク
URL :
TRACKBACK URL :
Return Top