「NP_MultiTags」のタグナビ・検索フォーム機能・テンプレートへの記述・CSS一覧について解説します。
 タグナビ・検索フォーム機能はそれぞれ以下のページで使用できます。

メインの目次ページ

個別アイテムページ

アーカイブページ

アーカイブ一覧ページ

検索ページ


パン屑リスト ・ 検索フォーム ・ テンプレートへの記載 ・ CSS ・ 

【E.タグナビ(※パン屑リスト)】(※スキンへの記述)

<%MultiTags([1.テンプレート], [2.アイテム], [3.ブログ], [4.スイッチ], [5.ソート], [6.カテゴリー])%>

<%MultiTags([$template], [$mitem], [$mblog], [$mswitch], [$msort], [$mcat])%>



※バージョン2.5より<%MultiTags(title)%>と記述すると、
タグナビ的にページタイトルが表示されます。
メインの目次ページと個別アイテムページに対応しています。

【HTMLへの記述例】<title><%MultiTags(title)%></title>
使用例
<%MultiTags(navi)%>
 ※タグナビ(パン屑リスト)を表示。

<%MultiTags(navi,//15)%>

 ※タグナビ(パン屑リスト)を表示。ブログIDが15のブログにリンクする。
使用方法
<%MultiTags([1.テンプレート], [2.アイテム], [3.ブログ], [4.スイッチ], [5.ソート], [6.カテゴリー])%>

<%MultiTags([$template], [$mitem], [$mblog], [$mswitch], [$msort], [$mcat])%>



[1.テンプレート($template)]

 「navi」を記入。


[2.アイテム($mitem)] ※「A/B/C/D」という形式で記入

タグ機能:リンク先のブログIDを指定する…「C」→「ブログid」



【例1】ブログIDが2のブログにリンクする…「//2」

【F.検索フォーム】(※スキンへの記述)

使用例
【例1】ブログIDが2のブログで検索結果を表示する…「///2」
使用方法
<%MultiTags([1.テンプレート], [2.アイテム], [3.ブログ], [4.スイッチ], [5.ソート], [6.カテゴリー])%>

<%MultiTags([$template], [$mitem], [$mblog], [$mswitch], [$msort], [$mcat])%>



[1.テンプレート($template)]

 「form」を記入。


[4.検索フォーム($mswitch)] ※「A/B/C/D/E」という形式で記入

タグ機能:リンク先のブログIDを指定する…「D」→「ブログid」

「検索」ボタンを表示…「E」→「空白」

【G.テンプレートへの記述】

使用例
<%MultiTags(body)%>」 … アイテムのbody、HTMLタグを除去

<%MultiTags(more)%>」 … アイテムのmore、HTMLタグを除去

<%MultiTags(title)%>」 … アイテムのtitle、HTMLタグを除去

<%MultiTags(bm)%>」 … アイテムのbody+more、HTMLタグを除去

<%MultiTags(body, a)%>」 … アイテムのbody

<%MultiTags(more, a)%>」 … アイテムのbody

<%MultiTags(body,500)%>」 … アイテムのbody、HTMLタグを除去、500文字
使用方法
<%MultiTags%>」と記入すると、タグ対応のアイテムリンクとなります。



<%MultiTags(c)%>」と記入すると、タグ対応のカテゴリーリンクとなります。
ただし個別アイテムページ以外で使うと不都合が生じるケースがあります。


<%MultiTags(list)%>」と記入すると、タグを一覧表示します(デフォルトでは10件)。

<%MultiTags(list,5)%>」と記入するとタグを5件表示し、
<%MultiTags(list,7,[])%>」と記入するとタグを7件、「[」と「]」で囲んで表示します。


<%MultiTags(ed)%>」と記入すると、
ログイン時にのみ「アイテム編集」及び「アイテムのタグを編集」へのリンクが表示されます。


●検索ハイライト表示&タグの「はてなキーワード」「Wiki」的な表示

Google的な検索ハイライト表示に対応するテンプレートとなります。
「HTMLタグを除去」の場合、「はてなキーワード」「Wiki」的な表示にも対応し、
2番目のパラメータに数字を入れると表示文字数となります(空白だと300文字)。




※「はてなキーワード」「Wiki」的なタグ表示とは、
タグと同一の語句をそのタグに自動リンクさせる機能です。

「タグ説明(tagdesc…255文字以内)」等を利用することにより、
「はてな」「Wiki」的な使い方が可能になります。

※「はてなキーワード」「Wiki」的なタグ表示におけるタグのリンクですが、
プラグインオプション「12. 「タグリンク」機能においてマルチタグに対応しますか?」で
「はい」にするとマルチタグに対応します。

【H.CSS一覧】

CSSサンプル(※このサイトのCSS)
.tagbody {
font-size: 120%;
border: 1px solid #ccc;
background-color: #fdfdf6;
line-height: 160%;
color: #000;
padding : 2px;
margin: 0px 0px 15px 0px;
list-style: none;
}

.tagsub {
padding: 0px 5px;
}

.tagselect {
padding: 0px 5px;
margin: 2px 0px;
background-color: #ffeeff;
}

.tagnum, .tagdesc, .multitags_date {
font-size: 11px;
padding: 1px 0px;
color: gray;
}

.tagmap {
margin: 0px;
padding: 0px;
list-style: none;
}

.tagsubmap, .tagtitle {
border: 1px solid #ccc;
border-bottom: 0px solid #ccc;
background-color: #efefef;
background-image: url("img/pink.png");
color: #000;
font-size: 14px;
padding : 2px;
}

.pageswitch {
background-color: #efefef;
background-image: url("img/pink2.png");
border: 1px solid #ccc;
line-height: 1.4em;
margin: 10px 0px;
padding: 3px;
}

.tagnavi {
padding: 5px 0px;
}
使用方法
※全てclass属性となります


2.タグリスト機能

.tagtitle」 … タグリストの「タイトル」部分

.tagbody」 … タグリスト・サイトマップの「ボディー」部分

.tagsub」 … タグリスト・サイトマップの「各項目」部分

.tagselect」 … タグリストの「各項目」部分でタグ選択中のもの

.tagnum」 … タグリスト・サイトマップの「タグ数」

.tagdesc」 … タグリスト・サイトマップの「タグ説明」

.tagmap」 … サイトマップの「全体」部分

.tagsubmap」 … サイトマップの「各タイトル」部分


3.タグブログ機能

.pageswitch」 … ページスイッチ(※[4.ページスイッチ($mswitch)])

.multitags_top」 … ダイレクト表示時の「全体」部分

.multitags_date」 … ダイレクト表示時の「日付」部分

.multitags_title」 … ダイレクト表示時の「タイトル」部分

.multitags_cat」 … ダイレクト表示時の「カテゴリー」部分


※[ダイレクト表示時]:
    テンプレートに「multitags」記入時の「タイトル・ダイレクト表示機能」のこと
    →※「3.タグブログ機能」●[1.テンプレート($template)]

4.タグナビ・検索フォーム機能その他

.tagform」 … 検索フォームの「全体」部分

.formbutton」 … 検索フォームの「ボタン」部分

.tagnavi」 … タグナビ