WordPress + Ultimate Tag Warrior 3 – テーマ編集編

WordPress へ Ultimate Tag Warrior 3 のインストールが終わったら今度はタグを表示する方法のメモ。

インストールした環境

• WirdPress ME 2.1.3 ( EUC-JP )
• Ultimate Tag Warrior 3.14159265

記事の下にタグを表示する

[ 各種設定 ] – [ Tags ] – [ Primary Content Tags ] を以下のように設定します。

サイドバーにブログで使っているタグ一覧を表示する

sidebar.php の表示したい箇所に以下のコードを追加する。

全てのタグをタグクラウドで表示

<?php if(function_exists('UTW_ShowWeightedTagSetAlphabetical')) { ?>
<li><h2>Tags</h2>
<?php UTW_ShowWeightedTagSetAlphabetical("coloredsizedtagcloud","",0) ?>
</li>
<?php } ?>

全てのタグを AND と OR リンクのついたリストで表示

<?php if(function_exists('UTW_ShowWeightedTagSetAlphabetical')) { ?>
<li><h2>Tags</h2>
<ul>
<?php UTW_ShowWeightedTagSetAlphabetical("htmllistandor", "", "0") ?>
</ul>
</li>
<?php } ?>

※ <li> タグで囲まれた状態で出力されます。

使用頻度の高いタグ上位 10 件を表示

<?php if(function_exists('UTW_ShowWeightedTagSet')) { ?>
<li><h2>Tags</h2>
<ul>
<?php UTW_ShowWeightedTagSet("htmllist", "", "10") ?>
</ul>
</li>
<?php } ?>

※ <li> タグで囲まれた状態で出力されます。

タグの使用数をカウントして表示したいのだが、どうやれば良いんだろう？

タグ・アーカイブページ ( tag.php ) の作成

タグ・アーカイブページとは、タグリストのタグをクリックした時、該当タグのついた記事を表示するページの事。テーマディレクトリの中に tag.php があればそのレイアウトで表示し、なければ index.php のレイアウトで表示する。

設置方法

1. ダウンロードしたプラグインに同梱されている tag.php をテーマフォルダにアップロード。
2. 適当に編集。

参考ページ

• power source* » WP plugin: 記事にタグ付け – Ultimate Tag Warrior 2) テーマ編集編

タグ・アーカイブページ ( tag.php ) のページタイトルを修正

WordPress ME 2.1.3 + UTW 3.14159265 のデフォルトでは、タグ・アーカイブページ ( 任意のタグがついた過去記事を表示するページ ) のページタイトルにタグ名が表示されないので修正しました。

ページタイトルの修正方法

header.php の title 開始タグ直後に下のようなソースコードを追加。 下の例では、読みやすい様に改行を入れていますが、本当は一行。

<?php
if (function_exists('UTW_ShowCurrentTagSet')) {
if (is_tag()) {
echo 'Tag: ';
UTW_ShowCurrentTagSet('tagsettextonly');
echo ' | ';
}
}
?>

表示されるページタイトルの例

タグ一覧 ( tags.php ) のページを作る

サイドバーにタグ一覧を表示させても良かったんですが、長くなって見にくいのでタグ一覧の専用ページを作ってみる事に。以下は、その時の手順です。

設置方法

1. ダウンロードしたプラグインに同梱されている tags.php をテーマフォルダにアップロード。
2. [ 投稿 ] – [ ページ作成 ] で適当なページタイトルを入力し、画面右の [ ページ ] で [ Tag Archive ] を選択して [ 公開 ] をクリック。

これで、とりあえずタグ一覧のページが表示できる。あとは、

1. 使っているテーマに合わせて tags.php を編集
2. UTW の管理画面でフォントサイズや色を調整
3. 必要であれば CSS なんかも合わせて調整

参考ページ

• Formatting tags.php

以上、こんな感じです。