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の投稿初期化方法とWP全体の初期化方法

2014年08月21日 web関連WordPress
簡単なWordPressの投稿初期化方法とWP全体の初期化方法
WordPressのテーマやプラグインのカスタマイズなどをしていると動作確認の目的でテスト投稿(記事、固定ページ)をすることがあります。私の場合は、テストが完了したら、テスト投稿を全て削除してまっさらなWPでスタートしたいと思うのですが、管理画面から投稿を削除しても記事IDは初期化されません。 WPのテーマやプラグイン、カテゴリ、WP設定などはそのままで投稿のみを初期化する方法と、サーバ上のファ…
「簡単なWordPressの投稿初期化方法とWP全体の初期化方法」をはてなブックマークに追加

wp-cron で予期しない HTTP 応答コード: 401 が頻発

2020年01月16日 WordPress
サイトの WP-Cron システムへの呼び出しが頻発する問題がありました。予期しない HTTP 応答コード: 401 原因 Wordpressサイトにベーシック認証をかけていたため 解決方法 [php]#ベーシック認証でWP Cronを許可 Satisfy Any order deny,allow deny from all allow from 192.168.11.25…
「wp-cron で予期しない HTTP 応答コード: 401 が頻発」をはてなブックマークに追加

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

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

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

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

Facebook と WordPressの連携テスト

2012年01月24日 WordPress
Wordbookerというプラグインを使ってテストしています。
「Facebook と WordPressの連携テスト」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy