官網區塊詞條 3-08

橫幅Banner

也常叫做:橫幅、公告列、Banner

你可能會這樣說

想公告優惠或活動,但不知道放哪裡才顯眼又不干擾,怕佔掉首屏太多空間,也怕手機上字被擠成兩行。

白話解釋

橫幅是網站最上面的那條公告:促銷、活動、新消息。因為位置在所有人的必經之路,所以一句話講完、一個連結就好。

高度通常壓在 40px 上下,可以加個關閉叉叉,讓不想看的人自己收起來。

另一種「大橫幅」指的是頁面裡的整幅廣告圖區塊,跟 AI 溝通時講清楚「置頂公告列」還是「內頁大圖」,才不會雞同鴨講。

親手試試

✕ 還沒有公告列
(訪客直接看到首屏,完全不知道現在有開幕優惠)
✓ 加上一條公告列
開幕慶全站 8 折,優惠到 10/31✕
↑ 一句話、一個重點、可以關掉;手機上也要一行顯示

公告列貼在最頂端、只放一件事;加關閉鈕讓不想看的人自己收起來。

圖 3-9 橫幅公告:一句話講完,加個叉叉不擾人。

這樣對 AI 說

中文就可以
請在網站最上方加一條公告橫幅:
深色底白字,高度 40px,置中一行:「開幕慶全站 8 折至 10/31」,其中「8 折」用強調色。
右側一個關閉圖示,點掉之後這次瀏覽不再出現。
放在頁首選單之上、貼在最頂端,手機也要一行顯示不換行。

同一課的其他詞