生活分享

Newspaper 主題架設內容網站:分類首頁與閱讀頁設計

Newspaper 主題適合整理多篇內容,但分類首頁、文章清單和閱讀頁需要各自設計。本文說明 tagDiv Composer 與 Cloud Library 的分工,從預建網站匯入、分類範本、Flex Block 篩選到 Single Post Content 逐步規劃。也整理手機版、示範內容清理、文章重複與載入檢查,協助建立能持續更新的內容網站,而不是只完成一個資訊過多的雜誌首頁。

更新日期: 閱讀時間約 7 分鐘

原創封面以文件、資料夾與螢幕呈現文章內容、分類整理和閱讀網站。
圖片:Mokaair (© Mokaair)

生活內容累積到數十篇後,首頁不必把所有文章一次排出來。讀者可能只想找收納方法、閱讀筆記或週末活動,因此分類入口和閱讀頁比塞滿圖卡更重要。Newspaper 提供許多展示工具,使用時仍要先決定內容如何被找到。

本文依 2026 年 9 月 14 日查閱的 tagDiv 官方資料整理,採用生活編輯網站作為原創例子。文章只說明已核對的工具用途與操作,不引用來源網站推薦排名,也不把預建版型的示範文章、流量或讀者數當成自己的成果。

先安排內容系統,再選展示版型

先把現有文章分成少量穩定方向,例如居家整理、閱讀方法與生活工具。分類名稱要能讓讀者預期內容,並補上簡短介紹。標籤可用來補充較細的主題,不必全部進入主選單;分類首頁也不需要每一類長得完全不同。

首頁可安排本週編選、最近更新及各分類入口,文章內頁則提供正文與適量延伸閱讀。編選代表編輯決定,不應假稱最多人閱讀;若沒有可靠瀏覽統計,就不要用熱門排名包裝任意排序。先為每一個清單區塊寫下選文規則。

Newspaper 的 tagDiv Composer 處理視覺頁面及範本,Cloud Library 提供可匯入和客製的版型。WordPress 文章仍負責正文與分類資料。先理解這三層,才能避免更改一篇文章內容時誤動整個閱讀範本。

匯入預建網站前確認內容保留方式

安裝時使用套件中的 Newspaper.zip 主題檔,完整下載包可能還包含文件和外掛,不能整包當主題上傳。依目前版本的 Welcome 或 Plugins 提示配置必要項目,並完成授權啟用。Composer、Cloud Library 與額外功能外掛的用途需分別記錄。

在 Newspaper、Pre-built websites 可預覽並安裝展示版型。Include content 開啟時會帶入示範文章、分類與選單等,關閉則主要使用預設設定及設計。即使不匯入文章,仍要先備份網站設定,不能把選項關閉理解成完全沒有變動。

官方特別提醒匯入的示範內容可能在切換或移除預建網站時被清除。需要沿用排列方式時,先複製成自己管理的頁面,再填入原創內容。不要只把示範文章改個標題就當成長期正式文章,也不要在未保存成果時反覆更換展示站。

分類範本要跟著當前分類取文

開啟實際分類頁,透過 Cloud Library 選擇分類範本,建立後可用 tagDiv Composer 調整。需要各分類共用時,將合適範本設為全域;只有少數分類確有特殊需求時,再指定個別範本。先測兩個內容不同的分類,確認不是所有頁面都顯示同一批文章。

在分類範本的 Flex Block,可使用 Category – Current category 等對應範本情境的篩選。若手動固定選某個分類或填入多個分類 ID,可能改變原本動態取文方式。共用範本應先保持最簡單的條件,再增加必要限制。

分類標題與描述也應反映當前分類,而非寫死某個名稱。準備一個文章很少的分類和一個需要翻頁的分類做測試,確認空間、分頁和沒有內容時的狀態。發布新文章後回到對應分類檢查,才知道自動列表真的接上資料。

  1. 建立或整理 WordPress 分類,補上可理解的名稱與介紹。
  2. 在分類頁建立 Cloud Library 範本,放入需要的標題及文章列表。
  3. 將列表設為符合當前分類的取文條件,避免殘留固定示範 ID。
  4. 測試不同分類、下一頁及新文章出現情況,再決定全域或個別套用。

首頁區塊的篩選與排序要能解釋

Flex Block 的 Filter 可依文章、分類、標籤或作者等條件選取內容,再設定排序。先區分「最近發布」和「最近修改」:前者反映新文章,後者可能讓舊文更新後重新出現。區塊標題應對應實際規則,不要讓讀者誤會內容時間。

首頁上方精選與下方最新列表可能出現同一篇文章,這不一定是錯誤,但過度重複會浪費閱讀空間。可以依明確規則排除已選文章,或在同一取文順序下使用合適的起始偏移;不要任意填大 offset,讓少量文章的分類看起來完全沒有內容。

