タグナビ・検索フォーム機能その他[2006/02/21]
「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」 … タグリストの「タイトル」部分 3.タグブログ機能 「.pageswitch」 … ページスイッチ(※[4.ページスイッチ($mswitch)]) 「.tagform」 … 検索フォームの「全体」部分 |