找到合適的設計：篩選、搜尋與預覽
ShipPress 的每個設計都是完整的 WordPress 區塊佈景主題。從頁面和區塊最接近你需求的那一個開始，之後要請 AI 改的地方就少很多。這篇教學帶你走一遍設計牆：篩選、搜尋框和完整預覽。
作者：Oberon Lai。我是 ShipPress（Codotx, LLC）的開發者，所以這是我們自己的產品。
-
打開設計牆
在首頁，右邊就是挑一個設計開始，旁邊有設計的數量（目前 191 個）。每張卡片會顯示截圖、設計名稱、適合哪種生意（例如 Boutique city hotel · Business），以及顏色和風格標籤。
每個設計都是完整的 WordPress 區塊佈景主題，有自己的頁面、字型和配色，不只是一張首頁。
-
依產業篩選
打開產業，可以看到各分類和設計數量：
- 商業與專業服務：42
- 教學與課程：23
- 健康與保健：23
- 工藝與居家：18
- 餐飲美食：17
- 專門店與嗜好：16
- 時尚與美容：14
- 藝術與媒體：10
- 旅遊與住宿：10
- 活動與社群：9
選餐飲美食，設計牆會剩下 17 個，例如 Enishi Catering、Shokutaku Dining、Teuchi Udon。按清除篩選就會全部回來。我們會持續新增設計，所以你看到的數字可能會多一點。
-
用類型、顏色、風格再縮小範圍
類型是網站的種類：商業、教學課程、活動、餐飲美食、健康照護、旅宿、一頁式銷售頁、媒體節目、非營利組織、作品集、商店、網路商店。
顏色有綠色（40 個）、藍色、藍綠色、棕色等，也有大膽醒目、明亮鮮豔、沉穩這類感覺的標籤。風格有不對稱、大膽醒目、植物感、沉穩、電影感、清透潔淨、雜誌風（76 個）、優雅等等。
顏色和風格可以複選，產業和類型一次選一個。篩選可以疊加，每多加一個，範圍就再縮小一些。
-
只看商店設計
按下電商標籤，只會留下有商店功能（WooCommerce）的設計，共 49 個，例如 Hayate Cycles、Kaname Watches、Kogu Hardware、Mochi Pet Supply。
-
搜尋
在搜尋設計…欄位輸入關鍵字。輸入 hostel 會找到 Fumoto Hostel；輸入 clinic 會找到 19 個，包括 Aoba Veterinary、Hada Dermatology、Nemuri Clinic。按 × 或 Esc 鍵就能清除搜尋。
-
打開完整預覽
點一張卡片就能仔細看。上方那排分頁就是這個設計的頁面，例如 Nemuri Clinic 有 Home、About us、Symptoms、Treatment、Doctors and nurses、Fees、Your first visit、Map & getting there、News、Contact 等等。電腦和手機可以切換桌機和手機畫面。
選了之後會怎樣？列出你會拿到的範例頁面，你的網站叫什麼名字？可以先幫網站取名（之後可以再改）。回到設計清單會回到設計牆，使用這個設計就開始做你的網站。在你按下上線之前，網站都只在你的電腦上。
-
看結構挑，不要只看顏色
先看頁面和區塊的結構。顏色和文字是最容易改的，AI 很快就能換掉。要加頁面或重新安排版面，來回的次數就多了，所以請挑結構最接近你的網站的設計。
-
接下來
還沒有 ShipPress？下載 ShipPress（免費，Mac）。