Labrid WP » テンプレート

[WP] カテゴリー毎に詳細画面用テンプレートを別ファイルにする

YAMADA — Wed, 10 Jun 2009 02:02:24 +0000

カテゴリー一覧用のテンプレートは、

デフォルトテンプレート：category.php
（カテゴリーID）用のテンプレート：category-（カテゴリーID）.php

とする事で、カテゴリー毎に違うテンプレートファイルを読込んでくれます。

では、詳細画面用のテンプレートでは・・・？

single.php に if文で


（カテゴリー１用のソース）

（カテゴリー２用のソース）

（その他のカテゴリー用のソース）

とする事で表示をカスタマイズできますが、カテゴリー一覧画面のように別ファイルで分けてしまった方がスッキリします。
そんな場合はこれ。

post;
 if ( in_category('1') ) {
 include(TEMPLATEPATH . '/single-1.php');
 } elseif ( in_category('2') ) {
 include(TEMPLATEPATH . '/single-2.php');
 } else {
 include(TEMPLATEPATH . '/single-0.php');
 }
 ?>

こうする事で、

カテゴリ−１の記事：single-1.php
カテゴリ−２の記事：single-2.php
その他の記事：single-0.php

と、記事の属するカテゴリーによって読込むテンプレートファイルを分割する事ができます。

尚、ヘッダーやフッターを読込むタグは、通常は

ですが、別に設定したヘッダー／フッターを読込みたい場合は、

とします。

ちなみにサイドバーの場合はもっと簡単で、

通常（sidebar.php）

sidebar-2.phpを読込む場合

となります。

ヘッダー／フッターはサイドバー形式、
カテゴリー詳細は、カテゴリー一覧形式で
テンプレートファイルを切り分けてくれると、管理が楽になるんですけどね。

バナーからリンクされる特設ページを作る

YAMADA — Thu, 16 Apr 2009 07:41:25 +0000

WordPress を汎用のCMSとして使う場合、以下のような仕様の特設ページを作成する必要がある事があります。

キャンペーン等のような強力にプッシュしたい特設ページを単独で作成
特設ページへのリンクとして、全ページにバナー画像を配置

そういった場合のカスタマイズ方法の一例として、私の行ったカスタマイズを簡単にご紹介します。

特設ページ専用カテゴリーの作成

特設ページ専用のカテゴリーを管理画面の『投稿＞カテゴリー』から作成します。
カテゴリーを作成したら、カテゴリーIDを確認しておきます。
以下、特設ページ専用カテゴリーのIDが 10 だったと仮定して説明します。

このカテゴリーはサイドバーのカテゴリー一覧メニューには表示したくないので、使用中のテーマの sidebar.php のカテゴリー表示タグ [wp_list_categories();] の引数に [exclude=10] を追加して非表示に設定します。

特設ページへのリンクバナーのページへの関連付け

特設ページを『投稿＞新規追加』から作成します。

リンクバナーを適切なサイズで作成し、投稿画面のアップローダーからアップロードします。
（本文に挿入する必要はありません。）
※画像の格納先として『wp-content/uploads』を設定し、年月ベースのフォルダは作成しない設定にしてある事を前提とします。
これは管理画面の『その他の設定』で設定・確認できます。

カスタムフィールドに『banner』をkey名とし、アップした画像名を値として登録します。

keyで指定したカスタムフィールドの値を取り出す

以前の記事で紹介したように Get Custom Fielde Values というプラグインを使ってもいいのですが、このためだけにプラグインを導入するのも面倒なので、今回はプラグインを使用せずにカスタムフィールドの値を取り出します。

使用中のテーマの function.php に以下のコードを追加します。

