WP:WordPress(ワードプレス)

WP add_image_sizeでアイキャッチ画像のサイズを追加

既に運用を開始してしばらく経つブログの仕様追加で、

「新着順に記事の一覧をサイトのトップページに表示したい!」とお客さんから要望を頂きました。

もちろん、サムネイル付きで!!

 

ただ、

デフォルトのメディアサイズは既に使用しているので、

今回は新たに別サイズのサムネイルを切り抜きで追加する事にしました。

 

add_image_size(サイズ名称 , 横幅 , 高さ , オプション)を使用すれば簡単ですね。

 

例えば、横幅200px、高さ200px、切り抜きを設定した場合には、

add_image_size("addsize01", 200, 200, true );

functions.phpに追加するだけです。

 

因みに、

第4因数の「true」を「false」に変更すると、画像は切り抜きではなく縮小になります。

 

あとは、

<?php echo wp_get_attachment_image(get_post_thumbnail_id($post->ID), addsize01); ?>

と記述してやれば、

追加したサイズの画像をユーザー側に表示させる事が出来ます。

 

で、完成!!

としたいところですが、

まだ完成ではないですね。

 

過去に投稿した既存記事には今回追加したサイズの画像は存在しません。

 

そんな時にお世話になるが「Regenerate Thumbnails」というプラグインです。

 

こいつは過去記事の画像も一括で作り出してくれるという優れモノです。

 

使い方もかなり簡単で、直観的に分かると思います。
※全画像を作り直すみたいなので、実行前には必ず画像のバックアップを取っておく必要があります。

 

これで完了です!!!

この記事を書いている人
株式会社ディープ
名前足立拓也

メールアドレスadachi@deep-deep.jp

関連記事

最近の記事

  1. ドメインについて
  2. WP:WordPress(ワードプレス)
  3. URL設計(URLデザイン)
  4. URL「ディレクトリ名」と文字アンダースコア(_)とハイフン(-)
  5. SEO対策(外部ファイルの読み込み)
  6. URL リダイレクト
  7. インデックスされない
  8. 内部対策は必要?
  9. CMS(シーエムエス)
  10. SEO業者は必要?

Twitter

アーカイブ

PAGE TOP