ページスラッグやカテゴリスラッグを取得し、各ページタイトル部分を画像で出力[WordPress使えそうなスニペットシリーズ]

WordPressを始めたばかりの頃って、各ページの「ページタイトル部分」ってテキストでしか動的に出力できないと思っていました。
ページタイトルを画像にしたい時には、テンプレートに直書きして、ページの数だけテンプレートファイルを用意しないといけないとか…。

でも、慣れてくるといろいろ気づくもんですね。スラッグ名を出力すれば出来るんじゃないかと思って調べたらやっぱり出来ました。


用途としては、

  • コーポレートサイトを想定
  • 固定ページの場合は、そのページのタイトル(ただし子ページの場合は、親ページのタイトル)
  • 投稿シングルページの場合は、属しているカテゴリ名
  • カテゴリアーカイブの場合は、そのカテゴリ名

という感じで。

1. タイトル画像を準備

title_*****.jpg というファイル名で、タイトル画像を用意します。
**** の部分は、ページやカテゴリのスラッグ名にします。この****の部分を動的に出力するという作戦です。

2. single.php

変更前の記述(例)



変更後の記述

応用:single.phpで、子カテゴリーの場合も親カテゴリーの画像を使う

(※2013.12.04追記。マークアップは好きに変えてくださいな。)

if ($cat[0]->category_parent)で、親カテゴリーを持っているか(つまり自分が子かどうか)を判定しています。

3. index.php または archive.php

変更前の記述(例)

<?php if(is_category()): ?>
<h1>『<?php single_cat_title(); ?>』カテゴリーの投稿一覧</h1>
<?php endif; ?>


変更後の記述

応用:index.phpやarchive.phpで、子カテゴリーの場合も親カテゴリーの画像を使う

※category.phpの場合はis_categoryは不要だよ

4. page.php

変更前の記述(例)

<h1><?php the_title(); ?></h1>


変更後の記述

応用:page.phpで、子ページの場合も親ページの画像を使う

#2012.02.29 一部修正
bloginfo(‘template_url’); → echo get_template_directory_uri(); に書き換え

注意事項

  • 1つの投稿が複数カテゴリーに属することは想定してない
  • 孫ページや、さらに階層が深くなる場合も想定してない
  • category.phpを作る場合はif分岐しなくていい

参考ページ

コメント / トラックバック 3 件

:まえ| 2013/12/04 11:46

投稿ページで親カテゴリーを作り、子カテゴリを作っているのですが、子ページにも親ページのスラッグを出す方法はない物でしょうか?
タイトルは親の画像タイトルを出して、その下にテキストでこのカテゴリー名をcat_name ” ;} ?>で出そうかと考えているのですが。。

:mypacecreator| 2013/12/04 14:32

>まえ さん

コメントありがとうございます。
これ2年以上前に書いた記事で久々に読みなおしたんですが、なんかあまりイケてないコードで申し訳ないです^^;
そのうちコードも新しくしないといけませんね。。。

ご希望のコードはコメント欄に書くと読みづらいので、本文の方に追記することにしました。ご参照ください。

:まえ| 2013/12/04 20:13

ワ―!ありがとうございます~。
早速試してみます~!

コメントをどうぞ

メールアドレス (必須・公開されません)
コメント本文

  • スパム・迷惑コメント投稿防止のため、メールアドレスの入力が必須ですが、公開はされません。何卒ご協力のほどお願いいたします。
  • 投稿いただいたコメントは管理者のチェック後掲載しておりますので、即時には反映されません。
  • 記載内容に関する批判や間違いの指摘などはそのまま掲載する方針ですが、投稿内容と無関係な誹謗中傷、一方的な罵詈雑言の場合は削除させていただく可能性があります。
  • 通常業務の合間にコメントチェックをしておりますので、すべてのコメントへのお返事が出来ない場合もございます。あらかじめご了承ください。
  • 管理人個人への連絡等は、コメント欄ではなくコンタクトフォームをご利用ください。

今年もスタッフしました!

書籍を執筆しました

WordPress 標準デザイン講座【Version 4.x対応】


翔泳社さんより、2015/02/27発売です。

寄付歓迎(・ω<)☆

当ブログの記事があなたの役に立ったら、気が向いたらでいいのでドネーションいただけると更新の励みになります!
気が向いた方はこちらから

ブログ内検索