區塊編輯器 (原 Gutenberg)

你看過這個「更新時發生錯誤」的訊息嗎？今天帶路姬在寫文章時，剛好看到這個訊息，於是把它截圖下來跟新手朋友們分享一下～通常這樣的訊息，來自於這樣的故事… 我昨天下午開始寫這篇文章，寫到一半，因為要陪孩子去上英文課了，於是我急急忙忙的點了一下「儲存草稿」就離開了，視窗就留著…

Table of Content 以中文來說，就是網頁內容的大綱或者目錄，它可以幫助讀者快速了解這篇文章的架構，方便他們決定是否要繼續閱讀以及選擇哪一段去閱讀。建立內容大綱的方式很多，帶路姬這篇文章會列出五種常見的方式，他們運作的方式都非常類似：他會自動尋找文章中的標題…

WordPress 小工具突然壞掉了嗎？ 許久沒打開網站後台的你，突然發現小工具的地方變怪怪的… 可能還夾帶許多令人害怕的紅色錯誤… 不用害怕，因為你的網站可能被自動升級到 WordPress 5.8 版了！ WordPress 5.8：使用區塊編輯器製作 Widgets 小工具 最新版的 WordPress 是使用區塊編輯器來編輯小工具喔！只要你有用過區塊編輯器來編輯網站內容，這個小工具編輯方式對你來說一定會非常直覺的，而且因為區塊種類非常多，可以讓你的側邊欄或頁尾區域充滿無限可能。 只要到外觀 > 小工具，然後要點選上面＋的按鈕，就可以選擇你想增加的區塊到下方的小工具區域中。 可是你原本的小工具不見了或壞掉了怎麼辦？ 如果你有發現你的小工具因為 WordPress 升級到 5.8之後的版本而變得無法編輯或出錯，或者你真的不習慣這樣的編輯方式，可以安裝 Classic Widgets (傳統小工具)外掛，把介面還原到過去熟悉的樣子。

就在今天，WordPress 官方正式發表了 WordPress 5.8 最新版本，這個版本在全世界受到非常大的關注，因為他的改變非常大，即將在未來的幾年內，可能慢慢的改變 WordPress 佈景主題及外掛的應用方式等等。WordPress 5.8 的改動很多，尤其有一些是非常革命性的改變…

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 今天就是有一天！ 你知道嗎？當你還在和身邊的朋友並駕齊驅的時候，只要你跨出這一步，比別人搶先一步開始架站，你就已經贏他們一大截，開始累積品牌知名度、開始創造各種網路收入！ 要選哪一個系列開始呢？ 每個佈景主題提供的設定選項不同、操作方式也不同，新手們第一次架站，通常不確定要怎麼選擇主題，帶路姬建議大家用一個最簡單的選擇方式： ♥ 從選一個最喜歡的示範網站開始！♥ 這樣就可以輕鬆套版，不用改太多，網站就可以更快完成啦！ 媒體部落格篇…

WordPress 5.0 發佈了！WordPress 就跟手機APP一樣，會一直出更新的版本，大部分的時候是出小版本，修改小細節… 這次！WordPress 5.0 是重大更新版本喔！… 首先是用了好久的文章編輯介面，完全改成更聰明的 Gutenberg 古騰堡編輯器了！再來是預設的主題模板也升級的更…

Gutenberg 區塊 不夠多嗎？想增加更多的內容區塊嗎？Ultimate Addons for Gutenberg 外掛幫助你延伸 Gutenberg 編輯器，增加更多元的內容！整體來說，帶路姬蠻推薦這個外掛的喔！至少是大公司出的，比較不會有安全上的疑慮，也比較少 bug..帶路姬很快的試用了一下，覺得這些內容區塊都還蠻實用的，而且不會讓網站變慢喔…

古騰堡不好用嗎？和你的編輯器和外掛有衝突嗎？WordPress5.0起，預設的編輯器就是 Gutenberg 古騰堡了！不論你是因為不習慣、不喜歡、還是有相容性的問題，WordPress 開發團隊很貼心的準備了「Classic Editor 傳統編輯器」的外掛，讓大家可以還原你的編輯器到升級前的狀態喔！…

網站帶路姬在 WordCamp Taipei 2018 中擔任講師，與大家分享「Gutenberg 帶來了什麼改變？」帶路姬也同時參與籌備。在議程組我做些什麼事呢？ 為什麼想當 WordCamp 講師呀？帶路姬來分享講師心得給大家… WordPress 小聚都離你很遠嗎？可以自己辦一個家裡附近的啊！…

WordCamp Taipei 2018: Gutenberg 帶來了什麼改變？ 這次帶路姬很榮幸，能在 WordCamp Taipei 2018 中，與大家分享「Gutenberg 編輯器帶來了什麼改變？」。我就利用這篇文章，把我所蒐集到的資訊，一次統整給大家。 正式進入詳細介紹之前，要提醒大家，2018/12/6 WordPress 5.0 已經正式發佈了，Gutenberg 編輯器也正式預設在新的 WordPress 裡囉！如果你的佈景主題與外掛還沒有和 WordPress 5.0 相容，請不要隨便更新你的 WordPress 版本喔！ 要更新到 WordPress 5.0 之前，請切記一定要先備份好你的網站！如果不小心升級後，網站壞掉了，至少可以輕鬆還原! 帶路姬推薦的 A2 主機和 Cloudways 都有很幫變得備份與還原功能喔！ 手把手帶你把網站搬到 A2 Hosting 主機 手把手帶你把網站搬到 Cloudways 主機 接下來，我們就快來看看， Gutenberg 編輯器，到底會對我們的網站，帶來什麼改變呢？ WordPress 5.0 預設搭載 Gutenberg 編輯器 Gutenberg 編輯器的快速展示影片 WordPress 很好用啊，為什麼要換編輯器？ Gutenberg 的精髓：區塊的概念 (Block) Gutenberg 可以插入什麼區塊呢？ Gutenberg 的三大特色：隨著情境而出現的設定區 Gutenberg 的三大特色：可以增加「重複使用的區塊」 Gutenberg 的三大特色：手機上也可以輕鬆使用 Gutenberg 與其他編輯器相容嗎？ Gutenberg 出現後，市場上會有什麼變化呢？ 升級到 WordPress 5.0，原本的文章會變怎麼樣？ 一定要使用 Gutenberg 編輯器嗎？ 升級到 WordPress 5.0 前要注意什麼嗎？ WordPress 5.0 什麼時候公佈呢？ 新的編輯器為什麼叫 Gutenberg？ Gutenberg 支援快捷鍵嗎？ Gutenberg 支援自定義內容類型嗎 (Custom Post Type)？ 原本的 Shortcode 短代碼還是一樣可以用嗎？                                                Gutenberg 會支援多個欄位嗎？ Gutenberg 會支援子區塊嗎？             …