freoの携帯テンプレートにカテゴリーのセレクトメニューを設置する

2013/03/07 14:00
カテゴリー：モバイル表示
タグ：freoテンプレート

以前紹介した freoのサイドメニューのカテゴリーをセレクトメニューで表示するは携帯では使用できないので、携帯用にセレクトメニューを設置する方法を紹介します。
ファイル 71-1.jpg ファイル 71-2.jpg

templates/mobiles/utility_category.html として以下のソースのファイルを作成します。

<!--{foreach from=$freo.refer.categories|smarty:nodefaults item='refer_category'}-->
  <!--{if $refer_category.pid == $pid and $refer_category.display == 'publish'}-->
  <option value="{$refer_category.id}">{if $refer_category.pid}  {/if}{$refer_category.name}({$plugin_category_counts[$refer_category.id]|default:0})</option>
  <!--{assign var="pid" value=$refer_category.id}-->
  {include file='mobiles/utility_category.html'}
  <!--{assign var="pid" value=$refer_category.pid}-->
  <!--{/if}-->
<!--{foreachelse}-->
  <option>ｶﾃｺﾞﾘ-が登録されていません。</option>
<!--{/foreach}-->

templates/mobiles/default/default.html の55行目あたりの

<hr />

の下に、

▼ｶﾃｺﾞﾘｰ<br />
<form action="{$freo.core.http_file}/category" method="get">
<select name="category">
<option value="">ｶﾃｺﾞﾘｰを選択</option>
{include file='mobiles/utility_category.html'}</select>
<input type="submit" value="表示">
</form><br />

を追加します。

※携帯ではセレクトメニューで選択をするだけではページ遷移ができないので、選択後表示ボタンを押すとカテゴリーのページが表示されるようになっています。

コメント登録

コメントを入力してください。
一旦登録したコメントは、あとで編集できませんのでご注意下さい。

名前

メールアドレス

URL

コメント（コメント本文の装飾について）

コメント本文の装飾について

本文に特定の記号を書くことにより、手軽にマークアップを行うことができます。

引用

概要

文章を >> だけの行と << だけの行で囲うと引用に変換します。

入力例

この部分は通常の文章です。
>>
ここは引用になります。
<<
この部分は通常の文章です。

結果

この部分は通常の文章です。

ここは引用になります。

この部分は通常の文章です。

整形コード

概要

文章を >|| だけの行と ||< だけの行で囲うと整形コードに変換します。プログラムの掲載時に利用すると読みやすくなります。

入力例

この部分は通常の文章です。
>||
<html>
　<body><p>HTMLやプログラムを掲載することができます。</p></body>
</html>
||<
この部分は通常の文章です。

結果

この部分は通常の文章です。

<html>
　<body><p>HTMLやプログラムを掲載することができます。</p></body>
</html>

この部分は通常の文章です。

閲覧制限

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

freoをひらがな3文字で入力してください（スパム対策）

登録者情報を記憶する

日	月	火	水	木	金	土
-	-	-	-	-	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31	-	-	-	-	-	-

freoカスタマイズ集