起始模板

靠一面菜單板做生意的餐館網站

美式餐館每天賣的就是那十一樣,重點是客人一眼看得懂。餐館老闆從架站工具裡接手的,是一張以照片為主、價格清楚的菜單頁,最上面留一條公告橫幅,給今天早上才決定的事情用——第一件要改的是價格,不是版面。

美式餐館網站範本——它實際產出的首頁

此頁以〈巨幕海報〉設計風格展示 — 15 種風格隨時切換,商家資料保留。

完整首頁
美式餐館網站設計實例——完整首頁
完整內頁
美式餐館網站設計實例——完整內頁
另一個完整內頁
美式餐館網站設計實例——另一個完整內頁

菜單不會變,今日特餐會變——版面照這個前提做

這一行的網站邏輯就是重複:一樣的經典餐點、一樣的價格、清晨七點在手機上要看得清楚。所以菜單只分三區——全日早餐、漢堡與熱三明治、奶昔與派——上頭那條公告橫幅才是你每天會動的地方。下面放了四則範例評價,餐飲這一組裡只有中餐廳的六則比它多。

範例網站裡已經放了什麼

三個菜單分類共十一道標價餐點、一條公告橫幅、四則範例評價、一組折扣碼,整站四頁。

上面這份清單裡,只要是會從訪客手上收東西、或是要讀即時排程的——表單、預約、優惠碼、訂閱欄位、課程時間表、由內容集合供稿的清單——都是用 Storefront Pro 上線。Storefront 會照你排的樣子發佈頁面其餘的部分;這個模板裡要是有整頁專門拿來做這件事的,那一頁就是要等升級的那一頁。

這個網站涵蓋什麼

內含 4 個頁面

哪些在這個模板裡,哪些留在你自己的系統

這個範本沒有桌位圖,也沒有候位名單,它預設客人是走進來直接坐。價格和照片都是範例內容,公告橫幅是一個文字欄位,要你自己記得更新。

這一頁上的每一個數量和金額,都是從模板本身讀出來的,不是有人用手打上去的——所以這些數字跟你真正拿到的網站是同一組。

發佈之後你拿到的

真的有人問的問題

模板說明寫著「評論牆」,裡面預先放了什麼?

四則範例評論,每一則都有署名、星等與內容——除了放六則的 Chinese Restaurant 之外,這是餐飲類模板裡最多的。它們顯示在首頁「The regulars will tell you」那一段,位置在菜單區塊與早晚對照的雙欄圖文之間。評論屬於結構化內容,不是版面上的文字,所以你只要改一個地方,15 種設計風格都會照著顯示;切換風格時版面會重建,評論原封不動跟著過去。