據市場研究公司 Juniper Research 稱，到 2013 年底，行動網路多使用者將達到 17 億。 在這種情況下，每個網站都希望與移動相容。最簡單的移動方式是在移動 WooCommerce 網站模板中調整您的網站。那麼在設計移動 WooCommerce 網站模板時要注意什麼呢？本文談談在手機 WooCommerce 獨立站網頁設計製作中，如何設計移動 WooCommerce 網站模板？
1. 熟悉相關的硬體和軟體
行動電話在作業系統，螢幕解析度，螢幕大小，多使用者介面等方面不同。在構建移動 WooCommerce 網站模板之前，您需要決定要 WordPress 最佳化網站的平臺。此決定取決於多使用者的型別。如果特定模板用於商業目的。瀏覽器是另一個要考慮的標準。最後，記住目標手機多使用者的常用螢幕大小和解析度。標準手機的常見解析度包括 101×80 畫素（許多索尼愛立信手機），128×128 畫素（一些三星手機）和 120×160 畫素（許多摩托羅拉手機）。智慧手機有更多的選擇。 iPhone 有一個 320×480 畫素的螢幕; HTC Touch Pro 具有 480×640 畫素的螢幕; Palm Pre 有一個 320×480 畫素的螢幕; 黑莓風暴有一個 360×480 畫素的螢幕; 和 HTC 金星有一個 800×480 畫素的螢幕。
2. 互動
在網站上，互動是保持網站活躍的關鍵方法之一。有各種各樣的連結，圖片，導致更多的資訊和其他型別的與多使用者的互動。然而，如果這在移動裝置上發生，則多使用者可能會感到沮喪。這是因為手指比滑鼠指標的準確度低得多。因此，考慮在設計移動網站時減少互動性，除非它是一個線上遊戲的模板。跨飛獨立站，專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷等產品服務，新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統（強），歡迎新老顧客前來諮詢！
3. 影像使用
請確保您的移動模板的佈局不會使用太多圖片。 手機上的影像的功能遠遠小於像 PC 這樣大得多的螢幕。 它只使多使用者進一步滾動以獲得相關資訊。 標誌等都很好，但保留不必要的影像佈局。
4. 最佳化導航
確保您的模板包含一個便利的導航。 例如，讓手機上的網站只能以一種方式滾動，即水平或垂直滾動。 這是因為如果在所有方向啟用滾動，很容易發生錯誤。