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 現在の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 投稿画像のアップロード時にサイズを指定

2011年05月26日 WordPress
Resize At Upload を使うことで、アップロード時にサイズを指定することが可能になります。 具体的には、iPhoneなどからの画像をそのままアップすると最大サイズで投稿され、フルサイズの画像が大きすぎるという時などに便利です。 もともと、サムネイルは投稿に挿入する際にサイズ指定できますが、クリックされた後のフルサイズは、管理画面から画像をトリミングするなどしなければ、思いどおりのサ…
「WordPress 投稿画像のアップロード時にサイズを指定」をはてなブックマークに追加

WordPressにtwitterのログを自動投稿するプラグイン

2011年05月29日 WordPress
タイトル通り、Twitterの一日分のツイートをWordPressへ自動投稿してくれるプラグインについてですが、tweet digestというプラグインを使っていたのですが、これを有効にすると、他のプラグイン(SyntaxHighlighterやフロントエンド・エディタなんか)が動かなくなる事が分かったので、Twitter Toolsに変更しました。 なので、Twitter Tools の使い方…
「WordPressにtwitterのログを自動投稿するプラグイン」をはてなブックマークに追加

jQuery Ratyでレーティング(評価)表示

2013年10月21日 WordPressjQuery・javascriptphp
jQuery Ratyでレーティング(評価)表示
ホームページやブログの記事なんかにスター評価を表示させたい場合は、jQuery Ratyで簡単に設定出来ます。 jQuery Raty - A Star Rating Plugin ダウンロード まずは、必要なファイルを以下からダウンロードします。ダウンロードしたファイルを解凍して、jquery.raty.min.jsとimgフォルダ(星の画像)を任意の場所にアップロー…
「jQuery Ratyでレーティング(評価)表示」をはてなブックマークに追加

WordPressのオリジナルテーマのサムネイル作成

2013年11月06日 web関連WordPress
WordPressでオリジナルのテーマを作る時は、テーマ名などはstyle.css内にコメントで設定。 管理画面の外観>テーマのページに表示される、個々のテーマのサムネイル画像は、ファイル名「screenshot」、形式はPNG/JPEG/GIFのどれかにして、サイズは 300×225pxで作成。 http://wordpress.nyamuh.com/cont/base/base.htm…
「WordPressのオリジナルテーマのサムネイル作成」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy