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

> Entry >freo>freoTips>プラグイン系TIPS> テンプレートを変えるだけでリンクをカテゴリーごとに表示する方法

【freo】【freoTips】【プラグイン系TIPS】テンプレートを変えるだけでリンクをカテゴリーごとに表示する方法

当サイトで配布しているバナー付きリンクプラグインのリンクをカテゴリーごとに表示する方法です。

バナー付きリンクプラグインでは、カテゴリーをつけることができます。
これを使って、リンクを分類することができます。
デフォルトのままだとカテゴリーがごちゃ混ぜで表示されてしまうので、カテゴリーごとに表示してみます。

[freo/templates/plugins/link/default.html]をエディタで開きます。
28~78行目を変更します。
デフォルトではこうなってます↓

        <h2>リンク一覧</h2>
        <table id="link">
       
        ~中略~
       
            </tbody>
        </table>

これを、下記のように変更します。

<!--{foreach from=$plugin_link_categories|smarty:nodefaults item='plugin_link_category' name='loop'}-->
<h3><a href="{$freo.core.http_file}/link?category_id={$plugin_link_category.id}">{$plugin_link_category.name}</a></h3>
    <table id="link">
        <thead>
            <tr>
                <th>サイト名</th>
                <th>バナー</th>
                <th>コメント</th>
                <th>タグ</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>サイト名</th>
                <th>バナー</th>
                <th>コメント</th>
                <th>タグ</th>
            </tr>
        </tfoot>
        <tbody>
            <!--{foreach from=$plugin_links|smarty:nodefaults item='plugin_link'}-->
            <!--{if $plugin_link_category.id == $plugin_link.category_id}-->
            <tr>
                <td><!--{if $plugin_link.url}--><a href="{$plugin_link.url}" target="_blank">{$plugin_link.title}</a><!--{else}-->{$plugin_link.title}<!--{/if}--></td>
                <td>
                    <!--{if $plugin_link_files[$plugin_link.id].file}-->
                    <img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/link_files/{$plugin_link.id}/{$plugin_link_files[$plugin_link.id].file}" alt="{$plugin_link.title}" />
                    <!--{elseif $plugin_link.imageurl}-->
                    <img src="{$plugin_link.imageurl}" alt="{$plugin_link.title}" />
                    <!--{/if}-->
                </td>
                <td>{$plugin_link.text}</td>
                <td>
                    <!--{foreach from=$plugin_link_tags[$plugin_link.id]|smarty:nodefaults item='plugin_link_tag' name='loop'}-->
                        <a href="{$freo.core.http_file}/link?tag={$plugin_link_tag|smarty:nodefaults|escape:'url'}">{$plugin_link_tag}</a><!--{if !$smarty.foreach.loop.last}-->,&nbsp;<!--{/if}-->
                    <!--{/foreach}-->
                </td>
            </tr>
            <!--{/if}-->
            <!--{/foreach}-->
        </tbody>
    </table>
<!--{/foreach}-->

つまりはこんな感じです↓

<h3>カテゴリー名</h3>
<!--{リンクカテゴリーの繰り返しここから}-->
<h3><a href="{$freo.core.http_file}/link?category_id={リンクカテゴリーID}">{リンクカテゴリー名}</a></h3>
    <table id="link">
        <thead>
            <tr>
                ~中略~
            </tr>
        </thead>
        <tfoot>
            <tr>
                ~中略~
            </tr>
        </tfoot>
        <tbody>
            <!--{リンクの繰り返しここから}-->
            <!--{もし今繰り返しているカテゴリーIDと今繰り返しているリンクのカテゴリーIDが等しければここから}-->

                ~中略~

            <!--{もし今繰り返しているカテゴリーIDと今繰り返しているリンクのカテゴリーIDが等しければここまで}-->
            <!--{リンクの繰り返しここまで}-->
        </tbody>
    </table>
<!--{リンクカテゴリーの繰り返しここまで}-->

ちなみに、ページやデフォルト画面に表示したい場合も、↑のソースを利用できます

ページ移動

関連記事

ページ上部へ