完成了程式的修改之後,接下來換 summary 模版的修改。完成模版的修改之後,就可以在摘要頁面的首頁顯示最新消息了。
摘要頁面的模版位於 templates/summary 目錄,其中,跟摘要頁面首頁有關的模版檔案有三個:
- index.template
安排整個首頁各區塊的位置,中央 main-column 上方的歡迎區塊,還有左右兩邊各區塊的細節。 - recent.template
中央 main-column 最新發表的文章區塊的樣版檔。 - post.template
由 recent.template 引入(include),為每篇最新文章顯示細節的樣版檔。
我想採用華龍國小部落格摘要網站的方式,將最新消息放在歡迎區塊的位置,而最新消息區塊的樣版檔則是另外寫,然後在 index.template 中歡迎區塊的位置引入(include)。以下是我的最新消息樣版檔 announces.template :
<div id="intro">
{*以文章分類名稱做為區塊標題*}
<h4>{$annCategory->getName()}</h4>
<ul class="itemList">
{foreach from=$announces item=announce}
{assign var="blog" value=$announce->getBlogInfo()}
{assign var="url" value=$blog->getBlogRequestGenerator()}
<li class="item">
{*以文章標題做成超連結,並擷取文章的前 100 個字元做為超連結的說明文字*}
<a href="{$url->postPermalink($announce)}" title={$announce->getText()|strip_tags|truncate:200:"..."}>
{$announce->getTopic()|strip_tags}
</a>
</li>
{/foreach}
</ul>
{*建立連至網站管理員最新消息文章分類頁面的超連結,以方便查看*舊的*最新消息。*}
<a href="{$url->categoryLink($annCategory)}">more...</a>
</div>
說到製作樣版,那可真是我心中的痛!上面的樣版是「最多人閱讀的文章區塊」加上「歡迎區塊」的綜合體,我也只能抄成這樣了。
接下來,修改 index.template 模版,將 announces.template 引入歡迎區塊的位置,並將歡迎區塊註解掉。
......column-left 部份省略.........
<div id="maincolumn">
{*
<div id="intro">
<h4>{$locale->tr("summary_welcome")}</h4>
歡迎來到內壢高中 blog 站!<br />
本站目前正在測試中,暫不開放註冊!本校同仁若有興趣參與測試,請洽資訊媒體組。
</div>
*}
{include file="summary/announces.template"}
{include file="summary/recent.template"}
</div>
......column-right 部份省略.........
到目前為止,摘要頁面首頁原來顯示歡迎區塊的地方應該可以看到標題 General 、歡迎的文章超連結以及 more... 超連結了。現在,只要在網站管理員的 blog 發表的 General 類別新文章都可以在這裡顯示了。
待續....
沒有留言:
張貼留言