• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> Entry >freo>freoTips>オプション系TIPS> オプションの使用例~新着マークを表示する~

【freo】【freoTips】【オプション系TIPS】オプションの使用例~新着マークを表示する~

オプション機能を使用して新着マークを表示させる方法を解説します。
オプションの表示についてはfreo公式サイトの機能一覧「オプションを個別に表示する」に詳しく記載されていますので、ぜひご参照ください。

また、freoの公式で新着マーク表示プラグインが配布されています。
これは、与えられた日付が最近の日付かどうかを判別するプラグインです。

設定した期間内は自動的に新着マークが表示されますが、期間が過ぎると表示されなくなります。
新着マークを表示させるかどうかを手動で切り替えたい場合は、オプション機能を使うと便利です。

オプションを登録する

[管理メニュー]-[システム]-[オプション管理]-[オプションを登録する] でオプションを登録することができる。

設定例)

オプションID new
オプション名 新着マーク表示オプション
利用対象 選択してください。
種類 チェックボックス
必須 任意
説明 新着マークを表示したい場合はチェックを入れ、表示したくない場合はチェックをはずしてください。
初期値 新着マークとして表示させたい文字列
初期値の設定について

「New!」などの文字列の他、「<span class="attention">New!</span>」や「<img src="表示させたい画像の絶対パス" alt="" />」など、タグを使うこともできます。
なお、タグを使用する場合は、テンプレートに「|smarty:nodefaults」と修飾子をつけるようにしてください。

サンプル

<!--{if $page_associate.option.new != ''}-->
   {$page_associate.option.new|smarty:nodefaults}
<!--{/if}-->

テンプレートを編集する

オプションを個別に表示するを参考に、新着マークを表示させたい箇所のテンプレートを編集します。
なお、下記のサンプルではオプションの初期値を表示しています。
オプションの初期値を編集すれば、マークの変更ができます。

表示させる箇所は表示させたい対象のタイトルの横部分が良いかと思われます。
どこに対象のタイトルが表示されているのかはそれぞれのテンプレートによって違う上、表示させるための記述もそれぞれ違います。

エントリー一覧表示画面に表示させる場合

[freo/templates/internals/default]フォルダ[default.html]の任意の箇所に以下のように記述する ([freo/templates/internals/entry]や[freo/templates/internals/category]がある場合はそちらのdefault.htmlにも記述する)

 <!--{if $entry_associates[$entry.id].option.new != ''}-->{$entry_associates[$entry.id].option.new}<!--{/if}-->
エントリー個別表示画面に表示させる場合

[freo/templates/internals/view]フォルダ[default.html]の任意の箇所に以下のように記述する

 <!--{if $entry_associate.option.new != ''}-->{$entry_associate.option.new}<!--{/if}-->
ページに表示させる場合

[freo/templates/internals/page]フォルダ[default.html]の任意の箇所に以下のように記述する

 <!--{if $page_associate.option.new != ''}-->{$page_associate.option.new}<!--{/if}-->
親ページの新着マークを表示する場合

[freo/templates/internals/page]フォルダ[default.html]の任意の箇所に以下のように記述する

 <!--{if $plugin_page_parent_associate.option.new != ''}-->{$plugin_page_parent_associate.option.new}<!--{/if}-->
兄妹ページの新着マークを表示する場合

[freo/templates/internals/page]フォルダ[default.html]の任意の箇所に以下のように記述する

 <!--{if $plugin_page_sibling_associates[$plugin_page_sibling.id].option.new != ''}-->{$plugin_page_sibling_associates[$plugin_page_sibling.id].option.new}<!--{/if}-->
子ページの新着マークを表示する場合

[freo/templates/internals/page]フォルダ[default.html]の任意の箇所に以下のように記述する

 <!--{if $plugin_page_child_associates[$plugin_page_child.id].option.new != ''}-->{$plugin_page_child_associates[$plugin_page_child.id].option.new}<!--{/if}-->
ページ一括表示プラグインで新着マークを表示する場合

[freo/templates/plugins/page_all]フォルダ[default.html]の任意の箇所に以下のように記述する。

 <!--{if $page_all_associates[$page_all.id].option.new != ''}-->{$page_all_associates[$page_all.id].option.new}<!--{/if}-->
ページメニュー表示プラグインで新着マークを表示する場合

[freo/templates/utility]フォルダ[utility.html]の任意の箇所に以下のように記述する。

 <!--{if $plugin_page_menu_associates[$plugin_page_menu.id].option.new != ''}-->{$plugin_page_manu_associates[$plugin_page_menu.id].option.new}<!--{/if}-->

ページ移動

関連記事

ユーティリティ

Twitter

ページ上部へ