bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームWordPressWordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなどWordPress2012.02.16WordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなどWordPressにあるアイキャッチ画像がとても便利で、自分もWordPressでサイトを作る時は大体設置するようにしています。その時の画像サイズの設定やアイキャッチ画像を条件による振り分け(画像がある時とない時など)を整理する意味で簡単にまとめてみました。[ads_center]アイキャッチ画像の使い方アイキャッチ画像を使うための流れとしては「functions.phpを設定」→「テーマ内で出力」といった具合で使っていきます。自分のテーマでアイキャッチを使えるようにするということでまずは自分のテーマでアイキャッチを使えるようにしていきます。functions.phpに以下を記述することで有効になります。?>この時、サイズなんかを指定したい場合は以下も追加してあげます。);上記は横300px、縦200pxの切り抜きモードです。リサイズモードの場合はtrueは指定しません。200);切り抜きモードやリサイズモードの具体的な説明としては以下のサイトが分かりやすいかと思います。新機能の投稿サムネイル画像の使い方とりあえずこれでアイキャッチを使う準備はできました。次に実際にテーマで使われるテンプレートタグです。アイキャッチ画像を表示させる以下はアイキャッチ画像のテンプレートタグの一覧です。2.9以降から使用可能です。ありますが、単純にアイキャッチ画像を出力したい場合はテーマのループ内で表示したい場所に以下のように記述します。?>また、画像をリサイズしたい場合にはthe_post_thumbnail()に以下ようなパラメータを渡すことで変更できます。);この他にもthumbnail、medium、largeといったキーワードでの指定も可能です。日本語版アイキャッチ画像がある時とない時で振り分けるhas_post_thumbnail()毎回かならずアイキャッチ画像を入れるなら特にいらないかもしれませんが、各記事によってアイキャッチを挿入したりしなかったりする場合にはhas_post_thumbnailを使うことで、各条件による表示を振り分けることができます。使い方はこんな感じです。アイキャッチ画像がない時の処理}もうちょっと実用的に書いてみるとこんな感じですかね。?>これで、アイキャッチがある時はそれを表示して、なければそのままスルーです。いうことで、これからアイキャッチ画像を設置したいっていう方は、結構使いやすいかと思うのでオススメです。知らなかったですこれ。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。