改寫最新文章列表

部落格

改寫最新文章列表

上次的教學中，轉換到編輯模式，再右上方的工具欄中點擊內容的按鈕，你可能會發現，先前的貼文連結不見了
要解決這個問題，必須回到你的模板中，打開 latest_articles.html 的檔案，就在 /templates/aldryn_newsblog/plugins/ 的資料夾底下，它的內容應該如下:

{% load i18n %}

{% for article in article_list %}
    {% include "aldryn_newsblog/includes/article.html" with namespace=instance.app_config.namespace %}
{% empty %}
    <p>{% trans "No items available" %}</p>
{% endfor %}

在檔案底部後面的程式碼如下:

<!-- Pager -->
<div class="clearfix">
  <a class="btn btn-primary float-right" href="#">Older Posts →</a>
</div>

儲存剛才的變更後回到瀏覽器。
現在打開在 templates/aldryn_newsblog/includes 中的 article.html ，並且依照以下內容改寫:

從

{% render_model article "title" %}

改寫成以下

{% render_model article "title" "" "" "striptags" %}

從

{% render_model article "lead_in" "" "" "truncatewords:'20'" %}

改寫成以下

{% render_model article "lead_in" "" "" "truncatewords:'20'|striptags" %}

從

{% render_model article "lead_in" %}

改寫成以下

{% render_model article "lead_in" "" "" "striptags" %}

從

{{ article.publishing_date|date }}

改寫成以下

{{ article.publishing_date|date:"F d, Y" }}

striptags 可以正確的顯示出文章的標題，去掉 HTML 定義的所有標記，因為標題的文字本身就已經在 <h2> 或 <h3> 的標籤裡了。
日期: "F d, Y" 使日期依照主題格式化

儲存在 article.html 的變更

編組日期及時間

Django 在日期及時間樣態的部分提供 extensive configuration。在我們 article.html 的範例中，我們用 "date: F d, Y" 來指定我們所想要的格式，在文章中顯示 "Posted by Start Bootstrap on February 2, 2016"。當我們用 "date" 作為篩選器， Django 就會在你的 settings.py 檔案中，使用他預設的那些樣態。

最後剩下來還沒調動的就是就有文章的連結。回到 templates/aldryn_newsblog/plugins 中的 latest_articles.html ，把第一行換成以下:

{% load i18n apphooks_config_tags %}

並且找到加下來的程式碼

<a class="btn btn-primary float-right" href="#">Older Posts →</a>

找到後，換成以下的內容:

<a class="btn btn-primary float-right" href="{% namespace_url "article-list" namespace=instance.app_config.namespace default='' %}">Older Posts →</a>

儲存檔案後，結果應該看起來像這樣:

下一步我們會繼續說明如何讓部落格專頁的 header 可以更漂亮

上一篇: 新增最新文章插件

部落格