アイキャッチ関連の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 );
?>

プロフィール

MIYUKI
こんにちは、三重県四日市出身です。ネットショップやWordPressなどの制作やコンサルやセミナー講師等で教えています。このブログは最近雑多になってしまったため、備忘録として色々書いています。
■ はっちゃんセミナー
タイトルとURLをコピーしました