閉じる
閉じる
閉じる
  1. SEO対策としてディスクリプション(descriptionタグ)の最適…
  2. SEO対策としてタイトルタグ(titleタグ)の最適な文字数は
  3. wordpressでプラグインを使わずに画像をランダム表示させる
  4. Illustrator CC 2015で配置画像を収集する方法
  5. デザイン変更しました
  6. WordPressのユーザー権限の日本語表記と英語表記
  7. Thunderbird(サンダーバード)の左側のメールフォルダが表示さ…
  8. wordpressプラグイン「WP Slimstat」を日本語化する方…
  9. スマホで幅をデバイスサイズに合わせる方法
  10. AppleID作成でクレジットカードなしが表示されない
閉じる

海の森 SOHOデザイン ブログ

WPでアイキャッチ画像を表示させるタグ

こんにちは。
SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。

WordPressの新機能アイキャッチは非常に便利でよく使っております。

画像を一つアップすれば複数のサイズにリサイズして表示させることができます。

投稿画面等よりアイキャッチ画像を設定したら、
あとは下記のコードを表示させたい場所に貼付けるだけです。


・メディアのサムネイルサイズで表示

<?php the_post_thumbnail('thumbnail'); ?>
・メディアの中サイズで表示
<?php the_post_thumbnail('medium'); ?>
・メディアの大サイズで表示
<?php the_post_thumbnail('large'); ?>
・フルサイズで表示
<?php the_post_thumbnail('full'); ?>
・the_post_thumbnail関数を使用して表示
<?php the_post_thumbnail('array(100,100) ); ?>
・W300px×H180pxに縮小して切り抜く
<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 300, 180, true );
?>
・W300px×H300pxにリサイズする
<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 300, 300 );
?>


関連記事

  1. wordpressの個別記事で同一カテゴリーへのリンクのみ表示さ…

  2. wordpressの管理画面内のフッタの文言を変える方法

  3. WordPressバージョンアップ通知を削除する方法

  4. wordpressでログインしている場合のみ編集ボタンを表示

  5. wordpressで投稿記事を特定のカテゴリーのみ表示させる方法…

  6. WordPressで同一カテゴリーのページ送りを表示

コメント

  1. この記事へのコメントはありません。

  1. 2014年 5月 20日
  2. 2014年 6月 04日

CAPTCHA


ピックアップ記事

  1. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。長いURL…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。SEO対策…
  3. こんにちは。 SOHOデザイナーのAquaForest-アクアフォレスト-です。最近はi…
ページ上部へ戻る
Top