2012年03月02日 WordPress

基本設定

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

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

何かうまくいかなかったようです。変更が保存されていないかもしれません。

2020年02月05日 WordPress
WordPressのテーマを編集中に以下のエラーが出て保存出来ない場合に考えられる対処法のメモ。 何かうまくいかなかったようです。変更が保存されていないかもしれません。手動で修正し、FTP 経由でファイルをアップロードすることもできます。 考えられる可能性 編集中のファイル内に何らかのエラーが含まれている可能性 いずれかのWPプラグインの影響 WAF設定の影響 …
「何かうまくいかなかったようです。変更が保存されていないかもしれません。」をはてなブックマークに追加

WordPressの検索にカテゴリでの絞り込み機能を追加

2011年11月24日 WordPress
[php] <form method="get" id="searchform" action="<?php bloginfo('url'); ?>"> <input type="text" value="<?php the_search_query(); ?>&qu…
「WordPressの検索にカテゴリでの絞り込み機能を追加」をはてなブックマークに追加

wordpressのパンくずリストをmicrodata対応させる[追記あり]

2014年08月04日 web関連WordPressphpSEO対策
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。 リッチスニペットについては下記を参考にしてください。 リッチ スニペット - パンくずリスト(Google) 対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。 少しずつ勉強していきます。(^_^;) microdata対応のWordpr…
「wordpressのパンくずリストをmicrodata対応させる[追記あり]」をはてなブックマークに追加

WordPress archive.phpで記事数を設定する

2011年06月24日 WordPressphp
WordPress をカスタマイズしていると、トップページでは○件、アーカイブは○件など、表示する記事件数を変えたい事があよくあります。そういう場合の対処法です。 今回は、テーマ内のarchive.phpを修正する事で対応します。 …
「WordPress archive.phpで記事数を設定する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy