[教學影片] [WordPress] 從頭開始學 3小時搞定 Elementor Pro + WordPress


去年在Tin的邀請下,在「WordPress 手把手交流班」
擔任 Elementor 的客座講師,反應熱烈,
可惜當初的課程是在 GatherTown 上教學沒有錄影存檔。

今年因為帶了世新大學資訊傳播學系的實習生,
想說快速地幫他們複習一下怎麼使用 WordPress 搭配 Elementor 建立一個有彈性的網站,
索性就錄製了簡單的教學影片跟大家分享。

跟去年課程不同的地方是今年著重在付費版的 Elementor Pro 教學上。
免費有免費的做法,但付費也有付費的做法,
去年學過的同學,今年也能挑著看,或許會有新的收穫呦~


課程大綱




1. 了解WordPress 跟 Elementor 的關係

到底 WordPress.com 跟 WordPress.org 差異在哪裡?
Elementor 原來只限定使用在 WordPress.org 誒!



2. Page & Post 的差異,
為何 Elementor 只適合做Pages。

順便提到怎麼用Xmind做網站地圖呦~





3-1. 建立自己的免費練習用WordPress

你還沒有自己的WordPress嗎?
先跳到這邊,在自己的電腦建立一個
屬於自己的練習御用免費WordPress吧!



至於如果你已經下定決心,不是只想玩玩,
想要真的做出一個自己的網站,





3-2. 基礎WordPress網址設定,
為何固定網址對於SEO很重要!

不要隨便動!不然谷歌大神會討厭你~







4. 「網站設定」設定基礎配色,一勞永逸!

調色盤先設定好,字體大小也設定好,之後就會漂漂亮亮。






5. 製作第一個頁面 - Elementor實戰 

5-1、Elementor 初探 

簡單了解Elementor的功能吧!



5-2、照著設計圖拉框框

試試看,照著設計圖拉框框!
細節先別調,我們等等一次快速來~



5-3、使用 Global Color 套用配色

一次把細節完成,後面就不怕字體大小不統一,顏色不統一啦!



5-4、微調手機版 RWD設定!

恭喜你,做完電腦版啦!
接下來你該設定的還有手機跟平板電腦版喔~
這支影片教你快速設定RWD~






6 主題建構器

透過 Elementor Pro 直接建立客製化的主題吧!

這個功能是 Elementor Pro 版限定,點我購買
如果沒有 Pro 版的可以直接跳過這個影片,找自己適合的免費主題摟~







7 文章編輯器

再說一次!所有的Post都不應該使用Elementor編輯,請愛用WP內建的古騰堡編輯器吧!
這個單元我們要來實際發三篇文章,連奶奶都會的古騰堡編輯器,你一定學得會!






結語

完成以上步驟,透過實際的練習,
你應該已經初步建立了屬於自己的 Elementor Pro + WordPress 了!

接下來,重複第五單元學習到的知識,
把所有的頁面都改成自己喜歡的樣子吧~

--

★這次的課程是以非常快速的方式簡單帶過,
如果需要更仔細的一對一家教課程,
請再聯絡我呦~



--

★如果覺得自己學太麻煩,
也可以委託安迪連網站創意工作室幫你做網站喔~
作品集請參考: https://me.andylain.com/


--

★安迪連碎碎念
專注於3C科技生活、美食旅遊與攝影的部落格,誠實心得,歡迎常來!


--

若有任何疑問或建議,歡迎在文章下面留言! 

不想錯過任何新文章/攝影教學/實用軟體推薦/超誠實食記
 →現在就立刻按讚「安迪連碎碎念粉絲團」吧~