移至主內容
首頁  >  Drupal目錄  >  Paragraphs如何讓網頁編輯更豐富多元和簡單易用?

Paragraphs如何讓網頁編輯更豐富多元和簡單易用?

Tag :
paragraphs, field
Written by Shiuan on 18 October 2023

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)。正如您所猜測的那樣,圖庫將是圖庫元素的外層包裝。我們將把圖庫段落放在文章內容類型中,並為其創建自定義模板。

  1. 在您的 Drupal 中安裝 Paragraphs module

    您可以在此頁面找到有關模組的當前版本信息。 
    如果您使用Composer,執行以下命令:

    composer require 'drupal/paragraphs:^1.16'

    需要注意的是:Paragraphs module 需要 Entity Reference Revisions module 才能正確運作。當您運行該命令時,Composer 將檢查 Entity Reference Revisions module 是否安裝了正確的版本。

    1

  1. 創建第一個 paragraph type 

    要創建 paragraph type,請到管理選單中的架構 🠖 paragraph type  🠖 添加 paragraph type  (/admin/structure/paragraphs_type/add)。

    2

    請填寫所有必填欄位,如上面的截圖所示:完成 paragraph type 的標籤,以及(可選)圖示和描述字段。然後保存段落類型。

  1. 在 paragraph type 添加欄位

    在 paragraph type 中添加欄位的方式與在內容類型或區塊中添加字段相同。您可以創建新欄位或從列表中選擇現有欄位。嘗試重現下面截圖中所示的字段結構,包括連結、文本、標題和圖像欄位。

    3

  1. 創建第二個 paragraph type 

    在下一步中,創建第二個 paragraph type,一旦第二個 paragraph type 被創建,架構 🠖  paragraph type 下的可用 paragraph type 列表將如下所示:

    4

     

    5

  1. 添加一個 paragraph 欄位

    從參考修訂類別中添加一個新的 paragraph 欄位類型:如下截圖所示。並儲存您的設定。

    6

  1. 撰寫您的模板

    您可以為 paragraph 創建自定義模板。 paragraph 使用文件命名建議,類似於 Drupal 基本模組的方式。建議按從最詳細到最不詳細的順序排列:包括顯示模式、段落類型、顯示模式和段落類型。一旦添加了您的模板,就需要清除緩存。

  1. 確保翻譯正確

     Paragraph 完美處理翻譯,但有一些關鍵事項需要記住,以避免錯誤。永遠不要在 paragraph type 欄位中啟用翻譯,這是不受支持的,會導致多個與添加/編輯翻譯以及保存內容相關的錯誤。

總結 Paragraph 

 Paragraph module 是 Drupal 中影響內容創建體驗的強大工具。它提供了很大的靈活性,幾乎無限的內容創建選項。對於新手網站管理員來說,我們的指南將使這一切更加容易。

返回Drupal
首頁  >  Drupal  >  Paragraphs如何讓網頁編輯更豐富多元和簡單易用?

Paragraphs如何讓網頁編輯更豐富多元和簡單易用?

Tag :
paragraphs, field
Written by Shiuan on 18 October 2023

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)。正如您所猜測的那樣,圖庫將是圖庫元素的外層包裝。我們將把圖庫段落放在文章內容類型中,並為其創建自定義模板。

  1. 在您的 Drupal 中安裝 Paragraphs module

    您可以在此頁面找到有關模組的當前版本信息。 
    如果您使用Composer,執行以下命令:

    composer require 'drupal/paragraphs:^1.16'

    需要注意的是:Paragraphs module 需要 Entity Reference Revisions module 才能正確運作。當您運行該命令時,Composer 將檢查 Entity Reference Revisions module 是否安裝了正確的版本。

    1

  1. 創建第一個 paragraph type 

    要創建 paragraph type,請到管理選單中的架構 🠖 paragraph type  🠖 添加 paragraph type  (/admin/structure/paragraphs_type/add)。

    2

    請填寫所有必填欄位,如上面的截圖所示:完成 paragraph type 的標籤,以及(可選)圖示和描述字段。然後保存段落類型。

  1. 在 paragraph type 添加欄位

    在 paragraph type 中添加欄位的方式與在內容類型或區塊中添加字段相同。您可以創建新欄位或從列表中選擇現有欄位。嘗試重現下面截圖中所示的字段結構,包括連結、文本、標題和圖像欄位。

    3

  1. 創建第二個 paragraph type 

    在下一步中,創建第二個 paragraph type,一旦第二個 paragraph type 被創建,架構 🠖  paragraph type 下的可用 paragraph type 列表將如下所示:

    4

     

    5

  1. 添加一個 paragraph 欄位

    從參考修訂類別中添加一個新的 paragraph 欄位類型:如下截圖所示。並儲存您的設定。

    6

  1. 撰寫您的模板

    您可以為 paragraph 創建自定義模板。 paragraph 使用文件命名建議,類似於 Drupal 基本模組的方式。建議按從最詳細到最不詳細的順序排列:包括顯示模式、段落類型、顯示模式和段落類型。一旦添加了您的模板,就需要清除緩存。

  1. 確保翻譯正確

     Paragraph 完美處理翻譯,但有一些關鍵事項需要記住,以避免錯誤。永遠不要在 paragraph type 欄位中啟用翻譯,這是不受支持的,會導致多個與添加/編輯翻譯以及保存內容相關的錯誤。

總結 Paragraph 

 Paragraph module 是 Drupal 中影響內容創建體驗的強大工具。它提供了很大的靈活性,幾乎無限的內容創建選項。對於新手網站管理員來說,我們的指南將使這一切更加容易。