去年在Tin的邀請下,在「WordPress 手把手交流班」
擔任 Elementor 的客座講師,反應熱烈,
擔任 Elementor 的客座講師,反應熱烈,
可惜當初的課程是在 GatherTown 上教學沒有錄影存檔。
今年因為帶了世新大學資訊傳播學系的實習生,
想說快速地幫他們複習一下怎麼使用 WordPress 搭配 Elementor 建立一個有彈性的網站,
索性就錄製了簡單的教學影片跟大家分享。
想說快速地幫他們複習一下怎麼使用 WordPress 搭配 Elementor 建立一個有彈性的網站,
索性就錄製了簡單的教學影片跟大家分享。
跟去年課程不同的地方是今年著重在付費版的 Elementor Pro 教學上。
免費有免費的做法,但付費也有付費的做法,
去年學過的同學,今年也能挑著看,或許會有新的收穫呦~
課程大綱
到底 WordPress.com 跟 WordPress.org 差異在哪裡?
Elementor 原來只限定使用在 WordPress.org 誒!
2. Page & Post 的差異,
為何 Elementor 只適合做Pages。
順便提到怎麼用Xmind做網站地圖呦~
3-1. 建立自己的免費練習用WordPress
你還沒有自己的WordPress嗎?
先跳到這邊,在自己的電腦建立一個
屬於自己的練習御用免費WordPress吧!
至於如果你已經下定決心,不是只想玩玩,
想要真的做出一個自己的網站,
非常建議租一個好用又有24小時客服的WordPress伺服器
安迪連目前用的是糖果主機,推薦給您
安迪連目前用的是糖果主機,推薦給您
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科技生活、美食旅遊與攝影的部落格,誠實心得,歡迎常來!
--
▲若有任何疑問或建議,歡迎在文章下面留言!
☆不想錯過任何新文章/攝影教學/實用軟體推薦/超誠實食記?
→現在就立刻按讚「安迪連碎碎念粉絲團」吧~