無限模板切換

傳統網站它做好的那一天,就是它最好看的一天。 接下來兩三年,視覺慢慢過時、品牌長出新的樣子、需求也變了, 最後只能打掉重做一個新網站。

這個功能把網站拆成三層:模板,是頁面的版型, 主題,是整體的配色和氣氛;文案,是你想說的話——你的服務、你的作品、怎麼找到你。

這三層各自獨立。換模板,文案原封不動;調主題配色,版型不會跑掉, 改幾句文案,也不會動到其他兩層。

這支影片示範的就是這個過程。網站不該每隔幾年就報廢一次。

額外存檔功能介面示意

額外存檔

改網站最怕的是改壞了卻回不去。試了一個新版面,覺得不如舊的, 但舊的已經被蓋掉了。

這個功能給你 3 個獨立的存檔位置。每一個都會把當下的網站版本存起來, 包含版面、文字和圖片設定。想存就存,想切回去就切回去。要比較兩個版本, 把它們分別存起來,不用靠記憶。

它也會自動存檔。編輯到一半分心、瀏覽器當掉、或不小心關掉視窗, 你最近的進度都還留著。

會反覆調整版面、或想同時留著幾個版本慢慢挑的人,最用得上這幾個存檔位置。

即時編輯

一般的網站編輯器,是在後台一格一格填欄位:標題一格、內文一格, 存檔後再開前台,確認排出來對不對。

這個功能讓你直接在頁面上改。哪句話想換,點它就改; 哪張圖想換,點圖片就換。改完,畫面當下就是新的。

選取一段文字,調字級和顏色的工具列會浮出來,就在文字旁邊。

你編輯時看到的版面,就是網站上線後的版面。

即時編輯介面示意
響應式設計:同一網站在桌機、平板、手機的版面示意

響應式設計

現在用手機看網站的人,比用電腦的多。一個在電腦上排得好看的版面, 到手機上常常字太小、圖太寬、按鈕擠成一團。

這裡做出來的網站,同一份內容會跟著螢幕大小重新排。電腦上並排的三欄, 到手機上疊成一直行;橫向的選單收起來,點一下才展開; 圖片也縮到手上看剛好的大小。

你不用為手機另外做一個版本,也不用兩邊各改一次。 編輯一次,三種尺寸一起到位。

訪客用什麼裝置打開,看到的都是排好的樣子。