首頁 佈景主題 Avada 一頁式 網站怎麼做?超簡單影片教學

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

發佈日期: 上次更新: 4 留言 12.6K 次瀏覽
一頁式 Avada 輕鬆做到

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

適合內容較少的形象官網

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

適合 一頁式 的銷售頁面

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

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

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

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

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

Anchor Menu 選單錨點元素

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

步驟二:新增選單項目

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

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

留言給帶路姬吧!

* By using this form you agree with the storage and handling of your data by this website.


4 留言

阿米 2019-09-23 - 11:31 下午

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

回答
zhiyu 2019-12-02 - 11:53 下午

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

回答
2020-03-29 - 6:31 下午

Dear Erin,
我使用 wordpress + elementor ( free ) 想要設定 索引目錄 ( table of contents ) 請問是否可以推薦好的外掛?我本來用了 easy table of contents 可是顯示字體很小 也無法編輯內容,是我不會用嗎?
另外,我想請教你 elementor pro 值得買嗎?我沒學過程式(架站是自學)想做個專業網站(不賣東西)但想創業 謝謝

回答
LA.C 2020-09-20 - 11:50 下午

Hi 你好,
我隨意逛網站看到你的留言

我自己曾經有用過 elementor ,但後來覺得對新手不是那麼友善,就退費退掉了,現在改用 Thrive Architect
自己覺得 Thrive Architect 很適合沒學過程式,但又想要有好看專業網站頁面的人。

我有寫關於他的評價介紹文章,你可以看看
https://sssfreelancehacker.com/thrive-architect-review/

回答
訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,614,479(2024/2/2)
總訪客量:626,454 (2024/2/2)

© WordPress 網站帶路姬 2018~2024 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機