← 返回最新消息

版型設計操作篇:Logo、主色、字型到頁首頁尾一頁調完

版型設計操作篇:Logo、主色、字型到頁首頁尾一頁調完

改版型最常見的狀況是:改到一半發現頁面沒變,或者改了一個地方、整站跟風亂掉。原因大多是沒搞懂「哪些設定套整站、哪些是局部、改完要等多久」。先把版型設計頁的分層弄清楚,再動手就不會亂。

改完多久會生效

設定會套用到整個前台網站,存檔後約 5 分鐘內更新,想立即看到可以強制重整。所以存完沒馬上看到變化,多半是快取,不是沒存進。先記下存檔時間,等過 5 分鐘或硬重整一次再判斷,別存完兩分鐘就以為沒效。

InfoBox 後台 theme_design🔍 點擊放大
InfoBox 後台實際操作畫面(個資與敏感資料已遮蔽)。

分四層,別混著改

層影響範圍典型項目
Logo/favicon頁首品牌上傳 Logo、拖寬度、去背、favicon
色彩全站按鈕與強調主色調、文字顏色
字型字級全站文字全站字型、字級、頁尾字型
頁首頁尾外觀頁面邊框底色、選單位置、顯示項目開關

Logo 上傳時自動去背:預設會把白底變透明,但它只清掉「外圍與邊緣相連的白色」,被深色框或線條包住的淺色字會保留。如果你的 Logo 本來就透明或刻意要白底,記得把去背勾選取消,不然會出錯。

favicon 建議正方形:上傳後會存成 PNG,因為 Google 搜尋結果不支援 webp 圖示。用長方形會被切得醜。

InfoBox 後台 media_lib🔍 點擊放大
InfoBox 後台實際操作畫面(個資與敏感資料已遮蔽)。

頁首顯示項目可拆開

「顯示項目」這塊可以把「搜尋」「購物車」「登入按鈕」單獨關掉,讓頁首更乾淨。幾個要懂的後果:

  • 關「搜尋」:訪客仍可直接開 /search 搜尋頁,只是頁首看不到鈕。
  • 關「購物車」:只賣課程、結帳不經購物車的站可以關。
  • 關「登入按鈕」:純形象或導流站才適合,已登入的學員仍會看到右上角頭像才進得去個人中心。
InfoBox 後台 pages🔍 點擊放大
InfoBox 後台實際操作畫面(個資與敏感資料已遮蔽)。

改字體與主色的紀律

一次只動一層,改完看一頁(通常是首頁+一內頁+手機版三種螢幕)再存。全站字型一換,選單、按鈕、內文一起變,若只想要內容區不同,用「頁面內文字型/級」單獨調,別動全站。主色調影響按鈕與連結,換色前先想好跟 Logo 配的到不到。

InfoBox 後台 blog🔍 點擊放大
InfoBox 後台實際操作畫面(個資與敏感資料已遮蔽)。

版型設計頁是「一改全站」的地方,所以紀律是:一次一層、改完看三屏、存檔後等 5 分鐘再驗。把 Logo 去背、favicon 方形、顯示項目開關的後果記清,就不會改到一半整站跟風亂掉。

想知道哪個方案適合你?

告訴我們你的產業與目前狀況,我們會直接說明哪個方案剛好、哪些功能你其實用不到——先確認範圍,再談價格。