讓我們來測試看看崁入 Facebook 的貼文的效果吧! 只要貼入 Facebook 貼文的連結,Gutenberg 就會自動幫你崁入貼文成上面的樣子喔! 你們可以按讚看看,還可以分享看看!可以直接互動真的很方便! 而且,Gutenberg 不是只能崁入 Facebook,他總共能崁入35種不同的多媒體與社群資訊! 我越用越喜歡啊… 離不開它了!謝謝 WordPress 的開發團隊!大家辛苦了~ ❤️
網站帶路姬 / Erin Lin
網站帶路姬 / Erin Lin
Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。
-
-
這是一篇完全用 Gutenberg 編輯器所寫的文章,以下是我在研究 Gutenberg 編輯器的過程當中,所蒐集到的一些資訊。雖然都是英文的,不過還是整理紀錄起來。10/21 的 WordCamp,我再跟大家分享我的心得喔! Gutenberg 與其他編輯器的相容性 Beaver Builder https://kb.wpbeaverbuilder.com/article/588-how-beaver-builder-works-with-gutenberg Elementor https://elementor.com/blog/upcoming-elementor-v2/ Divi Builder https://www.elegantthemes.com/blog/theme-releases/divi-feature-update-introducing-initial-gutenberg-support Avada – Fusion Builder https://theme-fusion.com/documentation/avada/wordpress/avada-and-gutenberg-important-info-on-publishing-your-content/ WPBakery Page Builder https://visualcomposer.io/help/content-elements-structure/gutenberg-element/ 延伸Gutenberg:更多第三方的Blocks外掛 Advanced Gutenberg: https://tw.wordpress.org/plugins/advanced-gutenberg/ Atomic Blocks: https://tw.wordpress.org/plugins/atomic-blocks/ Stackable: https://tw.wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/ Bokez: https://tw.wordpress.org/plugins/bokez-awesome-gutenberg-blocks/ Editor Blocks for Gutenberg: https://tw.wordpress.org/plugins/editor-blocks/ Advanced Gutenberg Blocks: https://tw.wordpress.org/plugins/advanced-gutenberg-blocks/ Gutenberg 與其他外掛的相容性 Yoast SEO https://yoast.com/how-we-designed-yoast-seo-for-gutenberg/ https://yoast.com/yoast-seo-8-0-introducing-the-yoast-seo-gutenberg-sidebar-a-revamped-meta-box/ Gutenberg 的官方文件 Gutenberg 的設計理念 Gutenberg 的開發過程 Gutenberg 的常見問題 其他相關文章 WordPress 的歷史 (from WP Beginner) Matt Mullenweg discusses the past, present and future of Gutenberg Gutenberg and The Customizer Are The Future Of WordPress
-
WordPress 5.0 即將預設搭載Gutenberg 編輯器!Gutenberg 到底可以做些什麼?做出來是什麼樣子呢?快來預覽看看吧!
-
帶路姬幫客戶做網站十幾年了,每天忙著做網站,其實一直沒有認真經營過 Facebook 粉絲頁,一直到今年五月,我才創立了這個「WordPress 網站帶路姬」的網站,才開始學習經營社群。 目前自己也還在摸索當中,不過近期有發現,因為大部分的人是用手機 APP 在看粉絲頁的,所以,紛絲頁貼文的寫作方式需要調整,才能便於使用者一邊行動、一邊快速瀏覽。以下是我的一些小建議,希望對大家有幫助。 粉絲頁貼文的寫作 ➡️ 可以一句話一行 ➡️ 可以省略標點符號 ➡️ 適時善用括弧 «»「」【】《》 ➡️ 適時善用 Emoji 表情符號 ➡️ 段行的技巧:兩個空格 + Enter = 真正的分段 (我竟然現在才發現 ?) ➡️ 一開始的前三行非常重要 網站文章的寫作 ✅ 盡量不要一句話一行,手機上會出現不規則斷句 ✅ 盡量不要省略標點符號 ✅ 要善用 H1~H6 標題格式,來幫助閱讀與優化SEO ✅ 偶爾也可加入 Emoji 表情符號 ✅ 要注意調整內文行距,建議是1.5~2之間 ✅ 要注意每個段落不要太長 大概先列出這些喔~ 不知道還有沒有其他我漏掉的呢? 尤其是粉絲頁的部分,歡迎大家幫忙補充~~ 謝謝你們!❤️
-
社團裡很多同學問我,什麼時候才會再開一次 Yoast SEO的團購呢? 其實,不是我不想幫忙,而是我幫大家團購之後,大家的網站得全部透過我來管理帳戶,這樣對大家都不是很方便,於是我寫信跟 Yoast SEO聯繫,告訴他們我們社團朋友們的需求,希望他們能給大家優惠價,沒想到真的讓我爭取到了! 這個優惠代碼是特別給帶路姬的粉絲們和社團朋友們的喔!歡迎大家多利用!這等於是五個人的團購價喔!卻不用大家湊團購,輸入代碼,直接打折! 我自己的帶路姬網站有購買使用,加上我自己的高質量的原創文章 + 偶爾使用他們的keyword 分析建議與自動轉址功能,我的網站排名一直都在慢慢前進中,所以我應該會繼續使用下去,雖然也有其他帶路老師們推薦其他的外掛,不過我還沒有機會都用用看,所以大家可以留言討論,做對自己最有利的選擇。 【帶路姬專屬的 Yoast SEO Premium 限時優惠代碼】:EL422000-10% 謝謝大家對帶路姬的支持與鼓勵,我會繼續努力為大家服務,有機會的話,再幫大家爭取其他的好康 ❤️
-
很多新手都選擇使用 OceanWP 的免費版來做開始,現在,可以撿便宜來升級了喔! 限時一天,所有商品都五折優惠喔! 不過帶路姬還是要貼心提醒一下: 建議趁機直接買終身版會最划算喔,就不用每年繳費了! 如果不是終身的版本,只能一年內無限更新喔!第二年要繼續買單年的費用,才能繼續更新主題。 如果是買單年的,買了兩年後,還是可以隨時升級,他們會自動計算差價給你。 10/5 晚上九點前,請在結帳過程中,輸入下面的代碼即可享受優惠。 優惠代碼:LOVEOWP [button color=”black” size=”big” link=”https://wpointer.com/recommends/oceanwp/” icon=”” target=”true” nofollow=”true”]馬上升級 OceanWP[/button]
-
這是新手們一開始製作 WordPress 網站時很常遇到的問題之一。 很多人選定了佈景主題後,安裝過程中,發現有子主題 (child-theme) 這種東西,開始覺得手足無措,不知道到底該不該安裝?該不該啟用? 子主題的目的 過去,還沒有子主題時,工程師在客製化網站時,可能會直接修改佈景主題的「檔案」,但是,WordPress 核心程式一直在更新進化,佈景主題也會跟著需要更新,佈景主題一更新,就把我們工程師辛苦「客製化的檔案」又覆蓋過去了。 為了避免這種情況的發生,子主題於是誕生了,子主題的設定本身繼承了父主題所有的功能,但是子主題可以讓工程師把「客製化的檔案」分開存放,就不會被父主題的更新的檔案直接覆蓋掉。 還是很抽象嗎?換個方式說… 如果這樣解說,還是有點難理解的話,帶路姬畫了一張圖 (請看下圖),用比較生活化的方式來解釋,不論你是使用 Apple 手機或 Android 手機,剛拿到時都是原廠設定,有原廠的桌布等等,後來手機都會請你綁定一個 iTunes 或 Google 帳號,有些客製化的資料就存在這個帳號中,這樣不論 iOS 或 Android 的版本再怎麼更新,都不會害你的手機變回原廠設定。所以,子主題的存在就和 iTunes 或 Google 帳號的情況類似,目的是要把「客製化的資料另外存放管理」。 如果有子主題時,要啟用父主題還是子主題呢? 當你要上傳主題的時候,假如有同時看到兩個 ZIP 壓縮檔案,例如: Avada.zip 和 Avada-Child-Theme.zip,請兩個檔案都上傳安裝,並且啟用子主題就可以了。 假如我選的主題,沒有提供子主題怎麼辦? 子主題並不是必要的,有些比較便宜或比較舊的主題,可能沒有提供子主題,這不代表你就不能客製化,你還是能透過主題商在後台提供的「主題設定」來做客製化,你的設定值還是會被儲存在資料庫中。只是對「工程師」來說,如果想要做更進一步的客製化 (主題設定以外的) 並且修改檔案,可能就會比較不方便了。因此,對一般新手來說,其實不用太擔心有沒有子主題這件事 (因為新手不需要開發主題、更動到檔案)。 可以自己建立子主題嗎? 是有外掛可以幫忙快速建立子主題的,不過,據我知道,並不是每個佈景主題都適合用外掛直接產生子主題,如我前面所說,其實工程師才比較需要用到子主題,帶路姬建議新手,除非你有想要學習開發寫程式,否則不需要執著於建立一個子主題。 換個角度說,一開始選擇主題時,如果能選擇本身就有子主題的,可以保有主題本身的彈性,未來如果要請工程師幫忙開發時,可以方便快速很多。 這篇文章,帶路姬一直想寫,想了很久了… 因為希望能不要講得太難,又希望新手能略有了解,比喻也不許不是最正確,不過希望意思有傳達到,歡迎與我分享你們的想法喔!(如果工程師們覺得帶路姬寫得不夠正確,也歡迎指正) 如果你對 WordPress 的很多觀念,都還是一知半解的話… 帶路姬建議你來參考看看「五天自學衝刺班」的影音教學喔,如果能從頭到尾跟著做當然是比較不會卡關,但是如果你已經有主機或主題了,也沒關係喔,只要認真看過這些影音教學,觀念會清楚很多喔!快找一個你有興趣的網站類型來看看吧! 如果有其他疑問,也歡迎你到 「WordPress 不懂程式的新手站長 — 網站帶路姬學園」Facebook 社團,來跟大家交流喔!
-
在我的「五天自學衝刺班」系列的教學中,我建議新手們使用 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 功能真的很強大,但建議已經有經驗一點的人再用。所以,如果你是新手、第一次做網站,建議還是跟著帶路姬五天自學衝刺班裡的教學做一次、也不用多花錢。 希望這些資訊對大家有幫助囉! ☺️官方證實是相容的,不過帶路姬還沒親身嘗試過,歡迎有經驗的人與大家分享你的心得喔!?
-
暫停諮詢教學,為了更長遠的未來 帶路姬由於身體極度不適,在醫生的建議下,目前決定暫停所有的諮詢教學服務。我會先好好休養身體,慢慢把手邊的幾個案子先做完,並且專心準備 10/21 WordCamp Taipei 2018 的演說。 本來已經安排好的諮詢課程,也得被迫取消,對被影響到的學員們,我也覺得萬分抱歉。不過,為了長遠的未來,只好先乖乖休息。 不能諮詢了怎麼辦?帶路姬未來的方向… 少了諮詢教學的收入,帶路姬開始在思考未來的方向,該怎麼做才能繼續延續帶路姬的部落格,幫助更多想入門的 WordPress 新手,也可以讓自己有足夠的收入。 「製作教學」和「製作網站」很不一樣 會做網站的高手很多,帶路姬絕對不敢自稱高手,不過,因為語言的優勢、搭配使用者經驗設計師的經歷,帶路姬持續天天吸收新知,把所學「轉化成新手們容易了解的內容」,加上從諮詢教學的經驗磨練出的「教學能力」,我期待自己,也許不是WordPress最厲害的人,但是我是「最懂得如何把知識教給新手的老師」。 帶路姬的網站成立五個月以來,不知不覺已經累積了超過 35,000 瀏覽量、超過 11,000 訪客、超過 1,400 個粉絲、1065個 Facebook 社團社員,而且我不靠臉書機器人、不透過投機的行銷方式,單純腳踏實地的寫內容,這些讓我有點相信,我應該可以繼續往教學的路邁進,我的教學可以幫助很多人,也可以讓我賺到生活費。 不過,目前我最受歡迎的教學項目之一,「用五天的下班時間做好第一個形象網站」,是完全免費的,僅靠推薦主機的佣金,不足以支撐我花錢請一個保母幫我帶小孩,才能讓我可以專心工作,我還得想其他辦法來獲得收入。 做教學和做網站真的很不一樣,我每一次要寫文章前,要先查證內容的正確性、回想自己的製作經驗、想好要怎麼寫才能易於了解、是不是要搭配圖表、螢幕擷取或影片、寫完還要重複修改潤飾很多次、確保對新手和搜尋引擎都友善,每一篇文章可能都得花我一整天的時間,加上要確保網站整體的速度、安全性等等… 想做自媒體著實不是件容易的事。我畢竟是一個人,不是一家公司,也沒有固定的薪水。 如果你喜歡我的教學內容,期待我寫更多的教學文章,請花幾杯咖啡的錢來贊助我 為了讓更多人可以認識 WordPress,享受WordPress 的便利,帶路姬還是希望能盡量提供免費的教學資源給大家,把門檻盡量降低,不過,如果大家真的覺得這些教學對你們有很大的幫助的話,請考慮給帶路姬一點獎賞,如果每個人都能請帶路姬喝幾杯咖啡,其實就足夠我一個月放心的寫更多對大家有幫助的文章了,不論你請一杯(3美金)、五杯 (15美金)、甚至是每個月固定3美元的訂閱,每一份支持,我都由衷感謝。 帶路姬也計畫製作更多的線上教學課程 假如你很喜歡帶路姬的網站,也很喜歡我的設計風格、寫作方式,很想跟帶路姬預約諮詢教學,請你們一定要繼續關注我的粉絲頁,我會把我近期諮詢教學的精華,大家常問的問題,都集結在一起,一定讓你們不用出門諮詢,也可以達到一樣的效果,帶路姬將在遠端陪伴你們規劃你們的網站、幫你們的網站做健檢、教你們如何把自己的網站變得有質感又有成效、如何和帶路姬的網站一樣短短時間增加很多瀏覽量等等… 線上課程上線前,有問題時怎麼辦? 近期,如果你有任何學習上的疑問,歡迎大家到「WordPress 不懂程式的新手站長 — 網站帶路姬學園」來發問,我自己會盡量每天抽個 30~60 分鐘來回覆大家的問題,或者那邊也有其他熱心的帶路老師們會幫忙回答你的問題喔。(我常常一再強調,這些帶路老師很多都比我還厲害喔!) WordPress 學習的路上,誰沒有過新手菜鳥的那段日子呢?真的不用擔心自己的問題好像很笨?即使我自己做了這麼多個網站了,我也還有很多不會的地方,也是天天在跟其他 WordPress 愛好者保持交流,我相信沒有一個人是十項全能,什麼都會的,畢竟佈景主題和外掛都有上萬個,誰能全部都用過呢?所以,經驗的交流真的很重要,幫助彼此節省模索的時間,不用白走冤望路。所以,歡迎大家常常來社團留言發問喔! 有什麼其他的建議嗎? 針對網站帶路姬的網站,或者帶路姬的營運方式,有任何想法或意見、或者有什麼合作機會可以推薦給我的話,請儘管與我聯繫,帶路姬就在你身邊,只是個喜愛製作網站和樂於幫助人的二寶媽,請放心與我聯繫 ?。帶路姬很喜歡聽聽大家的意見喔! 最後,祝大家成功做出你們的第一個網站,學習過程輕鬆開心!❤️ #謝謝Kenny Chi幫我拍的照片
-
很多新手來問帶路姬, 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 的核心系統一起更新,網站可能就會開始出現問題。…