メニュー

Home >freoTIPS>プラグイン系TIPS> ボードプラグインの一覧画面で記事の詳細情報を表示する方法

【freoTIPS】【プラグイン系TIPS】ボードプラグインの一覧画面で記事の詳細情報を表示する方法

2014/12/20 16:05|タグ:ボードプラグイングッジョブ表示 38

当サイトで配布しているボードプラグインでは、デフォルトの(何も編集を加えていない)状態だと、[freo/index.php/board]にアクセスしたとき、登録されている記事のタイトルが一覧表示されます。
これを、タイトルだけでなく、本文、画像、オプションなど詳細な情報を表示するようにするには、以下のとおりに編集してください。

  1. [freo/templates/plugins/board/default.html]の15~35行目を以下のように変更する。

            <h2>記事一覧</h2>
                <!--{foreach from=$plugin_boards|smarty:nodefaults item='plugin_board'}-->
                    <div class="board">
                        <h2><a href="{$freo.core.http_file}/board/view/{$plugin_board.id}">{$plugin_board.title}</a><!--{if $freo.user.id and $freo.user.id == $plugin_board.user_id}--><a href="{$freo.core.http_file}/board/form?id={$plugin_board.id}"><img src="{$freo.core.http_url}images/icons/edit.png" alt="編集" title="編集" width="16" height="16" /></a><!--{elseif $freo.user.authority == 'root' or $freo.user.authority == 'author'}--><a href="{$freo.core.http_file}/board/admin_form?id={$plugin_board.id}"><img src="{$freo.core.http_url}images/icons/edit.png" alt="編集" title="編集" width="16" height="16" /></a><!--{/if}--></h2>
                        <ul class="information">
                            <li>投稿日時:{$plugin_board.created|date_format:'%Y/%m/%d %H:%M'}</li>
                            <li>更新日時:{$plugin_board.modified|date_format:'%Y/%m/%d %H:%M'}</li>
                            <!--{if $plugin_board.category_id}--><li>カテゴリー:<a href="{$freo.core.http_file}/board?category_id={$plugin_board.category_id}">{$plugin_board_categories[$plugin_board.category_id].name}</a></li><!--{/if}-->
                            <!--{if $plugin_board_tags[$plugin_board.id]}--><li>タグ:<!--{foreach from=$plugin_board_tags[$plugin_board.id]|smarty:nodefaults item='plugin_board_tag' name='loop'}--><a href="{$freo.core.http_file}/board?tag={$plugin_board_tag|smarty:nodefaults|escape:'url'}">{$plugin_board_tag}</a><!--{if !$smarty.foreach.loop.last}-->,&nbsp;<!--{/if}--><!--{/foreach}--></li><!--{/if}-->
                        </ul>
                        <ul class="link">
                            <li>投稿者:{$plugin_board.name}</li>
                            <!--{if $plugin_board.mail}--><li><a href="mailto:{$plugin_board.mail}">MAIL</a></li><!--{/if}-->
                            <!--{if $plugin_board.url}--><li><a href="{$plugin_board.url}">URL</a></li><!--{/if}-->
                        </ul>
                        <!--{if $plugin_board_files[$plugin_board.id].file}--><div class="image"><!--{if $plugin_board_files[$plugin_board.id].file}--><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file.thumbnail.name}" alt="{$plugin_board.title}" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file.name}" alt="{$plugin_board.title}" /><!--{/if}--></a><!--{/if}--></div><!--{/if}-->
                        <div class="content">{$plugin_board.text|smarty:nodefaults|nl2br}</div>
                        <!--{if $plugin_board_files[$plugin_board.id].file01}-->
                        <h3>添付ファイル</h3>
                        <ul class="board_file">
                            <!--{if $plugin_board_files[$plugin_board.id].file01}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file01.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file01.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file01.thumbnail.name}" alt="{$freo.config.plugin.board.file01_name}" width="{$plugin_board_files[$plugin_board.id].file01.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file01.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file01.name}" width="{$plugin_board_files[$plugin_board.id].file01.width}px" height="{$plugin_board_files[$plugin_board.id].file01.height}px" alt="{$freo.config.plugin.board.file01_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file02}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file02.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file02.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file02.thumbnail.name}" alt="{$freo.config.plugin.board.file02_name}" width="{$plugin_board_files[$plugin_board.id].file02.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file02.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file02.name}" width="{$plugin_board_files[$plugin_board.id].file02.width}px" height="{$plugin_board_files[$plugin_board.id].file02.height}px" alt="{$freo.config.plugin.board.file02_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file03}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file03.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file03.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file03.thumbnail.name}" alt="{$freo.config.plugin.board.file03_name}" width="{$plugin_board_files[$plugin_board.id].file03.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file03.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file03.name}" width="{$plugin_board_files[$plugin_board.id].file03.width}px" height="{$plugin_board_files[$plugin_board.id].file03.height}px" alt="{$freo.config.plugin.board.file03_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file04}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file04.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file04.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file04.thumbnail.name}" alt="{$freo.config.plugin.board.file04_name}" width="{$plugin_board_files[$plugin_board.id].file04.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file04.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file04.name}" width="{$plugin_board_files[$plugin_board.id].file04.width}px" height="{$plugin_board_files[$plugin_board.id].file04.height}px" alt="{$freo.config.plugin.board.file04_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file05}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file05.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file05.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file05.thumbnail.name}" alt="{$freo.config.plugin.board.file05_name}" width="{$plugin_board_files[$plugin_board.id].file05.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file05.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file05.name}" width="{$plugin_board_files[$plugin_board.id].file05.width}px" height="{$plugin_board_files[$plugin_board.id].file05.height}px" alt="{$freo.config.plugin.board.file05_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file06}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file06.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file06.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file06.thumbnail.name}" alt="{$freo.config.plugin.board.file06_name}" width="{$plugin_board_files[$plugin_board.id].file06.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file06.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file06.name}" width="{$plugin_board_files[$plugin_board.id].file06.width}px" height="{$plugin_board_files[$plugin_board.id].file06.height}px" alt="{$freo.config.plugin.board.file06_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file07}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file07.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file07.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file07.thumbnail.name}" alt="{$freo.config.plugin.board.file07_name}" width="{$plugin_board_files[$plugin_board.id].file07.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file07.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file07.name}" width="{$plugin_board_files[$plugin_board.id].file07.width}px" height="{$plugin_board_files[$plugin_board.id].file07.height}px" alt="{$freo.config.plugin.board.file07_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file08}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file08.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file08.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file08.thumbnail.name}" alt="{$freo.config.plugin.board.file08_name}" width="{$plugin_board_files[$plugin_board.id].file08.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file08.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file08.name}" width="{$plugin_board_files[$plugin_board.id].file08.width}px" height="{$plugin_board_files[$plugin_board.id].file08.height}px" alt="{$freo.config.plugin.board.file08_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file09}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file09.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file09.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file09.thumbnail.name}" alt="{$freo.config.plugin.board.file09_name}" width="{$plugin_board_files[$plugin_board.id].file09.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file09.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file09.name}" width="{$plugin_board_files[$plugin_board.id].file09.width}px" height="{$plugin_board_files[$plugin_board.id].file09.height}px" alt="{$freo.config.plugin.board.file09_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                            <!--{if $plugin_board_files[$plugin_board.id].file10}-->
                            <li><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file10.name}" title="{$plugin_board.title}"><!--{if $plugin_board_files[$plugin_board.id].file10.thumbnail}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_thumbnails/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file10.thumbnail.name}" alt="{$freo.config.plugin.board.file10_name}" width="{$plugin_board_files[$plugin_board.id].file10.thumbnail.width}px" height="{$plugin_board_files[$plugin_board.id].file10.thumbnail.height}px" /><!--{else}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/board_files/{$plugin_board.id}/{$plugin_board_files[$plugin_board.id].file10.name}" width="{$plugin_board_files[$plugin_board.id].file10.width}px" height="{$plugin_board_files[$plugin_board.id].file10.height}px" alt="{$freo.config.plugin.board.file10_name}" /><!--{/if}--></a></li>
                            <!--{/if}-->
                        </ul>
                        <!--{/if}-->
                        <!--{if $plugin_board.option01 != ''}-->
                        <h3>オプション</h3>
                        <table summary="オプション情報">
                            <tr>
                                <th>{$freo.config.plugin.board.option01_name}</th>
                                <td>{$plugin_board.option01|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{if $plugin_board.option02 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option02_name}</th>
                                <td>{$plugin_board.option02|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option03 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option03_name}</th>
                                <td>{$plugin_board.option03|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option04 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option04_name}</th>
                                <td>{$plugin_board.option04|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option05 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option05_name}</th>
                                <td>{$plugin_board.option05|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option06 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option06_name}</th>
                                <td>{$plugin_board.option06|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option07 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option07_name}</th>
                                <td>{$plugin_board.option07|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option08 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option08_name}</th>
                                <td>{$plugin_board.option08|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option09 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option09_name}</th>
                                <td>{$plugin_board.option09|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                            <!--{if $plugin_board.option10 != ''}-->
                            <tr>
                                <th>{$freo.config.plugin.board.option10_name}</th>
                                <td>{$plugin_board.option10|smarty:nodefaults|nl2br}</td>
                            </tr>
                            <!--{/if}-->
                        </table>
                        <!--{/if}-->
                        <ul class="link">
                            <!--{if $freo.user.id and $freo.user.id == $plugin_board.user_id}--><li><a href="{$freo.core.http_file}/board/form?id={$plugin_board.id}">記事を編集する</a></li><!--{elseif $freo.user.authority == 'root' or $freo.user.authority == 'author'}--><li><a href="{$freo.core.http_file}/board/admin_form?id={$plugin_board.id}">記事を編集する</a></li><!--{/if}-->
                            <li><a href="{$freo.core.http_file}/board/view/{$plugin_board.id}#response">記事数({$plugin_response_counts[$plugin_board.id]})</a></li>
                            <li><a href="{$freo.core.http_file}/response/form?board_id={$plugin_board.id}#response_form">レスポンスをつける</a></li>
                        </ul>
                    </div>
                <!--{/foreach}-->
    
  2. 上記テンプレートを上書きしてアップロードする。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

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

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