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

文章推薦指數: 80 %
投票人數:10人

一頁式網站怎麼做? 用Avada 主題來做一頁式One Page 的網站非常簡單喔!只有兩個小觀念要學習而已。

請看直播影片喔,也可以對照下面的文字教學. 首頁佈景主題Avada一頁式網站怎麼做?超簡單影片教學佈景主題Avada一頁式網站怎麼做?超簡單影片教學by網站帶路姬/ErinLin2021-06-22發佈日期:2018-10-30上次更新:2021-06-224留言11,185次瀏覽分享0FacebookTwitterPinterestLINEEmail內容大綱適合內容較少的形象官網適合一頁式的銷售頁面Avada主題可以做一頁式網站嗎?什麼時候會用到一頁式網站呢?他的效果好嗎?適合內容較少的形象官網通常我會建議,網站內容很少的網站,才考慮用一頁式網站,他的排版方式,像是在對你的訪客講故事一樣,從淺至深、從簡單到複雜,最後面再補上一個「CalltoAction呼籲行動」區塊。

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

Avada主題可以做一頁式網站嗎?用Avada主題來做一頁式的網站非常簡單喔!只有兩個小觀念要學習而已。

請看直播影片喔,也可以對照下面的文字教學。

未來帶路姬也會不定時在粉絲頁上面直播,記得按讚追蹤喔!步驟一:在頁面裡,每個區塊的最上方,增加一個「選單錨點MenuAnchor」元素。

舉例來說,假如你的頁面有分成簡介、特色、設計、科技等等不同的內容區塊。

請在那個區塊的最上面,新增一個區塊(Container),裡面插入一個「MenuAnchor」(選單錨點)的元素,並且在錨點設定裡,填入錨點名稱(Name)。

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

步驟二:新增選單項目請到「外觀」>「選單」的地方,左手邊找到「自訂連結」每個選單項目,鏈結位置的地方,請輸入「#錨點名稱」每個選單項目,鏈結文字的地方,請輸入「選項顯示的文字」點選「新增至選單」,選單項目就會出現在右手邊了。

選單的顯示地點記得要勾選正確。

最後,記得點選藍色的「儲存選單」按鈕。

同一個頁面的話,網址只要輸入「#錨點名稱」只要搭配這兩個重點步驟,Avada就會自動幫你的選單加入「優雅的滑動畫面到選定區塊」的動畫轉場,是不是很方便呢?相關熱門文章從WordPress.com搬家到自己的主機(換成WordPress.org)終極攻略WordPress五個文章標題的SEO技巧Bluehost斷線了怎麼辦?不需看模板想像!Placeit幫你5秒鐘設計一個品牌LOGO!WordPress網站出問題、斷線、出現錯誤訊息之新手自救守則免費線上修圖工具(中文):用pixlr改尺寸、壓縮圖片!WordPress架站WordPress教學Avada分享0FacebookTwitterPinterestLINEEmail網站帶路姬/ErinLinHello~我是ErinLin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「ErinLin網頁設計工作室」專門設計高質感的WordPress網站。

2018年五月,開始「WordPress網站帶路姬」,希望以輕鬆有趣的方式來分享WordPress架站教學與資源給不懂程式的新手與創業站長。

留言給帶路姬吧!取消回覆Savemyname,email,andwebsiteinthisbrowserforthenexttimeIcomment. 我想收到帶路姬週報。

Δ4留言阿米2019-09-23-11:31pmErinLin大大您好,想請問設定完之後,能不能調整點選選單後滑動到錨點的速度呢?因為目前操作完後覺得動畫很生硬回答zhiyu2019-12-02-11:53pmErinLin大大您好,請問用Avada做了一個形象網站後,又想針對單一商品做一頁式網站的話,是否就要另外再購買網域跟主題才行??回答米2020-03-29-6:31pmDearErin,我使用wordpress+elementor(free)想要設定索引目錄(tableofcontents)請問是否可以推薦好的外掛?我本來用了easytableofcontents可是顯示字體很小也無法編輯內容,是我不會用嗎?另外,我想請教你elementorpro值得買嗎?我沒學過程式(架站是自學)想做個專業網站(不賣東西)但想創業謝謝回答LA.C2020-09-20-11:50pmHi你好,我隨意逛網站看到你的留言我自己曾經有用過elementor,但後來覺得對新手不是那麼友善,就退費退掉了,現在改用ThriveArchitect自己覺得ThriveArchitect很適合沒學過程式,但又想要有好看專業網站頁面的人。

我有寫關於他的評價介紹文章,你可以看看https://sssfreelancehacker.com/thrive-architect-review/回答WordPress搬家換主機WordPress主機推薦,帶路姬十幾年來換過無數個後,現在只推薦這三家…(含實測體驗網站)手把手帶你把網站搬到A2Hosting主機手把手帶你把網站搬到Cloudways主機從WordPress.com搬家到自己的主機(換成WordPress.org)終極攻略Cloudways優惠碼:WP5DAYS(前兩個月七折)痞客邦搬家指南學員真實心得分享更多學員心得|提交架站心得臉書社團交流以關鍵字搜尋BluehostCloudwaysCSSElementorFacebookGoogle排名RWDSEOSiteGroundSiteMapWordCampWordPressWordPressWordPress主機WordPress主題WordPress教學WordPress架站世界盃世足主機推薦主題推薦克羅埃西亞免費下載加浮水印品牌形象外掛推薦外觀寫作技巧專訪小字典小聚工具推薦手機寫文章手機截圖攝影師效能優化新手上路架站前樣式教學比較活動滑塊Slider網址網域網站速度網路創業行動寫作閒聊電影Wix©WordPress網站帶路姬2018~2022版權所有| 本站使用Soledad主題+ElementorPro編輯器  |推薦使用Cloudways主機



請為這篇文章評分?