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

> Entry >freo>freoテンプレート>サイト全体用テンプレート> freo用サブメニューテンプレート配布

【freo】【freoテンプレート】【サイト全体用テンプレート】freo用サブメニューテンプレート配布

32877が配布しているfreoのサブメニューとしてご利用いただけるテンプレートです。

はじめに

テンプレートについて

このテンプレートは、多機能CMSツールfreoの非公式テンプレートです。
freoの導入方法はfreo公式サイトをご覧ください。
当サイトは、このテンプレートを使用することによって発生した不利益・損害等には一切責任を負わないものとします。

 

テンプレートのカスタマイズについて

テンプレート・スタイルシートの内容はご自由に編集して下さい。
テンプレートの利用・編集について許可を得る必要はありません。
テンプレートの再配布はご遠慮ください。

いらない機能があれば、submenu.html内のいらない機能の行を削除すればOKです。
逆に、他に欲しい機能があれば他の行を参考に追加してみてください。

サンプル

サブメニュー画像サンプル

※カスタマイズ済の画像サンプルです。実際は動きません。
※実際に動くサンプルは当サイトのサイト上部にあるサブメニューをご覧下さい。

特徴

・サイトの各所にinclude(挿入)して使うことができます。
・様々な機能へのリンクを貼ることができます。
・ログイン状態によって表示する機能を変えることができます。
・公式サイトや32877で配布している各種プラグインへのリンクも組み込まれています。

ダウンロード

32877_templates_submenu_1_0_0.zip

導入方法

  1. 公式からfreoをダウンロードし、設置してください。
  2. ご自分のfreoにアクセスし、正常に動いているかどうか確認してください。
  3. 当サイトで配布しているテンプレートをDLし、解凍してください。
  4. [freo]フォルダをご自分のfreo設置フォルダにアスキーモードでアップロードしてください。
  5. [templates/header.html]をエディタで開いて、<div id="menu">~</div>の直前など任意の場所に、下記のように記述します。
    {include file='submenu.html'}
  6. [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;
    }
    
  7. [templates/header.html]と[freo/css/default.css]をアップロードして下さい。
  8. ブラウザを起動して、freoにテンプレートが反映されたか確認します。
    更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。

更新履歴

  2012.11.17  配布開始。

ページ移動

関連記事

ページ上部へ