很多新手來問帶路姬, 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 的核心系統一起更新,網站可能就會開始出現問題。…
September 2018
-
-
剛剛又收到了Themefores (主題森林)的好康通知,所以趕快來分享給大家喔! 知名的主題市場, Themeforest 這次佛心提供三個加起來總價5010元的WordPress主題,免費讓大家下載。我剛剛稍微看了一下,評價都還很高呢!而且他們的範例網站都看起來很乾淨很舒服。如果要用來做商業網站,帶路姬提醒新手幾件事: 主題不是說換就換的,等到網站一但上線後,換主題有可能影響到Google排名。 主題的使用方法都不一樣,你有可能好不容易搞懂了這個主題,到時候想換一個時,又要重新學習一次。 比較少人使用的主題,在社團中發問,可能比較難得到帶路老師們的指引。 因此,我是建議大家可以先收藏,玩玩看也無妨,但是如果真的要拿來用在營運中的網站,還是要考慮清楚喔! 好啦,來看看九月的免費主題吧: Animo – Creative & Clean Multi-Purpose WordPress Theme 是適用於各種類型的網站,原價1770元。 https://themeforest.net/item/animo-creative-clean-multipurpose-wordpress-theme/16019051 Barch – Architecture Portfolio WordPress Theme 是比較適合建築作品網站,原價2070元。 https://themeforest.net/item/barch-architecture-portfolio-wordpress-theme/15785425 Hala – Creative Multi-Purpose WordPress Theme 適用於各種類型的網站,原價1170元! https://themeforest.net/item/hala-multipurpose-onepage-multipage-theme/19116816 2018/9/30截止喔!快去下載吧!記得要申請一個 Themeforest 網站的帳號才可以免費下載喔! 下載說明: 到你想要下載的項目點選 Add to cart 分別加到購物車後,不用結帳喔! 要先申請網站的帳號,確定好你有申請帳號,在登入狀態即可 然後直接回到每個主題的介紹頁面,Add to Cart 的按鈕會變成 Download for free! 安裝補充: 假如你是新手,不確定要怎麼安裝主題,請參考這三張圖,我指出你需要上傳的主題檔案喔,請兩個都安裝,並且啟用用child的那個子主題就可以了?
-
帶路姬在「五天自學衝刺班」的系列教學裡,我推薦新手們購買「A2 Hosting」的虛擬共享主機,搭配「Avada」的佈景主題,之後,有許多新手在社團中或私訊,陸續問了帶路姬許多相關的問題,社團裡的帶路老師們都很熱心的幫忙回答,我想就統一把 Avada 的相關問題統整到這裡,如果大家想知道答案的話,只要加入帶路姬學園的 Facebook 社團就可以看到了喔! 選主題,好看比較重要還是好用比較重要? https://m.facebook.com/groups/2188631598047942?view=permalink&id=2217575481820220 以上是針對是否要選擇 Avada 主題的一些說明,希望對大家有幫助囉,下面我列一些常見問題,答案全部都在帶路姬學園的臉書社團的「單元」資料裡喔! [Avada] 如何製作數字動畫的特效?(Counter) [Avada] 如何修改 Sticky Header 固定選單的樣 式呢? [Avada] 作品集列表的呈現方式怎麼改? [Avada] Blog頁面的設定與封面照的特效 [Avada] 要用Portfolio還是 WooCommerce 來做產品列表呢? [Avada] 圓圈圈的內容怎麼做 ? [Avada] Fusion Builder裡的內容不小心刪掉了怎麼辦? [Avada] Footer 頁尾欄位裡的空白太多怎麼辦? [Avada] 如何做圖片塞滿欄位的效果? [Avada] 頁面裡的Slider不見了怎麼辦? [Avada] 如何快速匯入範例頁面 小工具是什麼? 網站側邊欄裡的東西從哪裡改? 看不懂主題怎麼用怎麼辦? 主選單如何增加 「不要連結」 的項目? 看了Avada 的教學後 , 可以買其他主題嗎 ? 加碼分享,同學們常問我,「一定要選 A2 Hosting主機嗎?」「不能用國內的嗎?」「可以用 Bluehost嗎?」 其實帶路姬自己親身經歷下,所以最後我只挑了三個主機商推薦給大家,就是因為這三家真的非常穩定,也不會出怪問題,後台速度也很快… 而且,我常常在來諮詢的同學的網站後台,發現他們的後台真的好慢啊… 我都很懷疑這麼慢要怎麼做事啊… 他們才說,當初已經買了 XX 主機,已經買了X年,真可惜沒有早一點認識我… A2 Hosting 主機的好處: 前台後台速度都很快 客服非常快 提供免費搬家服務 30天內零風險試用、可全額退費,30天後可依照使用比例退費(等於不需要綁約) 匯入主題的範例內容時,不會因為PHP設定不符合而匯入中斷 (其他家常常發生) 遇到DDoS攻擊時,主機商因為規模夠大,可以處理的方式較多,讓網站不會斷線 (我就常聽到香港和台灣主機,一遇到DDoS就束手無策) 網站後台不會使用到一半就出現 5xx 伺服器錯誤訊息 不會因為主機設定的問題,造成中文內容和照片顯示不出來 不會在 CPanel 控制台胡亂強制備份,無意義的佔用主機空間 以上大概是為什麼我一直規勸 (不是推薦) 新手選擇 A2 Hosting 的原因,一開始學習 WordPress 已經有點辛苦了,千萬別讓爛主機再來攪局,無端浪費大家寶貴的時間… 另外,因為 Avada 主題的功能真的很多,建議是搭配效能比較好一點的主機,A2 Hosting 或 Cloudways 會是比較好的選擇,可以讓 Avada 網站瀏覽起來更快更順暢。但是,如果你的預算比較低,也是可以考慮買 Bluehost ,他和 SiteGround 有一樣的優點,但是他的速度真的慢一些,可能就盡量不要放太多的內容,或者圖片一定要壓縮過後再上傳喔。 參考閱讀:A2 Hosting:最省錢的主機買法與使用攻略(超易懂、含測試站) 好的主機就像衛生棉一樣,只有剛開始做網站時你會意識到他的存在,之後,你就專心的做網站,幾乎都忘記主機的存在了,就不用整天鬱悶心情不好了… (哈哈,這個比喻大概女同學比較能感受得到)
-
進階的內容編輯器的最終目標? 讓使用者不用寫程式就可以做出各種排版的頁面 與新增各種互動式的內容。所見即所得,用視覺化的方式直接建立內容, 用拖拉的方式來改變內容位置等等… 如果用預設的內容編輯器 來編輯網頁時的樣子 頁面排版比較單調 如果用進階的內容編輯器 來編輯網頁時的樣子 頁面排版比較有變化 知名的編輯器有哪些? 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 官方網站
-
帶路姬在社團中,時常聽很多同學說,英文不夠好,不想用國外的主機等等… 其實,基本的WordPress的操作真的非常簡單,否則也不會全球有1/3的網站都是用WordPress做的了,可是,畢竟因為佈景主題和外掛大部分的作者都是外國人,也不是所有的主題和外掛都已經本地化,所以,偶爾要面對英文是在所難免的事… 不過,身為台灣人,英文不夠好怎麼辦?不習慣看英文的教學文章或後台介面怎麼辦? 帶路姬今天來教大家,透過Chrome瀏覽器的擴充功能,就可以馬上把網頁中的英文瞬間全部翻譯成中文喔! 使用方式非常簡單: 安裝Chrome 瀏覽器 安裝「Google翻譯」的擴充功能 安裝好後,記得在Google翻譯的擴充功能選項的地方改一下設定 (請看影片) 就可以開始使用了喔! 是不是很棒呢?記得幫我按讚分享喔!謝謝你們!❤️
-
這幾天在幫客戶製作一個活動網頁,其中一個區塊,客戶需要放一個表格來呈現議程內容,這個表格在電腦上看起來很正常也很漂亮,但在手機上就太擁擠不好看… 那要怎麼辦呢?要怎麼把複雜的表格變成在手機上也好看呢? 於是我找到了這個線上的免費工具,幾分鐘就幫我把表格轉換成RWD的版本了喔! 不過,這個技巧還是需要稍微懂一點點HTML/CSS程式的朋友們用,新手們可能不太適合喔! 製作RWD表格的三種方式: 1. Enter Data 手動輸入表格內容來產生RWD表格 填入你需要的列數與行數,並且填入表格內容,他就會把產生的表格程式碼顯示在HTML output裡面喔。 2. Paste From Spreadsheet 從Excel,或Google表格來產生RWD表格 從 Excel 去複製欄位,貼到這個工具裡就可以在HTML output的地方得到RWD的表格的程式碼。 3. 貼入一般表格來產生RWD表格 我自己是用這個方式喔,只要貼入任何的表格的程式碼,他就自動幫你轉換成RWD的程式碼喔! 最重要的來了!不論你用上面哪一種方式產生RWD表格的程式碼,記得需要補上自訂的CSS到你的主題裡。我是直接把CSS貼到Visual Composer在文章裡的自訂CSS的地方,就可以了。 ➡️ 自動轉成RWD表格的免費線上工具 https://ianrmedia.unl.edu/responsive-table-generator-tool 希望這個工具對大家的表格有幫助喔!