WordPress 入門 ,帶路姬自己是覺得,我還是建議沒有任何技術背景的新手們,如果你英文不是很好、不知道什麼是 DNS、也不知道什麼叫 PHP, MySQL 資料庫,那就跟著帶路姬的五天自學衝刺班來學吧… 這樣你可以直接進入 WordPress 的世界,先不用管其他周邊的絆腳石…
October 2018
-
-
一頁式網站常常會帶來很高的轉換率,要怎麼製作呢?用 Avada 主題來做一頁式的網站非常簡單喔!只有兩個小觀念要學習而已。請看直播影片喔,也可以對照下面的文字教學…
-
帶路姬不過是個一日球迷,總要在各類球賽冠軍賽的時候湊湊熱鬧,今天早上當然也不會錯過了世界大賽,雖然我也沒有特別支持哪一隊,每次只會支持有勝算的那一邊 XD。 搭個棒球大日子的順風車,今天來跟大家分享一個美國很知名的運動網站,The Undefeated. 他是 ESPN 所擁有的網站之一,ESPN 則是迪士尼公司底下的體育廣播公司,總之,這個 The Undefeated 的網站,大有來頭喔!他是用 WordPress 做的喔! 我查了一下,雖然他的佈景主題,看來是他們自己客製化的主題,外掛能查到的也不多,不過,我可以透過這個網站,跟大家分享幾個小技巧: Q1. 選單項目要放幾個比較好? 我通常會建議,放5~7個,不要超過7個,主選單項目越多,通常會讓訪客越難選擇,所以,請幫幫你的訪客個忙吧,給他少一點項目開始選,這樣他停留在你網站的時間可能會長一點點… 我發現他們就蠻有趣的,把主選單設定成 5+1,也是一樣的道理。 Q2. 首頁:大圖輪播要怎麼做呢? 他們首頁最上面有一個大圖+文章標題,那個區域是他們的「焦點文章」,其實用「Slider Revolution」就可以做到了!這個外掛,不只可以讓你輪播照片,還可以自動抓取某個分類或標籤的「文章」來輪播,非常的方便喔! ➡️ 如何製作文章輪播 (可以用 Chrome 的擴充外掛「Google 翻譯」來閱讀)➡️ 參考外掛範例 (可以直接下載匯入)✅ 購買 Slider Revolution Q3. 首頁:焦點文章下面的文章列表要怎麼做呢? 如果以 Avada 來說,可以依照下列的方式: 編輯頁面 選擇用「Fusion Builder」來編輯 插入大區塊 (Container) 和欄位 (Column) 插入「Blog」元素到欄位裡 Blog 的元素的,有一個選項叫「Post Offset」,它可以讓你跳過幾篇文章。 Blog 的元素的,有另一個選項叫「Categories」,它可以讓選擇你要顯示哪一個分類的文章。 舉例來說,假如你的焦點文章已經有一篇棒球分類的第一篇文章,那你下面的列表應該不想重複出現焦點文章的文章,就可以利用這個 Post Offset 和選擇 Categories 的技巧來把焦點文章的那篇排除掉。 今天就跟大家分享這幾個小技巧囉!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之間 ✅ 要注意每個段落不要太長 大概先列出這些喔~ 不知道還有沒有其他我漏掉的呢? 尤其是粉絲頁的部分,歡迎大家幫忙補充~~ 謝謝你們!❤️
-
社團裡很多同學問我,什麼時候才會再開一次 Yoast SEO的團購呢? 其實,不是我不想幫忙,而是我幫大家團購之後,大家的網站得全部透過我來管理帳戶,這樣對大家都不是很方便,於是我寫信跟 Yoast SEO聯繫,告訴他們我們社團朋友們的需求,希望他們能給大家優惠價,沒想到真的讓我爭取到了! 這個優惠代碼是特別給帶路姬的粉絲們和社團朋友們的喔!歡迎大家多利用!這等於是五個人的團購價喔!卻不用大家湊團購,輸入代碼,直接打折! 我自己的帶路姬網站有購買使用,加上我自己的高質量的原創文章 + 偶爾使用他們的keyword 分析建議與自動轉址功能,我的網站排名一直都在慢慢前進中,所以我應該會繼續使用下去,雖然也有其他帶路老師們推薦其他的外掛,不過我還沒有機會都用用看,所以大家可以留言討論,做對自己最有利的選擇。 【帶路姬專屬的 Yoast SEO Premium 限時優惠代碼】:EL422000-10% 謝謝大家對帶路姬的支持與鼓勵,我會繼續努力為大家服務,有機會的話,再幫大家爭取其他的好康 ❤️
- 1
- 2