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

> Entry >freo>freoテンプレート>プラグイン用テンプレート> freoページ一括表示プラグインテンプレート(小説用)配布

【freo】【freoテンプレート】【プラグイン用テンプレート】freoページ一括表示プラグインテンプレート(小説用)配布

利用の前に

このページでは、freo公式サイトで配布されているページ一括表示プラグインのプラグインテンプレートを配布しています。
プラグインの導入方法はfreo公式サイトをご覧ください。

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

テンプレートの内容は、ご自身の環境に合わせてご自由に編集して下さい。
テンプレートの利用・編集について許可を得る必要はありませんが、今後のテンプレート開発の参考の為、利用したサイトのURLをご報告頂けるとありがたいです。

サンプル

こちらでサンプルをご用意しています。

ダウンロード

導入方法

  1. freo公式サイトからページ一括プラグインをダウンロードし、手順に従って導入して下さい。
  2. ページID[novel]以下にfreoを小説サイトやイラストサイトとして使用するときのページID設定例を参考に作品を登録してください。
  3. [css]フォルダ・[templates]フォルダをアスキーモードでアップロードして下さい。
  4. [freo/templates/header.html]の<head>~</head>内に
     <link rel="stylesheet" href ="{$freo.core.http_url}{$smarty.const.FREO_CSS_DIR}plugins/page_all.css" type="text/css" media="all" /> 
    を追加して下さい。
  5. [freo/templates/internals/pages/default.html]をコピー・ペーストして[novel.html]にリネームし、ページ一括表示を入れたい箇所に下記ソースを追加してください。
            {* ページ一括表示プラグイン利用部分 ここから *}
            <!--{if $plugin_page_childs|smarty:nodefaults}-->
                <!--{if $page.id == 'novel'}-->
                    <div id="page_all">
                        {assign var="pid" value=$page.id}
                        {include file='plugins/page_all/novel/novel.html'}
                    </div>
                <!--{elseif $page.pid == 'novel'}-->
                    <div id="page_all">
                        <div class="genre">
                            <h4>{$page.title}</h4>
                            {assign var="pid" value=$page.id}
                            {include file='plugins/page_all/novel/genre.html'}
                        </div>
                    </div>
                <!--{elseif $page_alls[$page.pid].pid == 'novel'}-->
                    <div id="page_all">
                        <div class="genre">
                            <h4><a href="{$freo.core.http_file}/page/{$plugin_page_parent.id}">{$plugin_page_parent.title}</a></h4>
                            <div class="group">
                                <h5>{$page.title}</h5>
                                {assign var="pid" value=$page.id}
                                {include file='plugins/page_all/novel/group.html'}
                            </div>
                        </div>
                    </div>
                <!--{else}-->
                    <div id="page_all">
                        <div class="story">
                            {assign var="pid" value=$page.id}
                            {include file='plugins/page_all/novel/story.html'}
                        </div>
                    </div>
                <!--{/if}-->
            <!--{/if}-->
            {* ページ一括表示プラグイン利用部分 ここまで *}
    
  6. [freo/templates/header.html][freo/templates/internals/pages/novel.html]をアスキーモードでアップロードして下さい。
  7. ご自身のサイトの『novel』ページでページ一括プラグインが正常に動作しているか確認してください。

更新履歴

2012/04/17
配布開始
2012/04/17
novel.htmlのプラグインテンプレート条件分岐を修正。
2016.01.14
ページ一括表示ブロックをULリストからDIV要素で表示するよう変更。
グループ階層診断でページIDを個別で指定しなくて良いよう変更。
配布ファイルをそのままアップデート可能なようにフォルダ分け変更。
2016.02.05
2016.01.14更新で旧ファイルをアップロードしていた不具合を解消し新ファイルに差し替え。
2018.06.17
サイト改装に伴いデザイン変更。
novel.htmlのプラグインテンプレート条件分岐を修正。

ページ移動

関連記事

ユーティリティ

Twitter

ページ上部へ