graffiti on the web Resize At Upload を使うことで、アップロード時にサイズを指定することが可能になります。
具体的には、iPhoneなどからの画像をそのままアップすると最大サイズで投稿され、フルサイズの画像が大きすぎるという時などに便利です。
もともと、サムネイルは投稿に挿入する際にサイズ指定できますが、クリックされた後のフルサイズは、管理画面から画像をトリミングするなどしなければ、思いどおりのサ…
目次
基本設定
function.phpに以下を追加
以下を追加することで、WordPressでアイキャッチ画像を使うことが可能になります。これが設定されていないと、管理画面内の投稿ページにもアイキャッチ関連のボックスは表示されないようです。
add_theme_support( 'post-thumbnails' );
アイキャッチを表示させる
アイキャッチを呼び出すには、呼び出したい箇所に以下を記述します。<?php the_post_thumbnail(); ?>
これだけの設定でアイキャッチは使えるようになります。
アイキャッチ画像のサイズを設定する
上記の基本設定の状態だと、アップロードされた画像のサイズそのままで表示されてしまうので、サイズを設定したい場合は、以下のようにします。テンプレートファイル内のアイキャッチを使用する箇所でサイズ指定する場合
<?php the_post_thumbnail(array(100,150)); ?>
上記のようにすれば、縦横比を継承したまま、width,heightのどちらか長い方に合わせて表示してくれるらしいのですが、私がテストしてみた感じだと、縦長の画像をアップロードしても、実際表示される画像は100px ✕ 100pxになってしまい、縦横比は継承されませんでした。私が、誤解しているのか使い方が間違っているのか、分かりませんでしたので、ご存知の方がいれば、教えてくださいm(_ _)m
アイキャッチ画像をアップロードする際にサイズ指定する場合
ネットで検索するとfunctions.phpに以下のように設定すれば、サイズ指定できると書いている記事がたくさんありましたが、詳細の説明が不足していて、誤解してしまう方も多いかもしれません。
実際には、以下のように「set_post_thumbnail_size」を設定すると、アイキャッチ画像をアップロードする際にリサイズが適用されるので、すでにアイキャッチ画像をアップロードしていて、サイズ変更したい場合は、以下の設定では思うようになりません。
add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 100, 150, true );
参考サイト ： webdesignrecipes.com
この投稿へのコメント
コメントはまだありません。