iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 27
0

本篇筆記point:

  • 套用 Avada 現有的一頁式排版獲得框架 ( 也可自己Build )
  • 搭配頁面可編輯的錨點,自訂專門給一頁式網頁用的選單
  • 將指定頁面設定為首頁

  1. 在指定要做一頁式的頁面 Pre-Built Page
    (本畫面為 Avada 6 Fusion Builder Live 編輯畫面,上面功能選項會長不一樣,舊式從後台同樣也有此按鈕。)
    Img-27-1

  2. 選擇從 Demo 中載入本來就是一頁式網頁的架構,( 也可自己建構 )
    Img-27-2

  3. 彈出一個只會匯入架構不會包含任何內容和圖片的彈窗按 OK
    Img-27-3

  4. 匯入完成後到選單修改以下
    Img-27-4

  5. 儲存後因為選單目前是空的,所以前台原本的 Menu 確認不見表示後台已更新成功
    img-27-5

  6. 到 設定 中 將這頁指定為 首頁
    img-27-6

  7. 回到後台頁面設定的地方,將現有的錨點 ( 或自己新增內容增加 Menu Anchor 的Element ) 編輯名稱id,完成後記得 [ 更新 ]
    Img-27-7

Img-27-8

Img-27-9

  1. 再回到 外觀 > 選單 中 , 逐一新增 錨點 對應的連結選單內容
    Img-27-10

  2. 前台重新整理就可以看到建置好的 MENU , 錨點功能自帶提示導引和點擊滑動效果,超方便~
    Img-27-11


上一篇
26 - 如何更新 WordPress?更新主題?更新外掛?
下一篇
28 - 電商的起始 - WooCommerce 設定精靈
系列文
WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
sean666
iT邦新手 5 級 ‧ 2019-11-12 22:56:19

圖片變叉燒包囉,目前正在製作一頁式,謝謝提供好文!

我要留言

立即登入留言