iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0

https://ithelp.ithome.com.tw/upload/images/20220923/20116357fGkkbxttUd.jpg

一般網站的訪客,進入網站之後,第一印象就網站上方的頁首 (Header) 位置,這個位置稱為「黃金位置」,是網站最值錢的版面位置,一般是放置最重要的網頁元素。標準配備是放置專業 WordPress 選單 (Menu),還有企面最新的業務資訊,最近推出的產品或服務等等。

說到頁首的角色這麼重要,有數種常見的重任會交由它負責,包含整個頁面最重要的行動呼籲 (Call to Action) 的區塊和網頁輪播系統 (Slider) 都會出現於此。


您需要準備的 WordPress 外掛和區塊技巧如下;

  1. WordPress 選單 (Menu) 功能
  2. WordPress 封面 (Cover) 區塊
  3. 行動呼籲 (Call to Action)區塊
  4. 網頁輪播系統 (Slider)

WordPress 選單 (Menu) 功能

其實已經多次提及到網站選單的重要性,由於它連結網站多個重要位置,我們有寫了非常完整的介紹,如果有不熟悉建議你重溫一次《WordPress 選單是什麼?》,當作溫故之新。


WordPress 封面 (Cover) 區塊

WordPress 封面 (Cover) 區塊提供一整個區塊的資訊展示,一般寬度是使用全寬 (Full Width) 或 100%,橫跨左和右的所有空間。額外會出現圖片、標題或簡短描述,相對於網頁的圖片輪播,封面 (Cover) 區塊一般是靜態的單張圖片。


行動呼籲 (Call to Action) 區塊

每一頁的頁面一定要有一個明確而清晰的目標,而這個行動呼籲 (Call to Action) 區塊一般可以由任意的區塊功能組成,最常是一張合適的圖片、標題和一個呼籲訪客點擊的按鈕,WordPress 提供簡易的置入 按鈕區塊 的功能,一般按鈕就是用來觸發這個動作的關鍵。


網頁輪播系統 (Slider)

網站是一定需要網頁輪播系統 (Slider)?,一直都存在不少爭議,愛用的朋友會每一頁都使用,圖片素材 用好用滿,但不喜歡的站長會認為這是拖慢網站效能的主因,不少 國外的專業研究 指出,大部分現代人是沒有耐性慢慢閱讀所有輪播的圖片和文字內容。


上一篇
08 | WordPress 頁尾 (Footer) 區塊組合
下一篇
10 | WordPress 表單 (Form) 區塊組合
系列文
WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言