如何知識變現2026/10/03
版型設計操作篇:Logo、主色、字型到頁首頁尾一頁調完

改版型最常見的狀況是:改到一半發現頁面沒變,或者改了一個地方、整站跟風亂掉。原因大多是沒搞懂「哪些設定套整站、哪些是局部、改完要等多久」。先把版型設計頁的分層弄清楚,再動手就不會亂。
改完多久會生效
設定會套用到整個前台網站,存檔後約 5 分鐘內更新,想立即看到可以強制重整。所以存完沒馬上看到變化,多半是快取,不是沒存進。先記下存檔時間,等過 5 分鐘或硬重整一次再判斷,別存完兩分鐘就以為沒效。
🔍 點擊放大分四層,別混著改
| 層 | 影響範圍 | 典型項目 |
|---|---|---|
| Logo/favicon | 頁首品牌 | 上傳 Logo、拖寬度、去背、favicon |
| 色彩 | 全站按鈕與強調 | 主色調、文字顏色 |
| 字型字級 | 全站文字 | 全站字型、字級、頁尾字型 |
| 頁首頁尾外觀 | 頁面邊框 | 底色、選單位置、顯示項目開關 |
Logo 上傳時自動去背:預設會把白底變透明,但它只清掉「外圍與邊緣相連的白色」,被深色框或線條包住的淺色字會保留。如果你的 Logo 本來就透明或刻意要白底,記得把去背勾選取消,不然會出錯。
favicon 建議正方形:上傳後會存成 PNG,因為 Google 搜尋結果不支援 webp 圖示。用長方形會被切得醜。
🔍 點擊放大頁首顯示項目可拆開
「顯示項目」這塊可以把「搜尋」「購物車」「登入按鈕」單獨關掉,讓頁首更乾淨。幾個要懂的後果:
- 關「搜尋」:訪客仍可直接開
/search搜尋頁,只是頁首看不到鈕。 - 關「購物車」:只賣課程、結帳不經購物車的站可以關。
- 關「登入按鈕」:純形象或導流站才適合,已登入的學員仍會看到右上角頭像才進得去個人中心。
🔍 點擊放大改字體與主色的紀律
一次只動一層,改完看一頁(通常是首頁+一內頁+手機版三種螢幕)再存。全站字型一換,選單、按鈕、內文一起變,若只想要內容區不同,用「頁面內文字型/級」單獨調,別動全站。主色調影響按鈕與連結,換色前先想好跟 Logo 配的到不到。
🔍 點擊放大版型設計頁是「一改全站」的地方,所以紀律是:一次一層、改完看三屏、存檔後等 5 分鐘再驗。把 Logo 去背、favicon 方形、顯示項目開關的後果記清,就不會改到一半整站跟風亂掉。
