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


ピックアップ記事

表示中ページの条件分岐

2011年11月21日 WordPress
条件分岐一覧 is_front_page()トップページかどうか。 is_home()投稿ページ(固定ページを設定していなければトップページ)かどうか。 is_single()個別記事かどうか。カッコにID、タイトル、スラッグを入れて判定できる。 is_page()ページかどうか。カッコにID、タイトル、スラッグを入れて判定できる。 is_singular()個別記事でもページ…
「表示中ページの条件分岐」をはてなブックマークに追加

親カテゴリIDを取得・表示

2011年11月28日 WordPress
現在表示中のページ(記事)の親カテゴリIDを表示させます。 [php] <?php // 現在のカテゴリ-を配列取得 $cat_now = get_the_category(); // 親の情報を$cat_nowに格納 $cat_now = $cat_now[0]; //category_parentを$parent_idに格納 $parent_id = $cat_now->cate…
「親カテゴリIDを取得・表示」をはてなブックマークに追加

WordPressの投稿日からの経過日数を調べる(2つの日付の差分)

2013年10月04日 WordPressphp
WordPressの投稿日からの経過日数を調べる(2つの日付の差分)
ブログの記事が古い場合に「この記事は古いから注意してね〜」みたいなお知らせが表示されるサイトをたまに見かけませんか? このサイトも賞味期限切れの記事がありそうな気配がムンムンしてきたので、半年以上前の記事は古くなってますよ〜って表示しようと思い、調べてみました。 実装したコード [php]<?php function day_diff($date1, $date2)…
「WordPressの投稿日からの経過日数を調べる(2つの日付の差分)」をはてなブックマークに追加

WordPressの抜粋表示の設定

2014年08月25日 web関連WordPressphp
WordPressの抜粋表示(excerpt)を以下のように動作させたかったので、自作してみました。 抜粋があれば抜粋表示 moreタグがあれば、それに従う 指定文字数より本文文字数が少なければ、そのまま表示 指定文字数より本文文字数が多ければ抜粋表示 コード functions.phpにコピペ。 [php]<?php //WordPress抜粋表…
「WordPressの抜粋表示の設定」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy