Drupal 8 中的視圖模式是什麼
已發表: 2022-02-16Drupal 以其在管理和呈現內容方面的靈活性而聞名。 Drupal 視圖模式允許您基於特定上下文以某種方式呈現(顯示)一個 Drupal 實體或多個實體(如節點)。
本教程將通過示例演示 Drupal 視圖模式的使用。 我們將安裝並使用 Field Group 和 Display Suite 模塊。
讓我們開始吧!
步驟1。 安裝所需模塊
打開終端應用程序並將光標放在 Drupal 安裝的根目錄中。
- 類型:
作曲家需要“drupal//field_group:^3.0”
作曲家需要 drupal/ds
單擊擴展。
啟用顯示套件和字段組。
單擊安裝。
系統將提示您啟用佈局發現模塊。
- 單擊繼續。
不需要其他模塊。
第2步。 內容類型
出於本教程的目的,我們將創建一個名為“名人”的內容類型,其字段詳見下表。 跟隨相同的內容類型或創建另一個內容類型,例如“作者”、“患者”甚至另一個實體類型,例如“成員”——請記住,視圖模式可以應用於各種實體,而不僅僅是節點。
字段名稱 | 字段類型 | 允許的值數 | 附加信息 |
圖片 | 圖片 | 1 | |
出生 | 日期 | 1 | 僅日期 - 字段組 個人數據 |
死亡 | 日期 | 1舒 | 僅日期 - 字段組 個人數據 |
聞名 | 文本(長格式) | 1 | 字段組 個人數據 |
早期生活 | 文本(長格式) | 1 | |
終身工作 | 文本(長格式) | 1 | |
死亡 | 文本(長格式) | 1 | |
瑣事 | 文本(長格式) | 1 | 項目符號列表 |
文件下載 | 文件 | 無限 | 要下載的其他文件/允許的文件擴展名:txt、pdf、doc、xls、xlsx、docx、jpg、png |
相關鏈接 | 關聯 | 無限 | 鏈接到其他資源 |
田野:
出生
死亡
聞名
將被分組在一個名為“個人數據”的字段組中。
步驟#3。 創建字段組
- 單擊管理顯示 > 添加字段組。
- 在下拉列表中選擇字段集。
- 添加適當的標籤。
- 單擊創建組。
將字段集拖到圖像字段下方。
隱藏圖像標籤。
通過縮進將字段集中的字段分組。
使字段集中的標籤inline 。
單擊保存。
請注意,我們已經在 Drupal 中配置了兩種活動視圖模式之一( Default 和 Teaser )。
Default 視圖模式顯示整個節點,而 Teaser 視圖模式顯示 Drupal 首頁上文章的預告片顯示。
步驟4。 創建內容
點擊內容 > 添加內容 > 名人
創建4 到 5 個節點
步驟#5。 創建自定義視圖模式
單擊結構 > 內容類型。
為“名人”內容類型選擇管理顯示。
向下滾動並單擊自定義顯示設置。
單擊管理視圖模式。
在這裡,我們可以跨不同的實體類型( bundle )配置現有的視圖模式。 我們還可以創建自定義視圖模式來匹配我們的設計或信息要求。
單擊添加視圖模式。
單擊內容。
給視圖模式一個合適的名稱。
單擊保存。
再創建2 個視圖模式。
我使用了這些名稱: Lifework view mode - Trivia view mode

單擊結構 > 內容類型。
選擇名人> 管理顯示。
向下滾動並再次單擊自定義顯示設置。
檢查您剛剛創建的 3 種視圖模式。
單擊保存。
單擊個人數據查看模式。
向下滾動並從下拉列表中選擇兩列佈局(在顯示套件選項下)。
單擊保存。
再次單擊保存(最終)將字段移動到新列。
將個人數據字段集拖到左列的頂部。
相應地放置三個相應的字段。
將圖像放在右列。
將圖像樣式更改為中等。
單擊更新。
將所有其他字段拖到已禁用部分。
向下滾動並單擊保存。
使用其他兩種視圖模式重複該過程使用佈局選項:
三列等寬
三柱25/50/25
步驟#6。 創建視圖
單擊結構 > 視圖 > 添加視圖。
給視圖一個合適的名稱。
選擇名人類型的內容。
選中創建塊。
將每個塊的項目數更改為 1。
選中使用尋呼機。
單擊保存並編輯。
單擊格式部分下的字段選項。
選擇內容。
單擊應用。
選擇第一種查看模式。
單擊應用。
單擊保存。
單擊Views UI右側的Advanced部分。
單擊使用 AJAX:否。
檢查使用 AJAX 。
單擊應用。
單擊保存。
使用相同的過程再創建2 個塊。 唯一不同的設置是“格式”部分中的查看模式。
步驟#7。 放置積木
創建只有標題的文章。
單擊保存。
單擊結構 > 塊佈局。
向下滾動到內容部分。
單擊放置塊。
搜索所有 3 個塊。
單擊放置塊。
取消選中顯示標題。
將塊限制為我們剛剛創建的文章。
單擊保存塊。
對其他 2 個塊重複該過程。
重新排列標題下方的塊。
單擊保存塊。
前往文章並查看。
Drupal 很酷! 恭喜!
請告訴我們您打算如何使用這個有用的 Drupal 功能。 謝謝閱讀!