WordPressのアーカイブページに指定したタイトル画像を表示

公開日: : 最終更新日:2014/11/05 Wordpress

Wordpress

カテゴリ一覧ページや
月ごとのアーカイブページの上に
タイトル画像をそれぞれいれたい!

と思って、探していたらすごく便利な方法が紹介されていたのでメモ。


カテゴリスラッグと同じ画象を表示する

方法は、表示したい画像にカテゴリスラッグと同じ画像名をつけてやれば
それがひょうじされるというもの。

ということで、archive.phpなんかに以下を記入。

<?php
$cat_info = get_category( $cat );  ←カテゴリIDを使って呼び出したいスラッグを指定する
?>

<img src="http://〇〇.com//image/<?php echo wp_specialchars( $cat_info->slug ); ?>.png" />


これにより、coffeeというスラッグであれば、
“http://〇〇.com//image/coffee.png”というようになり、
画像を呼び出せるんです。

なので、imageフォルダの中に、
カテゴリスラッグと同じ名前の画像を入れていけば、
自動的にそれが表示されます。

なんて便利なの。
ありがとうございます。

ad

関連記事

Wordpress

WordPressで任意ページのタイトルだけ改行させる方法

私の場合、 ついついタイトルが長くなってしまうので、 表示させる時に見やすいように改

記事を読む

Wordpress

カスタムフィールドの値で投稿や固定ページを一覧表示する!

タイトル通り、特定のカスタムフィールドがある固定ページを 一覧表示させたかったのですが

記事を読む

Wordpress

WordPressのアーカイブページ(一覧ページ)に手動で「はてな」や「いいね」ボタンを設置する方法

Wordpressにおいて、 手動で「はてなのブックマークボタン」や 「Facebo

記事を読む

Wordpress

超簡単!Twitterのようにページの最下部まできたら自動的にコンテンツを表示するWordPressのプラグイン『jQuery.autopager』

TwitterやFacebookみたいに、 ページの末端、フッターあたりまできたら

記事を読む

jQuery

WordPress&bootstrapでもスムーズでした、横並びの要素の高さを揃えるjQueryプラグイン『matchHeight』

私が運営するメインサイトは、 bootstrapをWordpressで使用しているので

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事と同一タクソノミーの記事一覧をサムネイル付きで表示する

何だかタイトルでは、長いのでわかりにくいのですが、 要はカスタム投稿タイプを使って書い

記事を読む

Wordpress

[WordPress]サムネイル(アイキャッチ)画像の幅と高さを指定せずに一覧表示させる方法

Wordpressでレスポンシブサイトを作成する時に ネックとなるのがサムネイル(アイ

記事を読む

Wordpress

WordPressでタイトルにページ数をつける

カテゴリページでページ送りをした場合、 同じタイトルのページがたくさんできてしまうので

記事を読む

Wordpress

WordPressで固定ページのタイトル部分を画像に。

各固定ページ部分のタイトルを画像に変更しました。 その時に使ったコードをメモ。

記事を読む

Wordpress

ロリポでWordPressのバックアップ用プラグイン『WP-DBManager』を使う方法

データベースのバックアップにインストールしたWordpress用プラグイン「WP-D

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PAGE TOP ↑