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

> Entry >freo>freoテンプレート>プラグイン用テンプレート> freoページ一括表示プラグインテンプレート(同人サークルインフォメーション用)配布

【freo】【freoテンプレート】【プラグイン用テンプレート】freoページ一括表示プラグインテンプレート(同人サークルインフォメーション用)配布

利用の前に

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

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

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

サンプル

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

ダウンロード

page_all_3287_3_0_3.zip

導入方法

  1. freo公式サイトからページ一括プラグインをダウンロードし、手順に従って導入して下さい。
  2. 同人サークルインフォメーションページで使うと便利なオプション登録例を参考に[info_sample1]と[info_sample2]のオプションを登録してください。
  3. freoで同人サークルインフォメーションページを作成するときのページID例を参考にしながら同人誌紹介ページを作成してください。
    • ページファイルを「同人誌表紙」として利用しています。
    • [info_sample1]オプションを本文サンプル1として利用しています。
    • [info_sample2]オプションを本文サンプル2として利用しています。
  4. [css]フォルダ・[templates]フォルダをアスキーモードでアップロードして下さい。
  5. [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" /> 
    を追加して下さい。
  6. [freo/templates/internals/pages/default.html]をコピー・ペーストして[info.html]にリネームし、ページ一括表示を入れたい箇所に下記ソースを追加してください。
        <!--{if $plugin_page_childs|smarty:nodefaults}-->
         {* ページ一括表示プラグイン利用部分 ここから *}
        <!--{if $page.id == 'info'}-->
            <!--{if $page_text.excerpt}-->
            {$page_text.excerpt|smarty:nodefaults}
            <!--{/if}-->
            <div id="page_all">
                {assign var="pid" value=$page.id}
                {include file='plugins/page_all/info/info.html'}
            </div>
        <!--{elseif $plugin_page_parent.id == 'info'}-->
            <div id="page">
                <div class="info">
                    <h4>{$page.title}</h4>
                    {assign var="pid" value=$page.id}
                    {include file='plugins/page_all/info/info2.html'}
                </div>
            </div>
        <!--{elseif $plugin_page_parent.pid == 'info'}-->
            <div id="page_all">
                <div class="info">
                    <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/info/book.html'}
                    </div>
                </div>
            </div>
        <!--{/if}-->
        {* ページ一括表示プラグイン利用部分 ここまで *}
        <!--{else}-->
        {* 同人誌情報ここから *}
            <div id="book_data">
                <div class="image">
                <!--{if $page_thumbnail}-->
                    <a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$page.id}/{$page.file}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_thumbnails/{$page.id}/{$page.file}" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_thumbnail.width}" height="{$page_thumbnail.height}" /></a>
                <!--{elseif $page.file}-->
                    <img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$page.id}/{$page.file}" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_file.width}" height="{$page_file.height}" />
                <!--{/if}-->
                    <ul>
                        <!--{if $page_associate.option.info_sample1}-->
                        <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_options/{$page.id}/info_sample1/{$page_associate.option.info_sample1}">本文サンプル</a></li>
                        <!--{/if}-->
                        <!--{if $page_associate.option.info_sample2}-->
                        <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_options/{$page.id}/info_sample2/{$page_associate.option.info_sample2}">本文サンプル</a></li>
                        <!--{/if}-->
                    </ul>
                </div>
                <div class="note">
                    <!--{if $page_text.excerpt}-->
                    {$page_text.excerpt|smarty:nodefaults}
                    <!--{/if}-->
                </div>
            </div>
        {* 同人誌情報ここまで *}
        <!--{/if}-->
    
  7. 変更したファイルを全てアスキーモードでアップロードして下さい。
    • css/plugins/page_all.css
    • templates/header.html
    • templates/internals/pages/info.html
    • templates/plugins/page_all/info/book.html
    • templates/plugins/page_all/info/info.html
    • templates/plugins/page_all/info/info2.html
  8. ご自身のサイトの『info』ページでページ一括プラグインが正常に動作しているか確認してください。

更新履歴

2012.06.14
配布開始
2016/01/15
ページ一括表示ブロックをULリストからDIV要素で表示するよう変更。
グループ階層診断でページIDを個別で指定しなくて良いよう変更。
配布ファイルをそのままアップデート可能なようにフォルダ分け変更。
2018.06.17
サイト改装に伴いデザイン変更。
利用するオプションを変更。

ページ移動

関連記事

ユーティリティ

Twitter

ページ上部へ