WordPress 入門 ,帶路姬自己是覺得,我還是建議沒有任何技術背景的新手們,如果你英文不是很好、不知道什麼是 DNS、也不知道什麼叫 PHP, MySQL 資料庫,那就跟著帶路姬的五天自學衝刺班來學吧… 這樣你可以直接進入 WordPress 的世界,先不用管其他周邊的絆腳石…
WordPress架站
-
-
一頁式網站常常會帶來很高的轉換率,要怎麼製作呢?用 Avada 主題來做一頁式的網站非常簡單喔!只有兩個小觀念要學習而已。請看直播影片喔,也可以對照下面的文字教學…
-
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 會支援子區塊嗎? …
-
兩天前才在 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 的途中嗎?歡迎來帶路姬的社團與大家交流。
-
讓我們來測試看看崁入 Facebook 的貼文的效果吧! 只要貼入 Facebook 貼文的連結,Gutenberg 就會自動幫你崁入貼文成上面的樣子喔! 你們可以按讚看看,還可以分享看看!可以直接互動真的很方便! 而且,Gutenberg 不是只能崁入 Facebook,他總共能崁入35種不同的多媒體與社群資訊! 我越用越喜歡啊… 離不開它了!謝謝 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之間 ✅ 要注意每個段落不要太長 大概先列出這些喔~ 不知道還有沒有其他我漏掉的呢? 尤其是粉絲頁的部分,歡迎大家幫忙補充~~ 謝謝你們!❤️
-
這是新手們一開始製作 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 功能真的很強大,但建議已經有經驗一點的人再用。所以,如果你是新手、第一次做網站,建議還是跟著帶路姬五天自學衝刺班裡的教學做一次、也不用多花錢。 希望這些資訊對大家有幫助囉! ☺️官方證實是相容的,不過帶路姬還沒親身嘗試過,歡迎有經驗的人與大家分享你的心得喔!?