官方提醒 Random posts 不宜搭配分頁,因重新載入後排序改變可能造成重複文章。需要穩定翻閱的列表應選擇可預期的排序,並測試第一頁到後續頁。每增加一個 AJAX 篩選或載入按鈕,也要檢查沒有結果和操作失敗時的畫面。

閱讀頁以動態正文和可讀文字為核心

Single Post Template 負責文章頁的呈現,標題、作者、日期和正文應使用對應的動態元素。Single Post Content 是實際文章正文的位置,不能用固定文字區塊貼上一份通用內容。先用長文章、短文章及沒有特色圖片的文章確認範本。

文章主要內容要有清楚的字級、段落間距與標題層級,並保留合理行寬。作者、更新時間與圖片說明需依真實資料顯示。相關文章的目的在於幫讀者接續問題,不必在正文前放大量清單,把真正要讀的內容推到下面。

若使用廣告或其他嵌入內容,先安排不遮擋閱讀的位置,並測試尚未載入及載入後的版面。不要為了增加廣告空間將一小段文章拆成許多頁,也不要讓浮動元件蓋住關閉按鈕。沒有必要的計數與側欄可以省略。

手機與效能需要獨立驗收

先檢查目前使用的是響應式主版型,還是另外啟用的 tagDiv Mobile Theme。後者有自己的頁首、選單及文章設定,不能假設桌面範本改了,手機所有部分就會同步。若沒有明確理由使用獨立手機外掛,先評估現有版型的響應式能力。

在手機打開首頁、分類、文章與搜尋,核對同一篇內容是否完整、連結是否一致,以及選單和翻頁能否操作。快取設定也要配合實際裝置呈現方式,避免把一種版型快取給另一種裝置。更新後用未登入狀態再測一次。

控制首頁區塊數、縮圖尺寸、外部嵌入及不必要外掛,再以相同條件比較載入結果。保存主題、Composer、Cloud Library 和選用外掛版本,安排更新前備份。內容網站的維護重點是新增文章後能正確分類、展示和閱讀,而不是把所有模組都放上首頁。

原創圖解展示 WordPress 文章資料、首頁區塊、分類範本與閱讀範本的分工,說明各處應如何取用內容。
先定義內容規則,再調整版型,避免所有清單都顯示同一批文章。 · 圖片:Mokaair (© Mokaair)
同一篇文章可以出現在不同入口,但每個清單應有明確用途。
頁面位置主要工作檢查問題
首頁編選與分類入口區塊規則是否清楚
分類範本呈現當前分類內容有無寫死分類或 ID
文章列表篩選、排序與分頁後續頁是否重複或空白
文章範本動態標題與正文Single Post Content 是否存在
手機呈現導覽與完整閱讀主版型或獨立 Mobile Theme

  • 生活分享

    Wix 架站指南:編輯網站、選擇方案與網址

    第一次使用 Wix,先釐清網站要完成什麼,再選擇版型與付費方案。本文以原創修鞋工作室介紹站為例,整理 Wix Editor 的頁面編輯、手機檢查、儲存預覽與發布流程,並說明自訂網域、續費、台灣付款工具及平台搬遷限制。附操作步驟、比較表和自繪圖解,協助把網站內容、功能需求與長期管理成本一起考慮,避免只看首頁完成就急著升級。

  • 生活分享

    線框圖與原型怎麼用:先驗證流程再修視覺

    線框圖、視覺稿與互動原型各有用途,重點是目前需要驗證哪一個問題。本文用原創到府植栽照護預約情境,說明如何挑選保真度、補齊流程與例外狀態,準備不暗示答案的操作任務,再將測試觀察轉成修改紀錄。附操作步驟、比較表及原創圖解,協助設計初學者與小型團隊,在投入正式開發前先看懂使用上的困難。

  • 生活分享

    www、子網域與子目錄:網站網址結構怎麼決定

    網站要不要加 www,部落格該放 blog.example.com 還是 example.com/blog/,需要從平台支援與維護方式一起判斷。本文先拆解網址中的主機名稱和路徑,再比較子網域與子目錄的內容分工、DNS 設定、HTTPS 憑證及網址一致性。附上原創決策表與上線檢查步驟,協助台灣小型網站建立容易使用、管理和交接的網址結構。

  • 生活分享

    網站維護要做什麼:備份、更新與故障回報的日常安排

    網站維護不只是更新外掛,也包含確認內容、帳號、備份、寄信與到期服務。本文以小型 WordPress 內容網站為例,把維護工作拆成日常觀察、更新前後檢查、備份還原及故障回報,提供可以分配給站主、編輯與維護者的工作表。你可以依網站更新頻率安排合適節奏,知道什麼情況要立即處理,並保留足以讓下一位協作者接手的紀錄。

最新旅遊情報攻略

資料來源

生活分享