WordPress教學佈景主題網站製作

一頁式 網站怎麼做?超簡單影片教學

什麼時候會用到 一頁式 網站呢?他的效果好嗎?

適合內容較少的形象官網

通常我會建議,網站內容很少的網站,才考慮用一頁式網站,他的排版方式,像是在對你的訪客講故事一樣,從淺至深、從簡單到複雜,最後面再補上一個「Call to Action 呼籲行動」區塊。

適合 一頁式 的銷售頁面

現在也有越來越多的電商,選擇製作一頁式的銷售頁,透過 Facebook 來做導購,引流到一頁式的頁面,利用豐富的影音內容、搭配實際見證等等,在網頁的最下面直接讓訪客購買該商品,效果很好、轉換率很高。

Avada 主題可以做 一頁式 網站嗎?

用 Avada 主題來做一頁式的網站非常簡單喔!只有兩個小觀念要學習而已。請看直播影片喔,也可以對照下面的文字教學。未來帶路姬也會不定時在粉絲頁上面直播,記得按讚追蹤喔

步驟一:在頁面裡,每個區塊的最上方,增加一個「選單錨點 Menu Anchor」元素。

舉例來說,假如你的頁面有分成簡介、特色、設計、科技等等不同的內容區塊。請在那個區塊的最上面,新增一個區塊 (Container),裡面插入一個「Menu Anchor」(選單錨點) 的元素,並且在錨點設定裡,填入錨點名稱 (Name)。

Anchor Menu 選單錨點元素

這些錨點元素,是為下一步的製作選單做準備,到時候選單項目才知道,要滑到頁面的那一個地方停止。

步驟二:新增選單項目

  1. 請到「外觀」>「選單」的地方,左手邊找到「自訂連結」
  2. 每個選單項目,鏈結位置的地方,請輸入「#錨點名稱」
  3. 每個選單項目,鏈結文字的地方,請輸入「選項顯示的文字」
  4. 點選「新增至選單」,選單項目就會出現在右手邊了。
  5. 選單的顯示地點記得要勾選正確。
  6. 最後,記得點選藍色的「儲存選單」按鈕。
同一個頁面的話,網址只要輸入「#錨點名稱」

只要搭配這兩個重點步驟,Avada 就會自動幫你的選單加入「優雅的滑動畫面到選定區塊」的動畫轉場,是不是很方便呢?

如果你是超級新手,建議跟著帶路姬的「五天自學衝刺班」開始學起,只要每天一小時,帶路姬用影片手把手,帶你做好第一個網站!

用五天下班時間做好第一個部落格網站
用五天下班時間做好第一個形象作品集網站
用五天下班時間做好第一個型錄購物網站

標籤

網站帶路姬 / Erin Lin

Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。

相關文章

2 則留言

  1. Erin Lin 大大您好,想請問設定完之後,能不能調整點選選單後滑動到錨點的速度呢?因為目前操作完後覺得動畫很生硬

  2. Erin Lin 大大您好,請問用Avada做了一個形象網站後,又想針對單一商品做一頁式網站的話,是否就要另外再購買網域跟主題才行??

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Back to top button
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link
close-link
close-link
close-link
Close