WordPress(WP)

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の短期学習プログラムを
格安で提供しております。

  • 個人でWordPressを使ったサイト構築をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. WordPress(WP)

    WP(WordPress)

    WPの投稿画像が大き過ぎる場合

    WordPress 画像の横幅が大きすぎる場合の対応W…

  2. WordPress(WP)

    WP(WordPress)

    HTTPのレスポンスヘッダーから要らない情報を削除

    弊社で運用している某ブログのWPのバージョンをアップしたのですが、…

  3. WordPress(WP)

    WP(WordPress)

    WP 360°パノラマ写真(全天球画像)の埋め込みを行えるプラグインを検証

    シータ(Ricoh Theta)が楽しくなってきたので、今後はこの…

  4. WordPress(WP)

    WP(WordPress)

    WP アイキャッチ画像を管理画面の投稿一覧に表示

    前回の記事、アイキャッチ機能の追加の続きになるのですが、WordP…

  5. WordPress(WP)

    WP(WordPress)

    WP ZIPファイルからプラグインをインストール

    ダウンロードしたZIP形式のファイルからプラグインをインストールしてみ…

  6. WP(WordPress)

    Nginx+WordPressでブログを運営

    WordPressブログを構築本日は、WordPr…

最近の記事

  1. WordPress(WP)
  2. 404 Not Found
  3. WordPress(WP)
  4. WordPress(WP)
  5. PHP
  6. PHP
  7. 風邪予防
  8. WordPress(WP)
  9. PHP
  10. 宅建
PAGE TOP