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. 

範本

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

未來

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