【freo】【freoテンプレート】【サイト全体用テンプレート】freo用サブメニューテンプレート配布
- 2012/11/17 09:13
- サブメニュー
- include
- freoテンプレート
- 60
32877が配布しているfreoのサブメニューとしてご利用いただけるテンプレートです。
はじめに
テンプレートについて
このテンプレートは、多機能CMSツールfreoの非公式テンプレートです。
freoの導入方法はfreo公式サイトをご覧ください。
当サイトは、このテンプレートを使用することによって発生した不利益・損害等には一切責任を負わないものとします。
テンプレートのカスタマイズについて
テンプレート・スタイルシートの内容はご自由に編集して下さい。
テンプレートの利用・編集について許可を得る必要はありません。
テンプレートの再配布はご遠慮ください。
いらない機能があれば、submenu.html内のいらない機能の行を削除すればOKです。
逆に、他に欲しい機能があれば他の行を参考に追加してみてください。
サンプル
※カスタマイズ済の画像サンプルです。実際は動きません。
※実際に動くサンプルは当サイトのサイト上部にあるサブメニューをご覧下さい。
特徴
・サイトの各所にinclude(挿入)して使うことができます。
・様々な機能へのリンクを貼ることができます。
・ログイン状態によって表示する機能を変えることができます。
・公式サイトや32877で配布している各種プラグインへのリンクも組み込まれています。
ダウンロード
32877_templates_submenu_1_0_0.zip
導入方法
- 公式からfreoをダウンロードし、設置してください。
- ご自分のfreoにアクセスし、正常に動いているかどうか確認してください。
- 当サイトで配布しているテンプレートをDLし、解凍してください。
- [freo]フォルダをご自分のfreo設置フォルダにアスキーモードでアップロードしてください。
- [templates/header.html]をエディタで開いて、<div id="menu">~</div>の直前など任意の場所に、下記のように記述します。
{include file='submenu.html'}
- [freo/css/default.css]に下記のようにスタイルを追加してください。
/********* サブメニュー *********************************************/ div#submenu{ text-align:right; } div#submenu h2{ display:none; } div#submenu ul{ margin:0; padding:0; text-align:right; } div#submenu ul li{ display:inline; list-style:none; margin-left:5px; }
- [templates/header.html]と[freo/css/default.css]をアップロードして下さい。
- ブラウザを起動して、freoにテンプレートが反映されたか確認します。
更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。
更新履歴
2012.11.17 配布開始。