Paragraphs如何讓網頁編輯更豐富多元和簡單易用?
Drupal中的 paragraphs 是什麼?
Paragraphs模組,提供我們在網頁的某一段落進行編輯的功能,這些功能提供多元、可自訂、和和易於使用的特性。在開始使用之前,您必須安裝Paragraphs module,然後,在內容類型或區塊中添加一個 Paragraph type 欄位,並選擇欄位中應該提供哪些 paragraph type。當我們在創建或編輯內容時,便可以從可用類型中添加任意數量的paragraphs, 並根據喜好更改它們的順序。
Paragraphs module 裝好之後,只是把功能和環境準備好,並無預設的 paragraph type。每個 paragraph type 必須由使用者配置,這相當直觀。使用者可以控制 paragraph type 應該包含哪些欄位。此外,使用者可以完全管理它。
使用 paragraphs 的優勢是什麼?
簡單易用
使用 paragraphs 是簡單且直觀的。編輯者不必擔心內容是否呈現如他們所期望,或者在使用網站的移動版本時是否會遇到問題。如果 paragraph type 已經適當地準備好(包括樣式設置),他們不會遇到任何問題。Paragraphs 的配置並不複雜:只需點幾下,您就可以創建 paragraph type 並添加相關欄位。一旦配置完成,唯一剩下的工作是設置樣式,以及(可選)創建自定義模板。預先準備好的 paragraph type 可以重複使用。
Paragraphs 還允許您執行各種操作,例如創建 paragraph type 的自定義模板,處理翻譯等等。我們稍後將解釋 paragraphs 的關鍵部分。
結構化
使用 paragraphs 可以在 Drupal CMS 的內容創建過程中為其帶來更多秩序。如果沒有 paragraphs,編輯者將不斷地重複在 WYSIWYG 編輯器中創建包含文本、圖像、視頻等內容的內容。不幸的是,WYSIWYG 編輯器並不總是能夠將新增的元素完全按照用戶的期望方式顯示。在較小的螢幕上,例如在手機版本中,問題可能更多。修改 WYSIWYG 編輯器中的源代碼可能有所幫助。但這需要編程技能或程序支持。相比之下,一旦配置好的 paragraphs 是「自給自足」的。編輯者只需填寫欄位,內容將按照預期顯示。不需要具備編程技能。
可配置性
使用 paragraphs,可以創建不一定準備用於顯示內容、圖像或媒體的欄位,而是用作欄位配置。例如,使用者可以根據他正在創建或編輯所選 paragraphs 的子頁面選擇 paragraphs 的顯示模式。這樣,編輯者可以更多地控制內容的最終外觀和布局。這種解決方案比在WYSIWYG編輯器的源代碼中嵌入代碼要更加用戶友好。模組化
Paragraphs 還提供了模組化,這消除了項目中結構元素和代碼區塊的重複。如果在兩個或多個內容類型或區塊中需要相同的結構(例如,標誌模組和連結),您只需創建一個包含兩個欄位(標誌和鏈接)的 paragraph type,然後可以將它放在任何您希望的地方。然後,您就不需要在項目中的不同位置(例如,幾個內容類型中)創建相同的欄位結構。- 多樣性
Paragraphs 可以由包含內容、圖像、多欄布局、滑塊、影片和影音播放器、地圖、表單以及應用程序(例如在 Vue.js 中創建或使用其他技術)的組件製作。有許多可能性。您可以定義各種類型的段落,非程序員在內容管理中可以輕鬆使用這些 paragraph。
Drupal 開發者創建 paragraph 的指南
現在,讓我們遵循一個簡單的指南,了解如何在Drupal中充分利用paragraph。我們將創建一個包含圖像、標題、文本和連結(外部或內部)元素的圖庫。為此,我們將創建兩種類型的段落:一個是圖庫(Gallery),另一個是圖庫元素(Gallery Element)。正如您所猜測的那樣,圖庫將是圖庫元素的外層包裝。我們將把圖庫段落放在文章內容類型中,並為其創建自定義模板。
在您的 Drupal 中安裝 Paragraphs module
您可以在此頁面找到有關模組的當前版本信息。
如果您使用Composer,執行以下命令:composer require 'drupal/paragraphs:^1.16'
需要注意的是:Paragraphs module 需要 Entity Reference Revisions module 才能正確運作。當您運行該命令時,Composer 將檢查 Entity Reference Revisions module 是否安裝了正確的版本。
創建第一個 paragraph type
要創建 paragraph type,請到管理選單中的架構 🠖 paragraph type 🠖 添加 paragraph type (/admin/structure/paragraphs_type/add)。
請填寫所有必填欄位,如上面的截圖所示:完成 paragraph type 的標籤,以及(可選)圖示和描述字段。然後保存段落類型。
在 paragraph type 添加欄位
在 paragraph type 中添加欄位的方式與在內容類型或區塊中添加字段相同。您可以創建新欄位或從列表中選擇現有欄位。嘗試重現下面截圖中所示的字段結構,包括連結、文本、標題和圖像欄位。
創建第二個 paragraph type
在下一步中,創建第二個 paragraph type,一旦第二個 paragraph type 被創建,架構 🠖 paragraph type 下的可用 paragraph type 列表將如下所示:
添加一個 paragraph 欄位
從參考修訂類別中添加一個新的 paragraph 欄位類型:如下截圖所示。並儲存您的設定。
撰寫您的模板
您可以為 paragraph 創建自定義模板。 paragraph 使用文件命名建議,類似於 Drupal 基本模組的方式。建議按從最詳細到最不詳細的順序排列:包括顯示模式、段落類型、顯示模式和段落類型。一旦添加了您的模板,就需要清除緩存。
確保翻譯正確
Paragraph 完美處理翻譯,但有一些關鍵事項需要記住,以避免錯誤。永遠不要在 paragraph type 欄位中啟用翻譯,這是不受支持的,會導致多個與添加/編輯翻譯以及保存內容相關的錯誤。
總結 Paragraph
Paragraph module 是 Drupal 中影響內容創建體驗的強大工具。它提供了很大的靈活性,幾乎無限的內容創建選項。對於新手網站管理員來說,我們的指南將使這一切更加容易。
Paragraphs如何讓網頁編輯更豐富多元和簡單易用?
Drupal中的 paragraphs 是什麼?
Paragraphs模組,提供我們在網頁的某一段落進行編輯的功能,這些功能提供多元、可自訂、和和易於使用的特性。在開始使用之前,您必須安裝Paragraphs module,然後,在內容類型或區塊中添加一個 Paragraph type 欄位,並選擇欄位中應該提供哪些 paragraph type。當我們在創建或編輯內容時,便可以從可用類型中添加任意數量的paragraphs, 並根據喜好更改它們的順序。
Paragraphs module 裝好之後,只是把功能和環境準備好,並無預設的 paragraph type。每個 paragraph type 必須由使用者配置,這相當直觀。使用者可以控制 paragraph type 應該包含哪些欄位。此外,使用者可以完全管理它。
使用 paragraphs 的優勢是什麼?
簡單易用
使用 paragraphs 是簡單且直觀的。編輯者不必擔心內容是否呈現如他們所期望,或者在使用網站的移動版本時是否會遇到問題。如果 paragraph type 已經適當地準備好(包括樣式設置),他們不會遇到任何問題。Paragraphs 的配置並不複雜:只需點幾下,您就可以創建 paragraph type 並添加相關欄位。一旦配置完成,唯一剩下的工作是設置樣式,以及(可選)創建自定義模板。預先準備好的 paragraph type 可以重複使用。
Paragraphs 還允許您執行各種操作,例如創建 paragraph type 的自定義模板,處理翻譯等等。我們稍後將解釋 paragraphs 的關鍵部分。
結構化
使用 paragraphs 可以在 Drupal CMS 的內容創建過程中為其帶來更多秩序。如果沒有 paragraphs,編輯者將不斷地重複在 WYSIWYG 編輯器中創建包含文本、圖像、視頻等內容的內容。不幸的是,WYSIWYG 編輯器並不總是能夠將新增的元素完全按照用戶的期望方式顯示。在較小的螢幕上,例如在手機版本中,問題可能更多。修改 WYSIWYG 編輯器中的源代碼可能有所幫助。但這需要編程技能或程序支持。相比之下,一旦配置好的 paragraphs 是「自給自足」的。編輯者只需填寫欄位,內容將按照預期顯示。不需要具備編程技能。
可配置性
使用 paragraphs,可以創建不一定準備用於顯示內容、圖像或媒體的欄位,而是用作欄位配置。例如,使用者可以根據他正在創建或編輯所選 paragraphs 的子頁面選擇 paragraphs 的顯示模式。這樣,編輯者可以更多地控制內容的最終外觀和布局。這種解決方案比在WYSIWYG編輯器的源代碼中嵌入代碼要更加用戶友好。模組化
Paragraphs 還提供了模組化,這消除了項目中結構元素和代碼區塊的重複。如果在兩個或多個內容類型或區塊中需要相同的結構(例如,標誌模組和連結),您只需創建一個包含兩個欄位(標誌和鏈接)的 paragraph type,然後可以將它放在任何您希望的地方。然後,您就不需要在項目中的不同位置(例如,幾個內容類型中)創建相同的欄位結構。- 多樣性
Paragraphs 可以由包含內容、圖像、多欄布局、滑塊、影片和影音播放器、地圖、表單以及應用程序(例如在 Vue.js 中創建或使用其他技術)的組件製作。有許多可能性。您可以定義各種類型的段落,非程序員在內容管理中可以輕鬆使用這些 paragraph。
Drupal 開發者創建 paragraph 的指南
現在,讓我們遵循一個簡單的指南,了解如何在Drupal中充分利用paragraph。我們將創建一個包含圖像、標題、文本和連結(外部或內部)元素的圖庫。為此,我們將創建兩種類型的段落:一個是圖庫(Gallery),另一個是圖庫元素(Gallery Element)。正如您所猜測的那樣,圖庫將是圖庫元素的外層包裝。我們將把圖庫段落放在文章內容類型中,並為其創建自定義模板。
在您的 Drupal 中安裝 Paragraphs module
您可以在此頁面找到有關模組的當前版本信息。
如果您使用Composer,執行以下命令:composer require 'drupal/paragraphs:^1.16'
需要注意的是:Paragraphs module 需要 Entity Reference Revisions module 才能正確運作。當您運行該命令時,Composer 將檢查 Entity Reference Revisions module 是否安裝了正確的版本。
創建第一個 paragraph type
要創建 paragraph type,請到管理選單中的架構 🠖 paragraph type 🠖 添加 paragraph type (/admin/structure/paragraphs_type/add)。
請填寫所有必填欄位,如上面的截圖所示:完成 paragraph type 的標籤,以及(可選)圖示和描述字段。然後保存段落類型。
在 paragraph type 添加欄位
在 paragraph type 中添加欄位的方式與在內容類型或區塊中添加字段相同。您可以創建新欄位或從列表中選擇現有欄位。嘗試重現下面截圖中所示的字段結構,包括連結、文本、標題和圖像欄位。
創建第二個 paragraph type
在下一步中,創建第二個 paragraph type,一旦第二個 paragraph type 被創建,架構 🠖 paragraph type 下的可用 paragraph type 列表將如下所示:
添加一個 paragraph 欄位
從參考修訂類別中添加一個新的 paragraph 欄位類型:如下截圖所示。並儲存您的設定。
撰寫您的模板
您可以為 paragraph 創建自定義模板。 paragraph 使用文件命名建議,類似於 Drupal 基本模組的方式。建議按從最詳細到最不詳細的順序排列:包括顯示模式、段落類型、顯示模式和段落類型。一旦添加了您的模板,就需要清除緩存。
確保翻譯正確
Paragraph 完美處理翻譯,但有一些關鍵事項需要記住,以避免錯誤。永遠不要在 paragraph type 欄位中啟用翻譯,這是不受支持的,會導致多個與添加/編輯翻譯以及保存內容相關的錯誤。
總結 Paragraph
Paragraph module 是 Drupal 中影響內容創建體驗的強大工具。它提供了很大的靈活性,幾乎無限的內容創建選項。對於新手網站管理員來說,我們的指南將使這一切更加容易。