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


ピックアップ記事

WordPressで現在表示中のテンプレートファイル名を取得

2014年08月25日 WordPressphp
現在のテンプレートファイル名の拡張子を除いた名前をbodyのidに設定したかったので、テンプレートファイル名を取得する方法を調べました。 WordPressのトップページとカテゴリページでデザインを変えたい場合などに役立つかと思います。 [php]global $template; $template_file_name = basename($template, '.php');[…
「WordPressで現在表示中のテンプレートファイル名を取得」をはてなブックマークに追加

wordpress 現在のuser_idやdisplay_nameを取得

2020年01月14日 WordPress
現在のuser_idを取得 [php] $user_id = get_current_user_id();[/php] 現在のdisplay_nameを取得 [php]$user = wp_get_current_user(); $display_name = $user->display_name;[/php]
「wordpress 現在のuser_idやdisplay_nameを取得」をはてなブックマークに追加

wordpress アーカイブページで子カテゴリ記事を含まない、記事一覧を表示させる

2020年01月09日 WordPressphp
[php] <?php //子カテゴリ一覧を取得 $cat_child = get_term_children($category->cat_ID ,'category' ); //新規配列に表示させる親カテゴリと非表示の子カテゴリIDを追加 //非表示にするカテゴリはIDの前に「-」マイナスをつける $args_cat = array($category->…
「wordpress アーカイブページで子カテゴリ記事を含まない、記事一覧を表示させる」をはてなブックマークに追加

カテゴリIDからカテゴリ名またはスラッグを取得する

2012年01月24日 WordPress
<?php //カテゴリIDからカテゴリ情報取得 $category = get_category('123'); //カテゴリ名表示 echo $category->cat_name; //スラッグ名表示 echo $category->slug; ?> …
「カテゴリIDからカテゴリ名またはスラッグを取得する」をはてなブックマークに追加

WordPressでidからリンク、アンカーテキストを自動で設定する

2013年10月21日 WordPressphp
WordPressでidからリンク、アンカーテキストを自動で設定する
WordPressで記事IDからリンクURLを設定するには、以下のようにすることが多かったのですが、先日、作ったサイトでは、以下のようなコードをコピペする回数が多く、もう少し簡単に使い回したかったので、IDだけ設定して、リンク先のURLも、リンク先ページ名も自動で表示する関数を利用しました。 こんな感じのコードでヘッダーやフッターにリンク設置していた [php]<a href=&qu…
「WordPressでidからリンク、アンカーテキストを自動で設定する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy