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

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

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

利用の前に

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

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

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

サンプル

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

ダウンロード

導入方法

  1. freo公式サイトからページ一括プラグインをダウンロードし、手順に従って導入して下さい。
  2. 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]をコピー・ペーストして[gallery.html]にリネームし、ページ一括表示を入れたい箇所に下記ソースを追加してください。
            {* ページ一括表示プラグイン利用部分 ここから *}
            <!--{if $plugin_page_childs|smarty:nodefaults}-->
                <!--{if $page.id == 'gallery'}-->
                <div id="page_all">
                    {assign var="pid" value=$page.id}
                    {include file='plugins/page_all/gallery/gallery.html'}
                </div>
                <!--{elseif $plugin_page_parent.id == 'gallery'}-->
                <div id="page_all">
                    <div class="genre">
                        <h4>{$page.title}</h4>
                        {assign var="pid" value=$page.id}
                        {include file='plugins/page_all/gallery/genre.html'}
                    </div>
                </div>
                <!--{elseif $plugin_page_parent.pid == 'gallery'}-->
                <!--{if $page.id == 'gallery/genre1/aaa' or $page.id == 'gallery/genre2/eee'}-->{*■で表示したい階層*}
                <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/gallery/cube.html'}
                        </div>
                    </div>
                </div>
                <!--{elseif $page.id == 'gallery/genre1/bbb'}-->{*画像で表示したい階層*}
                <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/gallery/image.html'}
                        </div>
                    </div>
                </div>
                <!--{elseif $page.id == 'gallery/genre1/ccc'}-->{*タイトルで表示したい階層*}
                <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/gallery/title.html'}
                        </div>
                    </div>
                </div>
                <!--{elseif $page.id == 'gallery/genre1/ddd'}-->{*番号で表示したい階層*}
                <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/gallery/number.html'}
                        </div>
                    </div>
                </div>
                <!--{/if}-->
                <!--{else}-->
                <div id="page_all">
                    {assign var="pid" value=$page.id}
                    {include file='plugins/page_all/gallery/title.html'}
                </div>
                <!--{/if}-->
            <!--{/if}-->
            {* ページ一括表示プラグイン利用部分 ここまで *}
    
  6. [freo/templates/header.html][freo/templates/internals/pages/gallery.html]をアスキーモードでアップロードして下さい。
  7. ご自身のサイトの『gallery』ページでページ一括プラグインが正常に動作しているか確認してください。

更新履歴

2012.06.02
配布開始。
2012.06.02
リンクのページパス修正。
2012.06.11
image.htmlのエラーを修正。
2016.01.14
ページ一括表示ブロックをULリストからDIV要素で表示するよう変更。
グループ階層診断でページIDを個別で指定しなくて良いよう変更。
配布ファイルをそのままアップデート可能なようにフォルダ分け変更。
2018.06.17
サイト改装に伴いデザイン変更。

ページ移動

関連記事

ページ上部へ