function getCustom($key,$id) {
$custom = get_post_custom_values($key, $id);
if(count($custom)!=1)
return implode("
",$custom);
else
return $custom[0];
}

これは、WebTecNote さんの記事を参考にさせていただきました。

サイドバーテンプレートのカスタマイズ

サイドバーにリンクバナーが表示されるよう、使用中のテーマの sidebar.php をカスタマイズします。

sidebar.php に以下のコードを追加します。




/wp-content/uploads/" alt="" />

リンクバナー周辺のデザインをカスタムする場合は、上記の

以上で完了です。
このように本文に使用しない画像を記事に紐づける場合は、カスタムフィールドが非常に便利かつ応用がきくので、覚えておいて損はないでしょう。

WP：Google Maps カテゴリー一覧をカスタマイズ

YAMADA — Mon, 09 Mar 2009 17:22:17 +0000

Google Maps 投稿の実験コンテンツ「仙台のちょっといいとこ」のカテゴリ一覧表示をカスタマイズしてみました。

せっかくの Google Maps、カテゴリ一覧にもちょっと一工夫欲しいですよね。
「仙台のちょっといいとこ」では、StreetView も表示させているので、デフォルトのカテゴリ一覧に本文も表示させる仕様では、重いことこの上なしです。

LabridWP では、Google Maps 投稿・表示に Google Maps Anywhere プラグインを使っています。
※GoogleMaps系プラグインではイチオシ。簡単投稿が便利すぎです。

このプラグインでは、投稿時に [Lat_long] という緯度経度登録用のカスタムキーにボタン一発で登録する機能がありますので、このカスタムキーを利用します。

Google Maps 投稿画面?Lat_Long カスタムキー

投稿時には、このカスタムキーを登録するだけで、カテゴリ一覧には小さな地図画像、詳細ページには、Google Maps が表示されるように調整します。

以下に、「仙台のちょっといいとこ」用のカスタマイズ内容を紹介します。
プラグインが出力するソースの緯度経度値をカスタムキーに差し替えただけの簡単カスタムです。

○カテゴリ一覧テンプレート（category-XX.php）

,red&zoom=15&size=200x150&key=（Google Maps API Key）&hl=ja" />

地図画像表示用URLに指定するパラメータのうち、緯度経度を表示する [markers=] にカスタムキー [Lat_Long] を読み込みます。
あとは [size=] [zoom=] にデザインに見合った数値（固定値）を、key には登録した Google Maps API Key を入れます。

これでミニ地図（画像）表示の設定は完了です。

○詳細ページテンプレート（single.php）
いつもどおり、if で「該当カテゴリのエントリーのみ」という設定を作成し、その中にテンプレートを記述します。
今回は、単純にカスタムキーから GoogleMaps を表示させるだけなので、汎用テンプレートをコピーし、その本文表示部分の直前に以下のソースを記述しました。

,red&zoom=16&size=520x250&key=（Google Maps API Key）&hl=ja" alt="" title="" />

サイズ、ズームは固定値です。
（今回は、投稿の手間をできるだけ減らしたいという目的もあったので、固定値で良しとしました。）

サイズはレイアウトの統一のためにも固定値でOKなのですが、ズーム値は状況によっては変更したい場合もあるでしょう。
その場合には、[map_zoom] といったカスタムキーを作り、ズーム値を登録しておき、上記コードの [z=16 / zoom=16] の部分を [z=] とすればいいでしょう。

※本当は、StreetView も同様にカスタムキーから表示させたかったのですが、StreetView の表示には位置情報の他に方角・俯角の設定も必要なのでカスタムキーからの表示は現実的ではないと判断しました。
（これらをそれぞれカスタムキーで登録するくらいならプラグインの投稿機能に頼る方がずっと手軽）

理想は、StreetView を投稿すると、StreetView の位置情報を元に、自動でその登録地点の GoogleMaps を同サイズで表示、カテゴリ一覧にはミニ地図表示、という仕様です。
さらに StreetView と GoogleMaps を連動させられたら、モアベターです。

StreetView と GoogleMaps は本当にすごいコンテンツだと思います。
これを利用した、もっと面白くもっと手軽に有効に使える方法を模索中です。

WP：サブページ用ナビゲーションをサイドバーに動的表示

YAMADA — Fri, 06 Mar 2009 04:47:24 +0000

Pagesコンテンツで親ページを持つページ、即ち、サードページまであるページ群（ex.お勧めツール）では、セカンドページおよびサードページのサイドバーに以下のような仕様のサブページ用ナビゲーションが表示されるように、サイドバーをカスタマイズしてみました。

[ 親ページへ ]
└子ページ１
└子ページ２
└子ページ３

当サイトでは下記を参考に親ページへのリンクをプラスしたカスタムを行いました。
カスタムソースは下記とあまり変わらないので割愛します。

ただ、現在のカスタムだと、第4階層ページまである場合に、セカンド・サードページでは

[ 2nd ページ ]
└ 3rdページ１
　└ 4thページ１
　└ 4thページ２
└ 3rdページ２
└ 3rdページ３

となりますが、フォースページでは

[ 3rd ページ ]
└ 4thページ１
└ 4thページ２

となってしまいます。
つまり、子ページでは、自分と親のページのナビゲーションしか表示できない仕様。

これの解決方法は、また後日・・・

WP: ページナビゲーションのカスタマイズ

YAMADA — Wed, 04 Mar 2009 16:23:55 +0000

WordPressでは、投稿時に

と入力すると、そこを区切りにページを分割してくれます。

そうして、ページを分割した際に、ページ下部に表示されるページ移動ナビゲーションをカスタマイズする方法をメモメモ。

ページナビゲーション表示タグ

テンプレートタグ/wp link pages – WordPress Codex 日本語版

まず、管理画面の外観＞編集から、単一記事表示用テンプレート [single.php] を選択。
ここでブラウザの検索機能（Ctrl+F）で「wp_list_pages」を検索します。
このタグの引数を、下記のリファレンスに従ってカスタマイズします。

before （文字列）- リンクの直前に出力するコードやテキスト。デフォルト値は「
」。
after （文字列）- リンクの直後に出力するコードやテキスト。デフォルト値は「
」。
next_or_number （next/number）- リンクラベルのタイプ。
- number（デフォルト。ページ数リンク。指定すると「nextpagelink」「previouspagelink」は無視される）
- next（テキストリンク。指定すると「pagelink」は無視される）
nextpagelink （文字列）- 次ページへのリンクのラベルとして使うテキスト。デフォルト値は「next page」。
previouspagelink （規定値）- 前ページへのリンクのラベルとして使うテキスト。デフォルト値は「previous page」。
pagelink （文字列）- ページ番号の出力形式。「%」記号を含めるとその部分が実際のページ番号の数字として出力される。デフォルト値は「%」。

Labrid WP の場合はこれ↓です。

Page Navi : &after=
&next_or_number=number&pagelink=[%]'); ?>

ページ番号でなく、「前へ」「次へ」形式の場合はこう↓なるのかな。

&after=
&next_or_number=next&nextpagelink=次へ&previouspagelink=前へ'); ?>

ソーシャルブックマークへの追加ボタン

YAMADA — Thu, 12 Feb 2009 02:12:34 +0000

各種ソーシャルブックマーク（SBM）への追加ボタンをテンプレートに追加。

このボタンについてはあまり好ましく思えない人もいるかと思いますが、SBMを積極的に利用しているユーザーの立場からすると、これがあると便利なんですよね。
※私は「Buzzurl」を便利に利用させていただいてます。

Labrid WP では以下のソースを追加。
※画像のパスはアップする場所によって適宜変更。




&jump=ref" class="ldclip-redirect" title="この記事をLivedoorクリップ！">

テンプレートカスタム：カテゴリートップに、説明文を表示する

YAMADA — Tue, 10 Feb 2009 17:24:42 +0000

各カテゴリーには説明文を設定できますが、一般的なテーマではこれを表示しません。

Labrid WP では、この説明文を「設定されているときのみ表示」するように、カテゴリートップを表示するテンプレート [ archive.php ] をカスタマイズしてみました。

この説明文を表示したいところに

\n") {
echo '', category_description(), '';
} ?>

と記述。以上！

category_description(); が説明文が格納されるWordpress タグ。
説明文が無い場合は「
\n」の値を返します。
()内には、カテゴリーIDを指定すると、指定されたカテゴリーの説明文を表示。
指定しない場合は、表示しているカテゴリーの説明文を表示します。

※説明文は

・・説明文・・

の形式で出力されるので、注意。

?
追記！
archive.php を編集してしまうと、カテゴリートップ以外の一覧表示画面でエラーになるので、カテゴリートップのみで使用するテンプレート category.php としてこのカスタムを行います。