產品 解決方案 數據智能 服務案例 云市場 安全 知識社區 合作伙伴 支持與服務
注冊
知識社區

專家匯聚,知識共享,共建生態,實戰干貨、專家問答、技術論壇、學習、成長、分享、共建

服務咨詢
為什么Drupal的布局構建器如此強大、獨特
梁靜發布時間:2019-03-14 15:21:11瀏覽9689評論12
摘要:將在Drupal 8下一個版本發布的布局構建器

內容作者想要一個易于使用的頁面構建體驗。他們希望使用拖放和WYSIWYG工具來創建和設計頁面。一年多來,Drupal社區一直在開發一種新的布局構建器,旨在將這種頁面構建功能引入Drupal核心。

Drupal即將發布的布局構建器非常獨特,它為以下三個用例提供了強大的可視化設計工具:

  1. 模板化內容的布局。創建“布局模板”,用于布局特定內容類型的所有實例(例如博客文章、產品頁面)。
  2. 自定義模板布局。能夠逐個地覆蓋那些布局模板(例如,能夠覆蓋標準化產品頁面的布局)
  3. 自定義頁面。創建自定義的、一次性的landing頁面,不綁定到內容類型或結構化內容(例如,單個“關于我們”頁面)。

讓我們更詳細地看下這三種用例,以解釋為什么這非常有用!

用例1:模板化內容的布局

對于擁有大量內容的大型站點,相同類型的內容具有相似的外觀很重要。

一個銷售數百種不同花籃的商業網站,所有花籃的布局應該是類似的。對于顧客來說,這在瀏覽禮品籃時提供了一致的體驗,使他們更容易比較。對于內容作者來說,模板化方式意味著他們不必擔心他們在網站上輸入每個新禮品籃的外觀和布局。他們可以確定,一旦他們輸入了價格、描述,并上傳了商品的圖片,最終用戶會覺得它像網站上的所有其他禮品籃一樣好看。

Drupal 8的新布局構建器允許站點創建者可視化地創建布局模板,該模板將用于相同內容類型的每個項目(例如,“禮品籃”內容類型的“禮品籃布局”)。這是可能的,因為布局構建器受益于Drupal強大的“結構化內容”功能。

很多Drupal競爭對手不允許在瀏覽器中設計這樣的模板化方式。它們基于瀏覽器的頁面構建器只允許你為單個頁面創建設計。當你希望創建適用于特定內容類型的所有頁面的布局時,通常沒有開發人員是不可能的。

用例2:定制模板化布局

雖說特定類型的所有產品有著統一外觀有許多優點,但有時你可能希望稍微(或顯著的)以不同的方式顯示一個或多個產品。

例如一位顧客錄制了一段視頻,視頻中他給自己心愛的人送了一個禮籃,這段視頻最近在網上瘋傳(因為視頻中不知怎么的包含了一只小狗)。如果你只想用視頻更新其中一個禮品籃,那么在所有禮品籃中添加可選的“高亮視頻”字段可能沒有意義。

Drupal 8的布局構建器提供了為各種情況定制模板布局的能力。在“病毒性,小狗,禮品籃”的視頻例子中,這將允許內容創建者重新安排一個禮品籃的布局,并將病毒性視頻直接放在產品圖像的下方。此外,一旦人們的焦點轉移開這個視頻時,布局構建者將允許網站恢復布局,以匹配所有其他禮品籃。

由于大多數內容管理系統不允許你為特定類型的結構化內容可視化地設計布局模式,因此它們也不允許這種類型的定制。

用例3:自定義頁面(非結構化內容)

當然,并非所有內容都是模板化的,內容作者通常需要創建一次性的頁面,比如“About us”頁面或網站主頁。

除了為不同類型的內容可視化地設計布局模板外,Drupal 8的布局構建器還可以用來創建動態的一次性定制頁面。內容作者可以從空白頁開始,設計布局,并開始添加blocks。這些blocks可以包含視頻、地圖、文本、hero image或定制的小部件(例如?Drupal View ,其中顯示10個最受歡迎的禮品籃)。blocks可以向內容作者暴露配置選項。例如,帶有圖像和文本的hero block可以提供一個設置來將文本左對齊、右對齊或居中對齊。這些設置可以從側邊欄直接配置。

在許多其他系統中,內容作者可以使用拖拽的WYSIWYG工具來設計這些一次性頁面。這種類型的工具在諸如SquarespaceWordPress的新的Gutenberg編輯器等許多項目和服務中使用(現在Drupal,也可以使用了!)

在大型站點上,自由形式的頁面創建肯定會帶來可伸縮性、維護和治理方面的挑戰。

對于較小的站點,可能沒有很多頁面或內容創建,這些動態的自由形式的頁面構建器可能工作得很好,并且它們提供的不受限制的創作自由可能非常有吸引力。然而,在較大的站點上,當你有數以百計的頁面內容創建時,將首選模板化方式。

Drupal的新布局構建器什么時候準備好?

Drupal 8的布局構建器仍然是測試版的實驗性模塊,在變得穩定之前需要解決25個已知的開放問題。我們有望在2019年5月Drupal 8.7發布之前完成這項工作。如果你對增加這種可能性感興趣,你可以在Layout Initiative的主頁上找到如何幫助我們。

關于可訪問性的重要說明

無障礙是Drupal的核心原則之一,構建人人都能使用的軟件我們的核心價值觀和原則的一部分。將Layout Builder功能帶到可生產使用的“穩定”狀態的關鍵部分是確保它通過我們的accessibility gate(符合WCAGATAG的AA級)。這既適用于創建工具本身,也適用于它生成的標記。我們認真對待我們對可訪問性的承諾。

對貢獻模塊和現有站點的影響

目前Drupal模塊生態系統中有一些用于創建模板布局和landing頁面的方法,包括PanelsPanelizer組合。我們目前正在把Panels/Panelizer遷移到布局構建器。

Paragraphs模塊目前可以用于解決幾種類型的內容創作用例,包括自定義landing頁面的創建。Paragraphs如何與布局構建器一起工作,及/或者是否使用布局構建器來控制段落的布局,還有待確定。

總結

Drupal即將發布的布局構建器的獨特之處在于它支持多個不同的用例;從可應用于數十或數百塊結構化內容的模板布局,到使用非結構化內容設計的自定義一次性頁面。當將布局構建器與Drupal的其他開箱即用特性(如revisioning,content moderation,和 translations)結合使用時,它甚至更加強大,但這是未來博客文章的主題。

本文為云棲社區原創內容,未經允許不得轉載,如需轉載請發送郵件至yqeditor@list.alibaba-inc.com;如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至:yqgroup@service.aliyun.com 進行舉報,并提供相關證據,一經查實,本社區將立刻刪除涉嫌侵權內容。

網友評論
登錄后可評論,請登錄注冊
X您還沒有登錄

您還沒有登錄,登錄后才能參加活動。

登錄注冊

這是成功的提示
這是錯誤的提示
這是警告的提示
正在處理
加載中...
青春娱乐分类视频精品导航