メニュー

Home >freoテンプレート>サイト全体用テンプレート> freoでサイト全体を管理するテンプレート(Basic2)配布

【freoテンプレート】【サイト全体用テンプレート】freoでサイト全体を管理するテンプレート(Basic2)配布

2012/06/29 22:12|タグ:|グッジョブ表示 97

32877が配布しているfreoのテンプレートサンプルです。
サイト全体を管理する仕様になっています。

 

はじめに

テンプレートについて

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

ライセンスについて

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

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

テンプレート・スタイルシートの内容はご自由に編集して下さい。
テンプレートの利用・編集について許可を得る必要はありませんが、クレジットは削除しないようにお願いします。
テンプレートの再配布はご遠慮ください。

サンプル

デザイン確認用のサンプルはこちらです。
http://32877.xii.jp/download/basic2_white/index.html
HTMLサンプルですので、実際の動作とは違う場合があります。

特徴

・サイトの各所でオプションの情報を取得するようにしています。
・ページメニュープラグイン部分をmenu.htmlに記述してheader.htmlから読み込んで表示させます。
・パンくずリスト表示プラグイン部分をpan.htmlに記述して各ページテンプレートから読み込んで表示させます。
・ページ一括表示プラグインを利用したサイドメニューをsidemenu.htmlに記述して各ページテンプレートから読み込んで表示させます。
・ページIDが「novel/~」以下のページを「freo/templates/page/novel.html」を使って表示します。
・ページIDが「gallery/~」以下のページを「freo/templates/page/gallery.html」を使って表示します。
・ページIDが「info/~」以下のページを「freo/templates/page/info.html」を使って表示します。
・ページ一括表示プラグインでもオプションの情報を取得して詳細なページリストを自動作成します。

ダウンロード

導入方法

  1. 公式からfreoをダウンロードし、設置してください。
  2. ご自分のfreoにアクセスし、正常に動いているかどうか確認してください。
  3. 以下のプラグインをダウンロードし、導入してください。
  4. 当サイトで配布しているテンプレートをDLし、解凍してください。
  5. [templates]フォルダを[freo]フォルダにアスキーモードでアップロードしてください。
  6. [css]フォルダを[freo]フォルダにアスキーモードでアップロードしてください。
  7. ブラウザを起動して、freoにテンプレートが反映されたか確認します。
    更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。
  8. オプションを登録します。詳細は下記参照。
  9. ページを登録します。
    (既にfreoを使用されている場合はページID変更プラグインを利用してページIDを変更するまたはテンプレートの条件分岐を変更するなどの処置が必要です。)
  10. テンプレートの必要箇所を変更します。詳細は下記参照。

オプションを登録する

下記を参考に各種オプションを登録してください。

サイト全体で使用するオプション:
32877:サイト全体で活用できるオプション登録例

小説ページで使用するオプション:
32877:小説サイトで使うと便利なオプション登録例(1)
32877:小説サイトで使うと便利なオプション登録例(2)

ギャラリーページで使用するオプション:
32877:イラストサイトで使用すると便利なオプションの登録例(2)

インフォメーションページで使用するオプション:
32877:同人サークルインフォメーションページで使うと便利なオプション登録例

オプションの数が多い場合、freo公式のエントリー・ページによって利用するオプションを切り替えるを参考にしてください。

ページを登録する

ページを登録します。
ページIDは下記を参考にしてください。

32877:freoを小説サイトやイラストサイトとして使用するときのページID設定例
32877:freoで同人サークルインフォメーションページを作成するときのページID例

テンプレートの編集(必須)

テンプレートの中で編集が必要だと思われる箇所には★マークをつけています。

当サイトが配布しているテンプレートでは、
ページIDが「novel/~」で始まるページには[freo/templates/internals/page/novel.html]が
ページIDが「gallery/~」で始まるページには[freo/templates/internals/page/gallery.html]が
ページIDが「info/~」で始まるページには[freo/templates/internals/page/info.html]が
適用されるようになっています。

テンプレート内での条件分岐では、上記ページIDのサンプルで使用しているページIDが組みこまれています。
これをご自身で作成したページIDに変更する作業が必要です。

小説ページのテンプレート編集例

[freo/templates/internals/page]フォルダのnovel.htmlを編集します。

32行目<!-- ★novel以下分類階層ページの設定 -->部分
分類階層ページの親ページ(つまりジャンル階層のページ)IDを''内に代入します。
デフォルトでは
<!--{elseif $page.pid == 'novel/genre1' or $page.pid == 'novel/genre2'}-->
となっていますが、この'novel/ganre1'及び'novel/ganre2'をご自身で設定したジャンル階層のページのページIDに変更してください。
ジャンル階層のページが2つ以上ある場合は、「or $page.pid == 'novel/genre3' or $page.pid == 'novel/genre4' …」と追記するようにしてください。

ギャラリーページのテンプレート編集例

[freo/templates/internals/page]フォルダのgallery.htmlを編集します。

34行目<!-- ★gallery以下分類階層ページの設定 -->部分
分類階層ページの親ページ(つまりジャンル階層のページ)IDを''内に代入します。
デフォルトでは
<!--{elseif $page.pid == 'gallery/genre1' or $page.pid == 'gallery/genre2'}-->
となっていますが、この'gallery/ganre1'及び'gallery/ganre1'をご自身で設定したジャンル階層のページのページIDに変更してください。
ジャンル階層のページが2つ以上ある場合は、「or $page.pid == 'gallery/genre3' or $page.pid == 'gallery/genre4' …」と追記するようにしてください。

35行目<!-- ★記号を使って表示したい分類階層ページの設定 -->
記号を使って表示する分類ページを設定します。
<!--{if $page.id == 'gallery/genre1/aaa'}-->の'gallery/genre1/aaa'部分をご自身で設定した分類階層のページのページIDに変更してください。
記号を使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/bbb' or $page.id == 'gallery/genre1/ccc' …」と追記するようにしてください。

