網頁製作時的頁面佈局會引導瀏覽者的視覺走向，怎樣才能把訪客的注意力吸引到網站內容本身？通常的網頁佈局大概分為通欄式、兩欄式、三欄式、多欄式等，但是今天本文説説網頁的自由型佈局模式。

　　目前很多 WooCommerce 獨立站網頁設計師喜歡打破傳統的網格系統來佈局頁面，因為他們不喜歡把所有信息都裝在預先設置好的封套裏。他們希望找到更合適的 WooCommerce 獨立站網頁設計風格，於是形成了自由型網頁佈局。

　　自由型佈局是相對於網格系統佈局而存在的一種佈局方式，也可以把它歸類為非網格系統佈局。自由型佈局突破了網格佈局那種水平、垂直的頁面分割方式，它可以採用一些曲線、折線、交叉線、以及完全自由排列的分割方式。在設計上有著很大的自由度，這種佈局方式往往帶有強烈的感情色彩且富有情趣，適合表現一些具有鮮明個性特徵的主題網站。這裏是跨飛獨立站網站做過的一些 WordPress 網站設計佈局案例。

　　在這類風格佈局的設計上，設計師要學會運用點、線、面等構成語言，使頁面既具有動感又協調統一，主次分明、不拘一格。

　　在當下上海 WordPress 網站設計中，佈局的方式還有更多種，以上列舉的幾種只是較為常見的形式。實際上佈局就像是拼圖，拼合的方式是多種多樣的，並不能簡單地説哪一種好與不好。只能根據客户具體內容和要求來決定使用哪一種網頁佈局。