如何設定頁首頁尾?

頁首 就像是「第一印象」一樣重要
當訪客造訪你的網頁時
第一眼看到的就是頁首(header)

頁尾 (Footer)則是訪客習慣尋找資訊的地方
重要性更是不容忽略

這次,教你怎麼設定頁首頁尾

好的頁首 & 頁尾?

首先,你應該先釐清你的網頁最重要的目標是什麼?

  • 「只」把網站重要的目的放在頁首

如果你希望訪客在拜訪你的網頁後,都能前往線上商店逛逛
那麼應該在頁首放上「線上商店」選項

  • 如果你有個品牌LOGO,也一起放上來吧

頁首是訪客一定會看到的地方
只要的資訊不是太雜亂 就連品牌LOGO下方的小標語也都能夠被注意

再來,規劃你要分別放在頁首和頁尾的項目

  • 網頁的頁首及頁尾應該要簡單明瞭

避免訪客到網站時 資訊太多 找不到重點
結果就在茫茫頁面中迷路

  • 頁尾提供訪客更多資訊

當訪客想進一步了解你的品牌時,很常都會將網頁拉到頁尾尋找相關資訊
將各式各樣資訊統整、分類放在頁尾,將會幫助訪客找到他們所需要的

準備好了就讓我們開始吧!

1. 登入「網頁管理後台」,在右上角找到「網誌設定」,並選擇「頁首頁尾」選項

*注意*
在設定頁首頁尾前,請務必為你的網站進行首頁設定


2. 將滑鼠移動至欄位上方,點選進入全站編輯模式


頁首編輯

頁首的編輯畫面如圖
進入全站編輯模式後,可點選右上側齒輪更換樣板及顏色背景等資料

你只能編輯上方白色區塊部分

*注意*
點選右上方儲存/離開將關閉編輯模式,頁面將會轉換成「首頁編輯模式」
點選「離開」資料將不會儲存,誤按離開,您仍然可於首頁編輯模式中再次點選「儲存」將頁首存起來
若想捨棄本次編輯的內容,點選離開後將畫面關閉即可

頁首編輯的更多資訊,你可以參考:

全頁編輯模式

於全頁編輯模式所有儲存將會套用在所有頁面

點選「離開」,畫面將切換至首頁編輯模式
所有變更將暫時不被儲存

首頁編輯模式

於全頁編輯模式中按下儲存/離開
畫面將會自動轉至首頁編輯模式
畫面將會維持原編輯進度
但多了「前往頁面」按鈕,點選可前往首頁

若不希望儲存,直接關閉頁面即可

頁尾編輯

頁尾的編輯畫面如圖
進入全站編輯模式後,可點選右側齒輪設定寬度、對齊方式及布局

欄位下方提供幾個常用icon,可依照需要設定連結或者移除

你可以在網誌設定的社群資訊欄位中設定,如圖

此模式下,你僅能編輯下方白色區塊部分


*注意*
點選右上方儲存/離開將關閉編輯模式,頁面將會轉換成「首頁編輯模式」
點選「離開」資料將不會儲存,誤按離開,您仍然可於首頁編輯模式中再次點選「儲存」將頁尾存起來
若想捨棄本次編輯的內容,點選離開後將畫面關閉即可

全頁編輯模式

於全頁編輯模式所有儲存將會套用在所有頁面

點選「離開」,畫面將切換至首頁編輯模式
所有變更將暫時不被儲存

首頁編輯模式

於全頁編輯模式中按下儲存/離開
畫面將會自動轉至首頁編輯模式
畫面將會維持原編輯進度
但多了「前往頁面」按鈕,點選可前往首頁

若不希望儲存,直接關閉頁面即可


之後當我們每次建立頁面時,就會出現你設定的頁首頁尾板塊囉

當然,你不需要的時候也可以利用右側齒輪將頁首頁尾隱藏起來!

利用Zines設定頁首頁尾

icon_BackToTop