WordPress教學 4-5網站的佈景設計-頁尾footer

頁尾的部份就比較簡單了,頁尾通常要放置的主要是針對網站的基本訊息,一個好的網站必須要有互動的管道,因此頁尾除了設計的部份外還要著重聯絡的方式。

在頁尾設定中有幾個重點:

1.樣式的設定.

2.網站的基本資訊內容(電話、地址)

設定方式:外觀>自訂>版面形式>頁尾

紅色框框的部份分別為:

頁尾的寬度:設定整個頁尾的區塊寬度為full(全寬)/contained(非全寬),建議與頁首設定一樣.

內嵌頁底寬度:設定頁尾內部的內容的完度full(全寬)/contained(非全寬),建議與頁首設定一樣.

底部工具:設定底部是否需要放置內容,可以放置圖片、選單、商品等…,建議一開始先設定零或無.

返回頂部:因為網頁通常都是上下滑的,所以當滑至底部份,頁回到上方就需要一個按鈕,請參考下圖,建議要開啟.

 

這些設定完後接著就是設定裡面的內容了:

 

因為有些字元,大家比較不會打,所以這邊提供html編碼供大家複製

%current_year% %copy% 版權所有
電話:<a href=”tel:1234567890“>1234567890</a><br>

地址:<a href=”https://www.google.com.tw/maps/vt/data=Yjb0YS9-8IZw3tDWCbvISlXneYxXKF9yTELW7fh03N7j10RkKzxQ1kahoC4JiDWj5_0L0Qz16IJtktaG_Q0NYl60ARTby5d74b5DoGaThZ5RdBo3B3YPECBXzE_Oz1izLdvaVGYhCIj7w0HyiwS0OkGSKJLIsvXGgHSnPiEJWstunK3qjWfbfokXO2x7q4zkqalglJ5IM9kzqk924YK8Xwsn_mAIsCAuwwKR2aG720tFHDBptfpzTWtGvB7wwpQ8EzY41dHIziNvUL9x8Dgs1k5hjtoF1BRnjhnZCCO8gyFo4RGK-uyHKdBhFzgLx25H2WTILeZCbDadDcCWzIZWZnYavn73sMoeYgIk8J7TpsNpgw“>110台北市信義區信義路五段7號</a>

紅色字的部份,改成自已的電話號碼、google地圖連結、地址,就可以了。

最後再回到樣式的部份,一個好看的頁尾當然要去設定的背景及顏色,這邊建議設定一種即可,因為同時設定顏色及背景圖片時,會因為背景圖片是在上層,所以不會呈現你所設定的背景顏色。

背景顏色設定方式:外觀>自訂>Colors>footer

背景圖片設定方式:外觀>自訂>Background Images>footer

Footer Widget Area:指的是頁尾小工具的的範圍.

Footer Area:指的是一般頁尾的範圍.

而設定的參數,這邊建議設定:不要重複、Cover or 100% width、fixed、Position可以做位置的微調(不建議).

以上是頁尾小工具的部份,到這邊一個段落,各位基本上都可以設定自已網站的風格了,而什麼是最佳配置,在文章中都有說明到,這個很多東西沒有絕對正確,需足夠的經驗,才可以判斷什麼產業的網站適合什麼類型的配置。

←Wordpress教學 文章列表

 

 

回到頂端