Select Page

WordPress佈景主題-Avada教學,這篇文章介紹Themeforest市集的avada主題,可以拿來製作各種類型的網站,操作很簡單,支援響應式設計,不論在電腦、平板、手機都能正常瀏覽。

這款佈景主題受到許多人喜愛,價格也不貴,點選區塊將想要的放到指定位置,頁面編輯很快就完成。

1、架設網站的必備工具

架設網站的工具有網址、主機、軟體,缺少一個網站無法運作,網址的部分可參考Namecheap、Gandi、Goddady,如果是新手架站,主機選擇A2 Hosting,費用比較便宜,提供免費網址信箱、免費搬家服務、線上客服、10GB儲存空間,每月約96元。

A2 Hosting速度會比一般共享主機快一些,CP值很高,穩定性高達99.5%以上,有興趣的人可以觀看這篇⮕A2 Hosting教學

假如對速度有要求的人也能考慮Cloudways主機,價格比較高一點,對於網站流量較多的站長或電商網站很適合。

網址和主機申請完成,完成建立網站,接著可以幫網站安裝佈景主題

延伸閱讀⮕Cloudways教學-WordPress推薦的主機(影片教學)

Cloudways評價-進階款主機讓WordPress網站像火箭快

2、Avada主題介紹

Avada教學

Avada是一款通用型的佈景主題,它的銷售量高達97萬+,是熱門的主題之一,使用者不需編寫程式碼,拖拉方式能快速製作頁面,讓你打造出與眾不同的風格。

像是電商網站、形象網站、部落格都能使用這款主題來建立網站,費用很親民,內建提供多種範本,一鍵匯入再修改成喜歡的樣式,節省設計時間。

Avada Builder是頁面編輯器,能用於全站頁面製作,像是頁首、頁尾、側邊欄,支援響應式網頁,不論通過哪種裝置,都能正常瀏覽。

3、Avada教學-購買主題

點選Avada主題,按下「Add to Cart」購買

填寫你的個人資料,姓氏、名字、公司名稱、國家、地址、城市、州、郵遞區號,最後點選「Sava and continue」,翻譯地址可以到中華郵政地址查詢


選擇付款方式,使用信用卡資料或PayPal支付,確認沒問題,點選綠色按鈕

4、Avada主題安裝

這一步要把主題安裝到網站,點選 Download,接著點選Installable WordPress file only

回到網站後台,在「外觀」⮕「佈景主題」⮕「安裝佈景主題」,點選上傳佈景主題,點選啟用

會看到畫面顯示要安裝Avada序號,跟著操作設定,如圖所示,輸入憑證命名、准許權限,按下送出

完成憑證後選擇複製密碼,勾選儲存憑證,點選確認

到網站後台把剛才複製的憑證貼到欄位,點選Submit,綠色勾勾代表已經完成

在左手邊Avada⮕Maintenance⮕Plugins點選安裝

5、範本匯入套用

Avada提供多種範本,能快速製作網站頁面,你可以針對網站主題,選擇適合的範本匯入,找到喜歡的樣式,點選lmport。

在左手邊找到外觀⮕「選單」,設定網站的主選單,方便使用者點擊瀏覽

6、調整網站頁首及頁尾

頁首這邊能上傳自己的網站LOGO,調整文字大小、間距、調整不同的裝置,提供好的瀏覽體驗。

左邊編輯區,可自由調整頁首的排版樣式,包含顏色、內距、選單設計,隨個人喜好設定,記得點選儲存

點選Edit Footer⮕Footer Content編輯,你可以透過下方工具列,設計想要的頁尾樣式,最後點選儲存

7、Avada Builder頁面編輯器

Avada Builder編輯器,類似Elementor排版,分為視覺編輯和佈局編輯,在修改同時,還能預覽修改後的樣式,設計很方便,上方有提供小圖示,可以快速找到工具

延伸閱讀➞Elementor教學-超簡單的頁面編輯器

8、新增與編輯頁面

STEP 1、

點選頁面,找到「Avada Live」新增頁面,接著點選上方Library,選擇要匯入的頁面

STEP 2、

把滑鼠移到區塊編輯區中,點選要修改的內容,能自由設計頁面,增加個人風格。

STEP 3、

頁面建立完成,點選發佈內容,最後按下儲存

Avada操作直覺,對於新手操作不難,內建有多種範本可套用,如果正在找佈景主題,可以參考Avada通用型主題

延伸閱讀➞WordPress佈景主題推薦-選擇主題須注意的9個重點

WordPress外掛推薦(精選主機、佈景主題、外掛清單)

9、頁面標題編輯

這裡可以修改標題文字、間距、基本設定,能摸索看看,會發現其他不錯的功能,操作比較容易上手

10、結論

Avada佈景主題能建立各種產業的網站,像是部落格、電商網站、官方網站,是銷售量第一的主題,內建多種版型,讓你挑選適合樣式,不用撰寫程式也能使用。

領取個人品牌指南手冊

加入電子報,學習最新教學

恭喜成功訂閱!

Share This