TAG : アイキャッチ画像

wordpress アイキャッチ画像や「メディアを追加」で生成されるサムネイル

2013年7月4日

アイキャッチ画像の設定や「メディアを追加」(本文に挿入するしないに関わらず)を行うと、「設定」→「メディア」ページで設定した基本サイズ(thumbnail,medium,large)、「set_post_thumbnail_size()」で指定したサイズ(post_thumbnail)、及び add_image_size() で指定したサイズのサムネイルが自動的に生成される。 カスタム投稿タイプごとに異なるサムネイルサイズが必要な場合、仮に下記のような設定を functions.php に記述した場合、下記で指定した6種類のサイズのサムネイル及び基本サイ…

続きを読む

wordpress アイキャッチ画像を Lightbox のようなモーダルウィンドウで表示

2013年6月24日

ページに特定のサイズで表示したアイキャッチ画像をクリックすると、 Lightbox のようなモーダルウィンドウで拡大画像を表示する方法のメモ。 現在表示されているアイキャッチ画像の ID を get_post_thumbnail_id($post->ID) で取得。 wp_get_attachment_image_src() を利用して、拡大表示するアイキャッチ画像の URL、幅、高さを取得。 アイキャッチ画像は「the_post_thumbnail()」でサイズ(’m_size’)を指定して出力。 アイキャッチ画像には拡大表示す…

続きを読む

wordpress アイキャッチ画像

2013年5月20日

概要 アイキャッチ画像はコンテンツごとに1つだけ指定することができ、本文に挿入した画像とは別に扱うことができる。 アイキャッチ画像として画像をアップロードすると、add_image_size 等で指定した大きさの画像を自動生成することができる。 但し、自動生成では、上部をトリミングするということはできないので(トリミングする場合は中央部が切り出される)、CSSなどを利用して表示する。(画像を囲む div 要素に、heightを指定して、overflow を hidden にするなど) アイキャッチ画像は、記事や固定ページごとに指定できるものなので、月別ペ…

続きを読む