Drupal 秀: 南華早報 Interests - International property

English version: http://joetsuihk.com/scmp_interests_international_property

http://interests.scmp.com/international-property/
這是雖然不是我第一個在南華早報的計劃
但這算是一個 2010上半年的 Drupal代表作

網站結構

1. 三層導航 – 首頁, 分類(國家), 文
2. 五個內容類型:
1. 文章
2. 精彩文章
3. 圖片
4. 固定頁面
5. 有用連結

首頁結構
整個首頁使用一個 views 完成, 其中包含了5個部分

1. views::attachment Featured (附件類: 精彩文章區)

• 最多顯示5組圖片, 自動循環顯示
• 使用了 jQuery Galleriffic 插件
• 內容類型為贊助文章

• 三篇贊助文章

• 三篇最近上傳的文章

• 全部 “圖片”內容
• 點擊打開大圖 (by fancybox)

• 列出全部站內文章
• 以國家為分組排列
• 特殊的views 模版 (注1)

開發重點

• 圖片是自成一個內容類型, 而不是內容的一個欄位
• 每一張圖片都有多個尺寸, 大量使用imagefield, imagefield_crop, imagecache 模組
• 所以文章需要用 node reference 連到所需圖片, 並在相集中顯示
• 同一張圖片可以同時供給多篇文章使用
• 在 fancybox 打開的大圖, 可以顯示 “相關文章”, 展示同樣使用了該圖片的其他文章 (注2)

注1: 特殊的views 模版
難題:

• 文章會定期根據預定時間下架/上線
• 國家列表是可以變化的, 而且只顯示有上線文章的國家
• 以三欄式顯示, 可以變化的國家數目, 以及變化的總行數
• 國家以英數字首排列

views 中的 SQL (簡化的列子):

•  SELECT country_name, node_title FROM `nodes` JOIN taxonomy WHERE nodes.tid = taxonomy.tid GROUP BY country_name ORDER BY country_name;

返回的結果類似於:

• Canada, title1
• Canada, title2
• China, title3
• France, title4
• USA, title5
• …

算法:

• 計出每一個欄的國家數目 (因為國家數目不一定可以整除三)(2,1,1)
• 數算執行中的國家
• 輸出國家名, 如果和上一次輸出不同的話
• 打開/關上 一欄, 如果超出了每一個欄的國家數目的話

注2: 圖片的相關文章

• 一個用圖片的 nid 作參數的 views
• 找出有使用該 nid 作為node reference 的文章
• 如有第二個參數, 將第二參數從結果移除, 令一篇文章的 ”相關文章” 不會出現 “自己” 的情況