カスタムサーチフィールド　項目の追加

ID ラベル タイプ 表示順 表示のさせ方 操作
Detail  Delete
詳細設定



				

				

				

					
				


				
			


				
	

	




テンプレートへの記述例


<!-- cms:module="common.custom_search_field" -->
<form action="{作成した検索ページのURLを入力してください}">
    記事検索:
    <input type="text" csf:id="custom_search_entry">




	フリーワード検索
	<input type="text" csf:id="custom_search_csf_free_word">

    <input type="submit" value="検索する">
	<a csf:id="reset_link">リセット</a>
</form>
<!-- /cms:module="common.custom_search_field" -->







検索結果ページの設定


テンプレートのブロック設定でプラグインブロックを選び、プラグインのセレクトボックスでCustomSearchFieldを選びます。



タグの記述例


他のブロックの時と同じですが、block:id="***"の記述の時に、ラベルIDと表示件数を指定することができます



「<!-- cms:id="search_keyword" -->タグ名<!-- /cms:id="search_keyword" -->」の検索結果
フリーワード検索の場合：「<!-- cms:id="search_free_keyword" -->タグ名<!-- /cms:id="search_free_keyword" -->」の検索結果
	
<!-- block:id="***" cms:label="1" cms:count="10" -->
表示したい内容のcms:idを追加
<!-- /block:id="***" -->



    ***の箇所は任意の値です。

    cms:labelでどのラベルが設定されている記事一覧を取得するかを決めることができます。

    ※cms:labelの指定がないと動きません

    cms:countで検索結果を何件表示するか決めることができます。

    ※cms:countの指定がなくても動作します。




ページャの設置


下記のコードをプラグインブロックの外に記述します。


<a p_block:id="s_first_page">最初のページへ</a>

<!-- p_block:id="s_pager" cms:pager_num="10" -->
<span class="pager_item" cms:id="pager_item"><a href="#">1</a></span>
<!-- /p_block:id="s_pager" -->

<a p_block:id="s_last_page">最後のページへ</a>

<!-- p_block:id="s_pages" /-->ページ中<!-- p_block:id="s_current_page" /-->ページ目






フィールドID_visible



	
csf:id="フィールドID_visible"またはcsf:id="フィールドID_is_not_empty"で囲った箇所は、csf:id="フィールドID"の値が空の時に表示されなくなります。

	
csf:id="フィールドID_is_empty"で囲った箇所は、csf:id="フィールドID"の値が空ではない時に表示されます。





例:フィールドIDがsampleの時


<div csf:id="sample_visible">
    カスタムフィールドの値は<!-- csf:id="sample" /-->です。
</div>
<div csf:id="sample_is_empty">
    カスタムフィールドの値は空です。
</div>






cms:module=“parts.search_query"について


検索結果ページで使います。cms:module="parts.search_query"で囲った箇所は、検索を行った項目と結果が一組で出力されます。



例


<ul>
<!-- cms:module="parts.search_query" -->
<li>検索項目と結果がタグ付きで表示されます。</li>
<!-- /cms:module="parts.search_query" -->
</ul>