要想快速搭建一個網站有多種方法，有自助 WooCommerce 建站系統、也可以使用 woocommerce 模板網站，但其中都少不了各個環節的人員的參與，參與設計的團隊包括：UI 設計師、產品負責人和 SEO 站群專家、文案、 WordPress 開發人員。本文就來看看如何快速搭 WordPress 建網站？
第 1 天 – 建立網站的網格系統
這個網站最突出的元素之一是網格，它們普遍存在，並且必須很好地適應網格系統。當然，這是我關注的設計的第一部分之一，確保使用真實的資料和文字，所以佈局不會打破。到第一天結束時，我實現了網格系統，卡和全域性頁首和頁尾。對於網站標題，我非常傾向於我們為 Envato Tuts +所做的工作，只有小的更改，以適應不同的導航和搜尋功能。
第 2 天 – 加強團隊溝通、協作
整個團隊要進行溝通、交流，對網站的策劃、以及後期的 WordPress 站群網站最佳化等做一個完整的計劃，制定解決方案。
第 3 天 – 主頁或首頁
第三天花在參考我們的線框，同時改進主頁設計。 我們希望這個網站能夠作為一個靈感的地方，人們會不斷回來，所以我概念化了主頁從頂部的廣泛吸引力，到更具體的主題進一步向下探索。
第 4 天 – 網站雛形
我們的設計團隊非常清楚早日共享設計以獲得有價值的反饋。 我們把這些設計稱為 “醜陋嬰兒”，也就是網站的最初雛形。 經過反饋，我開始瞭解一些細節，例如搜尋結果排序，分頁，文字塊以及一些移動佈局問題。
第 5 天 – 構 WordPress 建網站其他頁面
文章頁是最後剩下的一頁，為此，我有兩個主要問題：確保閱讀方便，並納入相關的文章和市場專案。為了最大化可讀性，我使用襯線字型為正文，因為研究表明襯線字型更容易閱讀長篇。 其次，我細化了元資訊（標題，摘要，作者和社交分享）的佈局以及相關專案的側欄。
第 6 天 – 進入斷點
所有的頁面佈局完成後，我花了一天調整他們適合中斷點版本的設計。 這涉及到稍微縮小網格的寬度並重新排列元素，以反映它在平板電腦或小型桌上型電腦或膝上型電腦螢幕上的外觀。 由於這和桌面版本之間的區別是最小的，我設法在一天內完成它。
第 7 天 – 移動
隨著桌面和平板電腦版本的設計完成，我集中精力透過移動塊到適合一列，來設計移動佈局。
第 8 天 – 設計完成
隨著設計完成，我整理所有的資產，交給開發人員使用三個工具：1.Dropbox 共享所有的影像，圖示，字型和其他資產。 2.inVision，與我的 Sketch 檔案同步，以便我可以與任何人分享快速反饋。 3.Zeplin，這是一個偉大的 Mac 應用程式，也同步我的素描檔案。 Zeplin 將生成一個 URL，允許開發人員在瀏覽器中檢查設計。 設計的每個部分都是可點選的，給他們的 CSS 樣式，使開發更容易！