Gutenberg Block Directory: 區塊目錄與單一區塊外掛

作者:

Gutenberg 在 6.5 的版本加入了一個新的實驗性功能，讓使用者在新增區塊的時候，可以搜尋到其他未安裝在網站上的區塊。而這些未安裝在網站上的區塊將來將會顯示在 WordPress.org 上的一個區塊的分類。這個功能其實是 Matt Mullenweg 在 2018 的 WordCamp US 上宣布的 9 Projects for 2019 中的其中一項。

如果你想實驗這項功能，可以自行安裝 Gutenberg，然後在 Gutenberg > Enable Block Directory search 中找到這項功能。

啟用 Block Directory

啟用之後，你就可以在區塊編輯器中插入區塊時搜尋區塊。這邊是以 Boxer 這個測試區塊為例。

當你插入了這個區塊時，實際上是安裝了一個外掛在你的網站上。所以你去外掛清單看會多出一個外掛。

到這邊你應該不難發現，未來將會有一個新的外掛型態，而這個外掛是以單一區塊的模式來提供功能。之所以會有這樣的概念原因在於，目前已經有很多的外掛提供了自己的區塊，但是基本上你很難用區塊的名稱去搜尋到這個區塊，而且在外掛的頁面上，也很難描述清楚提供的區塊的所有功能。

WordPress 團隊提出了一個新型態的外掛概念：Single Block Plugins。這些外掛只會提供一個區塊，且會在外掛的目錄中歸類在 Block Directory 這個內容中。更多的資訊和討論可以到這邊。

參考資料：

WooCommerce 3.9 發佈

作者:

WooCommerce 團隊針對 WooCommerce 發佈的方式做了一些改變，為了讓發佈的時程不會拖的太長，導致一次有太多的變動加入到發佈的版本中，將來 WooCommerce 將會改為定期的發佈，讓每次的變動不至於太大。上一個版本 3.8 是在 2019/11/5 發佈，而下一個版本 3.9 即將於 2019/1/7 發佈。我們來看看新的版本會包含哪些變動吧！

WooCommerce Block

新版的 WooCommerce 3.9 將會包含 WooCommerce Block 2.5。

WooCommerce 3.9 新增了一個 “全部商品”的區塊，這個區塊跟原本 WooCommerce 核心的商店頁面的顯示是一樣的，不過這個區塊是透過 Javascript 和 REST API 來顯示資料，所以顧客在瀏覽商品時可以停留在同一頁，瀏覽體驗會很好多。

你可以編輯這個商品清單區塊的內容，來控制商品顯示的資料(Inner Block)，或是與其他區塊共同使用，例如商品過濾區塊。

新的 PHP 和 WordPress 最低版本要求

WooCommerce 3.9 最低需要 PHP 7.0，這個要求同時代表著你需要 WordPress 5.0 以上的版本才能正常運行 WooCommerce 3.9。如果你的商店的 PHP 低於 7.0 或是 WordPress 低於 5.0，你將無法升級到 WooCommerce 3.9 的版本。

其他的改進

新的用戶引導(Onboarding) 介面

ShareAblock – 一個開源共享的 Gutenberg 區塊、範本資料庫

作者:

ShareAblock 是由 EditorsKit 開發者所建立個一個開源共享的區塊、範本設計資料庫，成立的目標在於希望讓使用者能夠更快速地使用並設計區塊。所有人都可以自由地下載網站上的區塊或樣板，但上傳的資格目前仍有所限制，只有經過審核的部分作者可以上傳，不過你還是可以申請成為具資格的上傳者。

如何使用

由於目前 Gutenberg 並未支援區塊的匯出和匯入，如果要匯入下載的區塊或樣板，必須在網站上先安裝 EditorsKit，EditorsKit 支援以 json 的格式匯出區塊，並透過拖曳的方式直接匯入區塊到你的編輯器中。

匯出區塊內容

找到你想下載的區塊設計，頁面上會說明這個設計使用了哪些區塊，以及他個功能描述，按下 Download Now 來下載。

按下 Download Now 會跳出視窗要求輸入你的姓名和 Email。

完成後會有一個下載確認，這時候我才了解原來他是一個購買的流程，同時也會在這個網站幫你建立一個帳號，也許將來會有收費的計畫，讓一些比較進階或複雜的區塊設計能夠讓使用者付費下載，我覺得這也是蠻合理的，至於使用者買不買單就看之後的發展了。

匯入區塊內容

找到你下載的 json 檔，透過拖曳的方式直接拖曳到你正在編輯的編輯器中，即可完成匯入。以下為匯入的 Call to Action 區塊範例。

Schedule a free consultation

Vestibulum et magna mattis, sollicitudin convallis ligula ac. Ullamcorper turpis, nec metus nunc vel ullamcorper turpis, turpis. Augue justo nec convallis metus nunc vel turpis. 

Call to Action

範本

除了區塊以外，網站上還有另一個分類是範本 (Template)，範本屬於比較完整的設計頁面，你可以快速地建構出頁面。

未來

目前 EditorsKit 和 ShareABlock 在做的事算是走在蠻前面的，很多你覺得不錯的功能也許將來也會直接內建在 Gutenberg 中，或許將來在 WordPress.org 上，除了外掛和主題之外，還會再多一個區塊的分類，讓使用者可以自由地上傳和下載區塊，我想屆時 Gutenberg 也會被更多使用者所接納。