導入方法

はじめに

テンプレートについて

本テンプレートは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_1.zip

カラーバリュエーション

開発したカラーバリュエーションはこちらで配布中です。

ファイルの説明

[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……デフォルト画面・エントリー画面・カテゴリー画面・個別エントリー表示画面で日記用のパンくず表示に利用します。

導入方法

freoを設置する。
テンプレート本体をダウンロードする。
（カラーバリュエーションを利用する場合はカラーバリュエーションファイルもダウンロードする。）
ページ機能を利用する場合はパンくず表示プラグインを実装する。
freo設置ファイルにダウンロードした本体（及びカラーバリュエーションファイル）をfreo設置フォルダに上書きする。

[freo/js/default.js]ファイルの28行目


    $(target).colorbox();

を


    $(target).colorbox({maxWidth:"90%", maxHeight:"90%"});

に変更する。

freoが正常に動くことを確認する。

カスタマイズについて

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

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