WordPress最上方的 Logo與主選單的區域就叫做「Header / 頁首區域」,有時候還會包含更上方的 Top Bar(上方長條),可能含社群連結或次要選單,以及 Bottom Bar(下方長條),可能含搜尋按鈕等等。這個頁首區域通常會持續地待在網頁的最上方…
Elementor
-
-
如果你的網頁出現錯誤,錯誤看起來與 Elementor 有關,或者有些人進入 Elementor 頁面編輯器後,左邊的工具會不停的轉圈圈,持續的在載入中的狀態,這時,也建議可以先把 Elementor 降級回到上一個版本。降版其實很簡單, Elementor 自己就有工具…
-
Elementor 有免費試用版,從外掛處都可以找得到喔!不過,有些蠻常用的元素是進階版才有的,快來看看 Elementor 免費版和 Elementor Pro 專業付費版到底有哪些差別吧!
-
WordPress 換主題真的沒這麼容易!有很多細節要注意喔!很多新手們,一開始會選擇 Themeforest 上面的主題來入門 WordPress,可以很快地做好一個很漂亮的網站。後來,隨著你的能力提升了,對網站的要求也慢慢提高了,到了某個時候,可能會想換主題了,換主題前,一定要看看這篇文章,先做好準備喔!
-
什麼是 Toolset? 什麼時候會用到 Toolset?使用 Toolset 有什麼好處呢?有了 Toolset,不懂程式的人,也可以做出更多動態內容的網頁,讓前台的內容更有彈性、後台的介面更好管理!
-
WordPress 五天自學衝刺班 2.0 WordPress 新手入門:免費影片課程+2萬人臉書社團,陪你安心做好第一個 WordPress 網站! 你不懂程式,但想省錢自己做網站嗎?帶路姬是不懂程式的設計師,但我已經利用 WordPress 來架設上百個網站,還帶著數千位新手架好他們的網站,只要跟著帶路姬,你一定也可以! 下面請借帶路姬 8分鐘,讓我帶你快速認識 WordPress,以及分享給你最有划算又有效率的學習方式!就不用再到處看零散又冗長的教學啦! WordPress 是什麼?三分鐘快速認識 WordPress! WordPress 的八大優點懶人包 跟著帶路姬的 WordPress 免費課程,可以做出怎麼樣的網站? 各式各樣的新聞雜誌、部落格網站 各式各樣的形象官網、作品集網站 各式各樣的型錄網站、購物網站 WordPress 網站作品 WordPress 教學這麼多… 跟著帶路姬開始最輕鬆! WordPress 五天自學衝刺班 的六大特色 教學連貫 帶路姬帶你從零開始到完成,不用到處找教學,避免不連貫! 統一流程 帶路姬帶你用相同工具,減少操作變數,簡化製作流程,很好跟! 淺顯易懂 帶路姬是非工程背景的老師,上課都說你聽得懂的話,而且說重點! 化繁為簡 帶路姬獨創 26 張資訊圖表,將複雜知識簡單化,幫助你輕鬆吸收! 適當分段 帶路姬的課程都有分段,方便隨時看一點,也方便回看與複習! 社群支持 架站完可以加入帶路姬的臉書社團,和 兩萬多個社友 一起共學! WordPress 跟著帶路姬,最讓人放心! 200+ 學員心得見證、 300+ 臉書 滿分評價、63萬+ 影片點閱、2萬多人的臉書社團 WordPress 跟著帶路姬,課程零學費真的超佛心! 帶路姬融入了自己十幾年來的 UI 設計與網站製作經驗,花了近千個小時的時間來製作這三個系列總共約 600分鐘的課程;另外購買燈光、麥克風、影片錄製工具;並且持續在臉書社團中服務,是真心希望 WordPress 可以造福更多需要網站的人。 這堂課程絕對有市價 6800元以上的價值!但是,現在你可以隨時加入,學費是「0」。 帶路姬只希望從以下三種方式獲得一些回饋。不論你是透過哪一種方式,都很感謝你的回饋和參與喔! 點選我的連結 如果你是從零開始,你會需要購買網路空間、網址和佈景主題,請在第一天的課程中,點選我提供的連結來購買,讓我收取一點佣金。 請到粉專寫個好評 當網站做出來時,記得來帶路姬的粉絲頁,寫下你的心得感想,並且推薦這份好的教材給更多的新手朋友們知道喔! 寫點好評吧! 請帶路姬喝幾杯咖啡吧! 如果你覺得我的課程與社團對你有幫助,尤其是你已經有網路空間 (主機)了,無法讓我賺到佣金,不妨額外贊助一下吧! 任何金額都歡迎喔! WordPress 跟著帶路姬,網站專業、花費低! 省下好幾萬外包的錢和課程的錢,只剩下幾千元的製作成本!真的超划算! 網路空間 (主機) $990起/年 帶路姬會在課程中推薦三間我最信任的主機給你,第一年最低約 1700元、最高不超過 8000元,課程中會詳細說明他們的差別。 網域 (網址) $0 或 $300/年 有的網路空間有送網址,有的則是要另外買,這個也是在課程中會詳細說明喔!不用擔心:) 佈景主題 (套版) 0~$1700/僅一次 帶路姬會在課程中推薦最適合新手入門的主題,方便大家套版與微調,免費主題與付費主題各有優缺點,但是九成的新手在聽過我的解說後,會選擇購買 $1700 元的包套主題,終身可以使用,非常划算! WordPress 跟著帶路姬,架站簡單的像個奇蹟! 超過六成的同學,用業餘時間架站,不到一個月就完成!保證節省你好幾個月的摸索時間! 根據畢業成果展的統計數據,分析出學長姐們平均花費的製作時間。 五天自學衝刺班每個系列全程大約五個小時,帶路姬特別把它分五天來教,以提高大家的吸收度,但是,也歡迎你依照自己的作息與行程,來隨時調整學習步調! 為什麼花費的時間差這麼多? 當你上完 五天的課程,基本上會完成一個和示範網站一模一樣的網站。 通常可能會再花個幾天時間,增加真正的內容,頁面如果越多,花的時間越多。 再來會花點時間調整網站樣式,改成自己品牌的色系等,樣式想改的地方越多,花的時間越多。 最後會花點時間增加更多功能,想加的特殊功能越多,花的時間越多。 簡單的說,你想改得越多,花費的時間當然就會比較多,相反的,如果你覺得預設的樣式就已經很美,預設的功能就已經夠用,那就只要一、兩週就可以完成囉! 從統計數據中可見,超過六成的同學,只需要不到一個月就可以完成網站! WordPress 五天自學衝刺班 2.0 今天就是有一天! 你知道嗎?當你還在和身邊的朋友並駕齊驅的時候,只要你跨出這一步,比別人搶先一步開始架站,你就已經贏他們一大截,開始累積品牌知名度、開始創造各種網路收入! 要選哪一個系列開始呢? 每個佈景主題提供的設定選項不同、操作方式也不同,新手們第一次架站,通常不確定要怎麼選擇主題,帶路姬建議大家用一個最簡單的選擇方式: ♥ 從選一個最喜歡的示範網站開始!♥ 這樣就可以輕鬆套版,不用改太多,網站就可以更快完成啦! 媒體部落格篇…
-
兩天前才在 WordCamp 跟大家分享 Gutenberg 編輯器的最新動向,今天馬上來了大消息!果然是瞬息萬變啊… 就在昨晚,Elementor 公佈了他們與 Gutenberg 整合的新方式,現在可以把 Elementor 的樣板,直接以區塊的方式插入到 Gutenberg 編輯器裡了喔! 他的操作方式非常簡單:1. 請先到 WordPress 外掛庫,安裝啟用「Elementor Blocks for Gutenberg」。2. 在 Gutenberg 裡面,直接選擇「+」-> Elementor Block 3. 選擇你要加入哪一個樣板,還可以直接看得到預覽喔! 之後,如果你想編輯樣板,可以直接點選「Edit Template with Elementor」的按鈕就可以了。 帶路姬對 Elementor 的做法的分析 如果在 WordCamp 演講中所說,其實我是很喜歡 Gutenberg 的,也很看好他未來一系列的計畫與轉變,雖然短時間內,使用者會有點不適應,但是,他的立意是好的,他其實不過就是在做 Elementor 之類的編輯器之前已經在做的事,如果 Elementor, WPBakery Page Builder 這類的編輯器都可以這麼受歡迎,表示「所見即所得」的需求與方向是正確的。 Elementor 選擇了配合 Gutenberg,讓大家使用 Gutenberg 來寫作,但是可以利用 Elementor「樣板」的功能來製作「客製化區塊」,造就了雙贏的局面,真的是非常聰明之舉!如此一來,使用者不用再被逼著二選一! 在演講中,我有提到,有越來越多的「Block Package 區塊包」外掛的出現,就是為了能夠延伸 Gutenberg 沒有包含到的。Elementor 充分利用自己的優勢,讓大家自由搭配他們的各種內容元素,作成各式各樣的區塊,就不用在另外安裝一大堆其他的區塊包了。 帶路姬對 WPBakery Page Builder 的做法的分析 相較之下,我其實就比較沒有這麼喜歡 WPBakery Page Builder 的做法,他們的預設立場是,希望已經在用 WPBakery Page Builder 的人,就繼續使用,但是可以把 Gutenberg 編輯器視為一個元素,加到他們的編輯器裡。 乍看之下,好像是滿足了他們現有的客戶,但是,長期來看,如果 Gutenberg 越來越普遍時,尤其是 WordPress 5.0 發布後,Gutenberg 就必須是預設的編輯器時,所有的新手一定會學習 Gutenberg ,到時候使用 WPBakery Page Builder 的人會越來越少,學一個編輯器就夠了?誰想學兩個類似的呢? 以上是我自己的個人感想。看到 Elementor 的消息,太興奮了!不小心話多了!?有空我再來整理一下上週日 WordCamp 的演講稿與簡報,分享給大家。 你喜歡帶路姬的教學與文章嗎?可以買杯咖啡來鼓勵我繼續分享喔! 帶路姬也會不定期在粉絲頁發佈資訊喔!歡迎追蹤按讚粉絲頁。 你也在學習 WordPress 的途中嗎?歡迎來帶路姬的社團與大家交流。
-
在我的「五天自學衝刺班」系列的教學中,我建議新手們使用 Avada主題來做網站,這個主題預設的編輯器是Fusion Builder,不過,有很多新手問我,可以用 Avada 並且搭配 Elementor 編輯器嗎? 答案是:Avada + Elementor 是可以的喔! 老實說,我本來以為不可以,不過我認真搜尋了一下,找到了 Elementor 官方的介紹文章,證實他們是可以相容的! 不過,這代表什麼呢? 如果你已經成功做過一個網站,不是超級新手了,才建議你使用 Elementor來搭配,並且建議你停用 Fusion Builder,不要兩個同時啟用,比較容易會有衝突的問題。 如果你真的決定要用 Elementor,請注意,Avada 會有理由不支援你遇到的問題,任何與第三方外掛相關的問題,Avada 客服會拒絕為你處理問題。 這兩個編輯器各有各的優缺點,如果使用 Fusion Builder,你可以快速匯入Avada 所有展示網站裡的任何一個頁面的範例內容;如果使用Elementor,你可以快速匯入 Elementor 編輯器的範例內容與範例區塊。 Elementor 編輯器 (免費版就可以),可以快速修改手機版排版時,每個區塊內外、元素周邊的留白間距,可以讓手機版更美觀;相較之下,Fusion Builder 這方面沒有這麼方便。 Elementor Pro (付費的進階版)可以讓你不只編輯網站的內容,甚至可以編輯網站的頁首(LOGO選單區)和頁尾(最下面的資訊聲明區)。 Elementor 功能真的很強大,但建議已經有經驗一點的人再用。所以,如果你是新手、第一次做網站,建議還是跟著帶路姬五天自學衝刺班裡的教學做一次、也不用多花錢。 希望這些資訊對大家有幫助囉! ☺️官方證實是相容的,不過帶路姬還沒親身嘗試過,歡迎有經驗的人與大家分享你的心得喔!?
-
很多新手來問帶路姬, WordPress 的佈景主題商這麼多,到底要跟誰買?除了價錢以外,他們還有什麼主要的差別呢? 你喜歡別人幫你組裝好的電腦?還是自己組裝的電腦? Themeforest 上面的主題都比較像是,有人幫你組裝好一台電腦賣給你,比較像是一條龍的方案,為了讓你方便,主題商幫你搭配你需要的功能,預先設計好一些你喜歡的樣子,讓你花錢買一次就可以永久使用。通常他會依照你的行業類別,直接把你可能需要的功能都是先包在一個主題裡,像是旅遊業主題,可能包含了訂房功能;教學平台主題,就包含了課程安排功能等等,再來就是萬用型主題,像是知名的 Avada、Soledad、Flatsome、BeTheme, the7 這些,就是適用於各種形象網站、購物網站、部落格等等,因為金額較低的關係,這些主題搭配的功能性外掛不一定是最好的,而且還不能隨便換,但是它的優點是,只要是他包在一起的東西,表示他們測試過,不會有功能外掛之間衝突的問題,有任何問題,只要在購買後的半年內,都可以跟主題商聯絡尋求支援。 另一方面,現在有很多專業的設計師們,更常買 Blocksy, Kadence, Astra Pro, OceanWP, GeneratePress 和 Divi 這種主題,因為它可以讓你自由搭配你喜歡的功能性外掛,就像可以自己買一堆電腦零件,自己組裝一台電腦一樣,你可以選自己喜歡的內容編輯器,像是很熱門、功能很強的 Elementor Pro, Beaver Builder 和 Divi。這些主題和編輯器都非常好用,可是缺點是他們比較貴,他們全部都只讓你一年內可以更新,一年後如果想更新,就得另外延展你的 License (許可證),你還可以搭配最好用的飯店訂房外掛,或是教學平台外掛等等,全部都是自己的選擇,而不像 Themeforest,可能已經搭配好 WPBakery Page Builder,你如果買Elementor Pro來換掉原本的編輯器,主題商就有理由不提供支援服務,不保證相容。用這些主題和內容編輯器,當然站長本身要稍微有一點經驗,就像一個完全不懂電腦的人,也不太適合自己到處買零件亂裝… 其他的細節差別,可以參考這篇 WordPress 五大熱門主題的終極比較,這裡我用買電腦的比喻,來讓大家做初步的了解。下面我列出幾個現在很熱門的主題,比較他們的價錢、推薦搭配的內容編輯器、可以在幾台電腦上用、可以更新多久等等… Themeforest (例如 Avada,Soledad, Flatsome 等等) Astra OceanWP GeneratePress Divi 主題價格 平均約1800元起 (主題可終生下載與更新) 約1800元起 (僅第一年能更新,第二年起要付費才能更新) 約1200起(僅第一年能更新,第二年起要付費才能更新) 約 1500元 (僅第一年能更新,第二年起要付費才能更新) 約 2700元(僅第一年能更新,第二年起要付費才能更新) 內容編輯器 大部分是WPBakery Page Builder (原 Visual Composer) 推薦搭配 Elementor 和 Beaver Builder 推薦搭配 Elementor 推薦搭配 Elementor 和 Beaver Builder 推薦搭配 Divi Builder 可用在幾個網站 只能用在一個網站 可用在無限個網站 只能用在一個網站 可用在無限個網站 可用在無限個網站 編輯器的費用 通常不需要另外買編輯器 建議購買 Elementor Pro ($1500元/只能更新一年/只能用在一個網站/第二年起 75折) 建議購買 Elementor Pro($1500元/只能更新一年/只能用在一個網站/第二年起 75折) 建議購買 Elementor Pro ($1500元/只能更新一年/只能用在一個網站/第二年起 75折) 包含共88個主題和3個外掛,一年內無限使用 總花費 平均約1800元(不用每年付) 每年3300元 每年2700元 每年3000元 每年2700元 只能更新一年,是什麼意思呢? WordPress 的網站,WordPress 本身的核心系統是常常需要更新的,就像手機 iOS 或 Android 系統常常會跳出訊息請你更新一樣,目的在於讓系統更加安全、更加好用。 可是 iOS 或 Andriod 更新後,有些 APP 勢必要跟著更新,否則,APP 可能會和手機系統不相容,會出現閃退之類的問題,WordPress 也是一樣,如果佈景主題和外掛沒有跟著 WordPress 的核心系統一起更新,網站可能就會開始出現問題。…
-
進階的內容編輯器的最終目標? 讓使用者不用寫程式就可以做出各種排版的頁面 與新增各種互動式的內容。所見即所得,用視覺化的方式直接建立內容, 用拖拉的方式來改變內容位置等等… 如果用預設的內容編輯器 來編輯網頁時的樣子 頁面排版比較單調 如果用進階的內容編輯器 來編輯網頁時的樣子 頁面排版比較有變化 知名的編輯器有哪些? ElementorBeaver BuilderDivi BuilderFusion BuilderWPBakery Page Builder… 進階的內容編輯器怎麼用?有共通點嗎? 畫棋盤 1. 新增列 Row (Container) 2. 新增欄位 Columns 在格中放置內容 3. 插入元素 Element (Module) 四種編輯器的簡短示範 進階的內容編輯器都包含什麼功能? 編輯內容區塊 (建立、複製、刪除) 儲存區塊成樣板 從樣板庫快速加入「範例區塊」 在手機上顯示或隱藏 什麼主題都能裝任何內容編輯器嗎? Elementor/Beaver Builder: 主題要支援全寬的版型 Elementor/Beaver Builder: 主題要可以隱藏頁面標題 Divi Builder 只能用在 Divi 的主題 Fusion Builder 只能用在 Avada 主題 UX Builder 只能用在 Flatsome 主題 知名的編輯器的最大特色? Elementor: 可以「輕鬆完美」掌控邊界空間、可以快速匯入範例「區塊」、可以從「選單模式」快速移動區塊的上下順序、可以搭配 Toolset來建立動態內容的網站。 Beaver Builder: 搭配 Pods 和 Beaver Themer 可以快速創造自訂內容類型的彙整列表頁面。 Divi Builder: 可以快速切換「視覺模式」與「區塊模式」的編輯方式 Fusion Builder: 內建的元素很多,不需額外購買,搭配Avada主題,整體功能彈性大。 WPBakery Page Builder: 內建的元素很多,不需額外購買元素,可搭配大部分的主題。 內容編輯器的未來? WordPress 5.0 起預設搭載 Gutenberg 內容編輯器,其視覺化的編輯方式,是否將完全取代其他現有的內容編輯器? 現有的內容編輯器將做什麼樣的改變?才能與Gutenberg 完美共存? 請和帶路姬一起關注內容編輯器的未來… 內容編輯器哪裡買? Elementor 官方網站 Beaver Builder 官方網站 Divi Builder 官方網站 Fusion Builder /Avada 主題官方網站 WPBakery Page Builder 官方網站
- 1
- 2