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 架站教學與資源給不懂程式的新手與創業站長。

相關文章

4 則留言

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

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

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

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

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

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

發佈留言

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

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

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

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