42行目<!-- ★画像を使って表示したい分類階層ページの設定 -->
画像を使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre1/bbb'}-->の'gallery/genre1/bbb'部分をご自身で設定した分類階層のページのページIDに変更してください。
画像を使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/ccc' …」と追記するようにしてください。

49行目<!-- ★タイトルを使って表示したい分類階層ページの設定 -->
タイトルを使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre1/ccc'}-->の'gallery/genre1/ccc'部分をご自身で設定した分類階層のページのページIDに変更してください。
タイトルを使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/bbb' …」と追記するようにしてください。

56行目<!-- ★ページの並び順を使って表示したい分類階層ページの設定 -->
タイトルを使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre2/ddd'}-->の'gallery/genre2/ddd'部分をご自身で設定した分類階層のページのページIDに変更してください。
タイトルを使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/bbb' …」と追記するようにしてください。

ギャラリーで使用するページ一括表示プラグインテンプレートの編集

ギャラリーページでは、ページ一括表示プラグインを利用してページの一覧を表示しています。
プラグインテンプレート内部で、それぞれの分類ページをどのように表示するかを条件分岐しています。

[freo/templates/plugins/page_all/gallery]フォルダ内のgenre.htmlを編集します。

8行目<!-- ★記号を使って表示したい分類階層ページの設定 -->
記号を使って表示する分類階層ページIDを設定します。
<!--{if $page.id == 'gallery/genre1/aaa'}-->の'gallery/genre1/aaa'部分をご自身で設定した分類階層のページのページIDに変更してください。
記号を使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/bbb' or $page.id == 'gallery/genre1/ccc' …」と追記するようにしてください。

12行目<!-- ★画像を使って表示したい分類階層ページの設定 -->
画像を使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre1/bbb'}-->の'gallery/genre1/bbb'部分をご自身で設定した分類階層のページのページIDに変更してください。
画像を使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/ccc' …」と追記するようにしてください。

16行目<!-- ★タイトルを使って表示したい分類階層ページの設定 -->
タイトルを使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre1/ccc'}-->の'gallery/genre1/ccc'部分をご自身で設定した分類階層のページのページIDに変更してください。
タイトルを使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/bbb' …」と追記するようにしてください。

20行目<!-- ★ページの並び順を使って表示したい分類階層ページの設定 -->
タイトルを使って表示する分類ページを設定します。
<!--{elseif $page.id == 'gallery/genre2/ddd'}-->の'gallery/genre2/ddd'部分をご自身で設定した分類階層のページのページIDに変更してください。
タイトルを使って表示したい分類ページが複数ある場合は、「or $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre1/bbb' …」と追記するようにしてください。

更新履歴

  2012.06.29  配布開始。
  2012.07.22  [templates/internals/page]内の各テンプレート中の「ページ移動」の見出しを<h6>ページ移動</h6>に変更
  2012.11.15  [templates/internals/page/gallery.html]の308行目と309行目を入れ替え

ページ移動

関連エントリー

  • 関連エントリーはありません。

コメント

サキ

ミツ様
初めまして。新たにサイトを立ち上げようと、こちらのテンプレートをお借りしました。
同人サイトに嬉しい機能が沢山あって、とても助かっています。本当にありがとうございます。

今回は、少し助言頂ければと思いコメントさせて頂きました。
まず、こちらのBasic2のテンプレートのサンプルで、Galleryページのフッターが少しずれてしまっているのですが、私の方でも同じ症状が出ています。(こちらはID;infoで作成したインフォメーションのページです。freo本体は最新版の1.11.6です)
ほんの少しのズレなので、気にしなくてもいいかなとも思ったのですが、もし原因・対処法が解れば助言頂けると助かります。宜しくお願いします

  • 2012/11/15 10:09:51

ミツ@32877

ご報告ありがとうございます!

<!--{/if}-->と</div>の位置関係にズレがあったようなので、テンプレートを修正してアップデートしました。
お手数ですが、再度DLしていただくか、308行目と309行目を入れ替える編集をしていただきますようお願いいたします。
凡ミスでお恥ずかしい限りです。
サイト作りのお役に立てれば幸いです。
今後ともよろしくどうぞお願いいたします。

  • 2012/11/15 11:22:49

サキ

ミツ様
新たにDLさせて頂いて、無事に直りました。
素早いご対応、本当に有難うございました!

  • 2012/11/16 14:01:17

suzuki

こんにちは、以前ツイッターでIE9での表示がおかしいと問い合わせた者です。
久しぶりに訪問しましたら、正常に表示されるようになっておりました。ありがとうございました。

さっそく「freoでサイト全体を管理するテンプレートBasic2」をDLさせていただこうとページ階層をマニュアル通りに設定し、テンプレートの編集もしましたが、サイドメニューがサンプルのような表示になりません。
(gallery/genre1/aaa/001 の001部分が表示されない)
右側のページ部分は指定どおり表示されます。

サイドメニューのテンプレートをいじればいいかと思ったのですが、どうにもうまくいかなかったのでアドバイスをいただきたく存じます。
お手すきのときにでもよろしくお願いいたします。

  • 2014/02/15 14:55:16

suzuki

こんばんは、15日に質問した者です。
サイドメニューの件ですが、自己解決しました。

page_all/sidemenu/gallery/title2.html
のテンプレートも編集する必要があったんですね。
こちらのIDを編集したらちゃんと表示されました。お騒がせして申し訳ありませんでした。

TIPS等の解説が丁寧でとてもありがたいです。またちょくちょくうかがわせていただきます!

  • 2014/02/17 02:06:26

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