WP:WordPress(ワードプレス)

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」というプラグインです。

 

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

 

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

 

これで完了です!!!

WordPress短期学習プログラム

関連記事

  1. テキストエディタ

    WP(WordPress)

    WordPress テキストエディタにオリジナルのクイックタグを追加

    テキストエディタにオリジナルのクイックタグを追加テキス…

  2. WP:WordPress(ワードプレス)

    WP(WordPress)

    【WordPress】画像(メディア)のアップロードディレクトリを変更

    WordPressのメディアのアップロードディレクトリの変更方…

  3. BLOG(ブログ)

    WP(WordPress)

    弊社ブログのリニューアル

    エンジニアブログをリニューアルしました。理由は、・…

  4. WP:WordPress(ワードプレス)

    WP(WordPress)

    WP プラグイン「Crayon Syntax Highlighter」でコードを表示

    このブログでPHPやJavascriptなどのコードを乗せることがある…

  5. WP:WordPress(ワードプレス)

    WP(WordPress)

    WordPressだけが、特別、脆弱性が多いわけではないですよ。。。

    ネット上でWordPressについて検索していると、・Wo…

  6. バージョンアップ

    WP(WordPress)

    【WordPress】ついにPHP5.6.20以上の環境が必須に!

    発表されたのが少し前なので既にご存知の方の方が多いかもしれないですが、…

最近の記事

  1. PHP(ピー・エイチ・ピー)
  2. PHP(ピー・エイチ・ピー)
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. Security(セキュリティ)
  7. WP:WordPress(ワードプレス)
  8. WP:WordPress(ワードプレス)
  9. WP:WordPress(ワードプレス)
  10. アフィリエイト
PAGE TOP