> ダウンロード > freoテンプレート > freo Responsive Templates 本体

freo Responsive Templates 本体

本テンプレートはCMS[freo]のレスポンシブデザイン用テンプレートです。

はじめに

テンプレートについて

本テンプレートはCMS[freo]のレスポンシブデザイン用テンプレートです。
CMS[freo]をセットアップ完了後にご利用下さい。
freoの導入方法はfreo公式サイトをご覧ください。

免責事項

I'll be NETは、このテンプレートを使用することによって発生した不利益・損害等には一切責任を負わないものとします。

ライセンスについて

ライセンスはGNU General Public License (GPL)です。

テンプレートの利用について

配布しているスタイルシート・jsファイル・htmlファイル(footer.html)などにI'll be NETへのリンクを表記するようご協力をお願いします。
上記対応が出来ない場合、I'll be NETへのリンクをサイト内に設置してください。

サンプル

本テンプレートのサンプルはこちらから確認できます。

ダウンロード

本体

illbenet_responsive_template_1_0_2.zip

カラーバリュエーション

Defualt
freo_responsive_template_css_default.jpg

Black
freo_responsive_template_css_black
White
freo Responsive Templates CSS(White) 

Crimson
freo Responsive Templates CSS(Crimson)

Skyblue
freo_responsive_template_css_skyblue.png
Green
freo_responsive_template_css_green.png

Malinblue
freo Responsive Templates CSS(Malinblue)

   

※Default用のCSSは本体に同梱されています。

ファイルの説明

[css]フォルダ
  • [css/font]フォルダ……アイコン表示に必要なWEBフォント(fontello)が入っています。
  • default.css……基本的なレイアウトに必要なスタイルシートです。
  • illbenet_color_default.css……基本的な配色用スタイルシートです。カラーバリュエーションを利用する場合はこちらを差し替えて利用します。
[templates]フォルダ
  • [internals/comment]preview.html……コメント投稿確認画面の表示レイアウトを変更しています。
  • [internals/default]default.html……デフォルト画面の表示レイアウトを変更しています。
  • [internals/filter]default.html……フィルター設定画面の表示レイアウトを変更しています。
  • [internals/information]default.html……インフォメーション画面の表示レイアウトを変更しています。
  • [internals/login]default.html……ログイン画面の表示レイアウトを変更しています。
  • [internals/page]default.html……ページ画面の表示レイアウトを変更しています。
  • [internals/profile]default.html……プロフィール画面の表示レイアウトを変更しています。
  • [internals/regist]フォルダ内html……ユーザー登録画面の表示レイアウトを変更しています。
  • [internals/reissue]フォルダ内html……パスワード再発行画面の表示レイアウトを変更しています。
  • [internals/user]フォルダ内html……ユーザー画面の表示レイアウトを変更しています。
  • [internals/view]default.html……個別エントリー表示画面の表示レイアウトを変更しています。
  • footer.html……サイト下部の表示レイアウトを変更しています。
  • header.html……METAタグ・サイト上部の表示レイアウトを変更しています。
  • menu.html……メインメニュー用の新しいテンプレートを作成しています。header.html内で利用します。
  • pan.html……パンくず表示プラグインで利用するテンプレートです。
  • pan_entry.html……デフォルト画面・エントリー画面・カテゴリー画面・個別エントリー表示画面で日記用のパンくず表示に利用します。

導入方法

  1. freoを設置する。
  2. テンプレート本体をダウンロードする。
    (カラーバリュエーションを利用する場合はカラーバリュエーションファイルもダウンロードする。)
  3. ページ機能を利用する場合はパンくず表示プラグインを実装する。
  4. freo設置ファイルにダウンロードした本体(及びカラーバリュエーションファイル)をfreo設置フォルダに上書きする。
  5. [freo/js/default.js]ファイルの28行目
    
        $(target).colorbox();
    

    
        $(target).colorbox({maxWidth:"90%", maxHeight:"90%"});
    
    に変更する。
  6. freoが正常に動くことを確認する。

カスタマイズについて

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

基本的なカスタマイズについては「カスタマイズ例」ページを参考にしてください。

更新履歴

2015/12/29
配布開始
2017/03/06
pan.html及びpan_entry.htmlで管理者権限アカウント表示時にのみ編集アイコンが表示されるように修正
2018/04/10
HTML5に対応

Trackback

  • トラックバックはまだありません。

Trackback URL

https://illbenet.jp/trackback/download/template/basic

Comment

  • コメントはまだありません。

Comment Form

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
コメント
閲覧制限