メニュー

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

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

2012/06/29 23:51|タグ:|グッジョブ表示 64

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

はじめに

テンプレートについて

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

ライセンスについて

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

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

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

サンプル

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

特徴

・サイトの各所でオプションの情報を取得するようにしています。
・ページメニュープラグイン部分をmenu.htmlに記述してheader.htmlから読み込んで表示させます。
・パンくずリスト表示プラグイン部分をpan.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.09.03  [templates/internals/page/gallery.html]の307行目の「</div><!-- #product -->」を308行目に変更。
  2013.01.23 フォルダ構成を修正。

ページ移動

関連エントリー

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

コメント

ありす

いつぞやはお世話になりました。
今回、こちらのテンプレートをお借りしました。
サンプルのgalleryページのフッター部分のデザインがズレているのは仕様でしょうか?
自分でアップした所やはりズレるのでソースを見たところ、<div id="product">の閉じタグが反映されていないようで、それでズレて表示されていると思われます。
ご確認頂けると助かります。

  • 2012/09/02 16:50:23

ミツ@32877

コメントありがとうございますー。
少々多忙につき後日改めてテンプレートを確認します。
でも</div>を抜かしてるとかいかにも自分がやりそうな凡ミスなので多分ご指摘の通りかと思われます。
ご不便をおかけして申し訳ございません。

  • 2012/09/02 23:33:20

ありす

ご多忙の所恐縮です。

閉じタグの数は合っています。ただ、ページを作った直後時で1つだけ反映されていないので閉じタグの位置ではないかと思います。

一応自分の方では反映される場所に移して対処しています。
なので、ゆっくりで構いませんので宜しくお願い致します。
あと、当方Firefoxの最新版で確認しています。

どうかご無理をなさらずに。ご自愛下さい。

  • 2012/09/03 06:37:53

ミツ@32877

コメントありがとうございますー。
ご指摘の通り、<!--{/if}-->と</div>の場所が入れ違っていたので、修正してアップロードし直しました。
壊滅的なミスでなくてよかったです。
お知らせいただいてありがとうございました!

  • 2012/09/03 22:11:28

ありす

こんにちは、お世話になっております。
少し気になる事がありますのでコメントを残します。

freoのテンプレートではドキュメントが「XHTML 1.0」となっていますよね。
その場合、<br><img>等の空タグは<img ○○○ />のように閉じないとおかしいです。

こちらのすべてのテンプレサンプルでは改行タグが<br>になっていますが、配布されている物なので直された方がいいと思います。

取りあえず、現時点では空タグが閉じられていなくても表示の不具合は起きていないようですが、この先ドキュメント宣言に準じたブラウザが主流となれば正確な記述でないと表示崩れを起こす場合もあるかと思います。

お忙しいとは思いますが、修正されるよう願います。

  • 2012/11/21 10:39:31

ミツ@32877

コメントありがとうございますー。
ご指摘のとおり閉じタグのない部分に関しては今後配布しているテンプレートのフォルダ階層を修正する際にまとめて修正しようと思っています。
ご指摘ありがとうございました。

  • 2012/11/21 13:22:31

ナオ

はじめまして。
此方のテンプレートに惹かれて使わせて頂こうと設置途中です。
例の通りにオプション登録も行っているのですが、「novel_arasuji」が「novel.html」ではなく小説本文の最後に反映されていたり「novel_length」も同じく本文の最後に「短編」書かれてしまいます。
sampleのように「novel.html」のページのみに記載するにはどうすれば良いでしょうか?

ナオ

すみません。
自分で読んで伝わりにくいかと思ったので補足です。
長編は親につけるので大丈夫なのですが、
親がない子のみの作品での対処方法が知りたいです。
お手数とは思いますがよろしくお願いします。

ミツ@32877

こんにちは。

32877:freoを小説サイトやイラストサイトとして使用するときのページID設定例
http://32877.xii.jp/index.php/view/42

上記URLで紹介しているとおりにページは作成できていますか?
ページIDが[novel]から始まるページ(例えば[novel/aaa/01]など)では、ページ本文の下部に登録されているオプション一覧が表示されないようにテンプレートを作成していますが、用意しているテンプレートが適用されていないようです。
ページIDを確認して下さい。
それでも上記現象が解消されない場合、設置URLを教えてください。

  • 2017/05/13 20:12:02

ナオ

返信ありがとうございます。
ページIDなどを確認したのですが、やはり短編の場合本文末にオプションが挿入されてしまいます。
お手数とは思いますがメールにて設置URLを送付いたしましたのでご確認お願いします。

  • 2017/05/14 03:34:14

ミツ@32877

こんにちは。
URLを送っていただきありがとうございました。

やはりページIDのつけかたが間違っています。
ページIDは、ページIDが[novel]のページの子ページとして各作品ページを作成するだけでなく、ページID自体を[novel/(novelという文字列と「/(スラッシュ)」)]から始まるものにして、novelページとの親子関係を明確にしてください。

ナオさんのサイトで言えば、短編のページは[SS01]というページIDではなく、[novel/SS01]にしなければいけません。
また、長編ページも[novel/long]、シリーズ1は[novel/long/jiling]、シリーズ1の1話は[novel/long/jiling/j-01]にしてください。
下記URLを参考にページIDを振り直してください。

32877:freoを小説サイトやイラストサイトとして使用するときのページID設定例
http://32877.xii.jp/index.php/view/42

  • 2017/05/14 10:04:43

ミツ@32877

また、下記解説も参考になりますのでご一読ください。

freo:エントリーごと、ページごとにテンプレートを変更する
http://freo.jp/document/function/level.html

freo:エントリーごと、ページごとにテンプレートを変更する
http://freo.jp/document/customize/template_entry_page.html

  • 2017/05/14 10:04:50

ナオ

早速のご確認ありがとうございます。
無事にIDを振り直したら反映しました。
物凄い勘違いをしておりました。
何度もお手を煩わせて申し訳ありません。
ですが、とても助かりました。
改めてありがとうございました。

  • 2017/05/14 21:46:17

コメント登録

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

ユーティリティ

新着コメント

2017/05/14|from:ナオ
freoでサイト全体を管理する...
2017/05/14|from:ミツ@32877
freoでサイト全体を管理する...
2017/05/14|from:ミツ@32877
freoでサイト全体を管理する...
2017/05/14|from:ナオ
freoでサイト全体を管理する...
2017/05/13|from:ミツ@32877
freoでサイト全体を管理する...

Twitter

サイト内検索

新着コメント

  • word
    208
  • word
    29
  • word
    218
  • word
    25
  • word
    206

ページ上部へ