Drupal 8 中的視圖模式是什麼

已發表: 2022-02-16

Drupal 以其在管理和呈現內容方面的靈活性而聞名。 Drupal 視圖模式允許您基於特定上下文以某種方式呈現(顯示)一個 Drupal 實體或多個實體(如節點)。

本教程將通過示例演示 Drupal 視圖模式的使用。 我們將安裝並使用 Field Group 和 Display Suite 模塊。

讓我們開始吧!


步驟1。 安裝所需模塊

  • 打開終端應用程序並將光標放在 Drupal 安裝的根目錄中。

  • 類型:

作曲家需要“drupal//field_group:^3.0”

作曲家需要 drupal/ds

Drupal 8 中的視圖模式是什麼

Drupal 8 中的視圖模式是什麼

  • 單擊擴展

  • 啟用顯示套件字段組

  • 單擊安裝

Drupal 8 中的視圖模式是什麼

系統將提示您啟用佈局發現模塊。

  • 單擊繼續

不需要其他模塊。


第2步。 內容類型

出於本教程的目的,我們將創建一個名為“名人”的內容類型,其字段詳見下表。 跟隨相同的內容類型或創建另一個內容類型,例如“作者”、“患者”甚至另一個實體類型,例如“成員”——請記住,視圖模式可以應用於各種實體,而不僅僅是節點

字段名稱

字段類型

允許的值數

附加信息

圖片

圖片

1

出生

日期

1

僅日期 - 字段組 個人數據

死亡

日期

1舒

僅日期 - 字段組 個人數據

聞名

文本(長格式)

1

字段組 個人數據

早期生活

文本(長格式)

1

終身工作

文本(長格式)

1

死亡

文本(長格式)

1

瑣事

文本(長格式)

1

項目符號列表

文件下載

文件

無限

要下載的其他文件/允許的文件擴展名:txt、pdf、doc、xls、xlsx、docx、jpg、png

相關鏈接

關聯

無限

鏈接到其他資源

田野:

  • 出生

  • 死亡

  • 聞名

將被分組在一個名為“個人數據”的字段組中。

Drupal 8 中的視圖模式是什麼


步驟#3。 創建字段組

  • 單擊管理顯示 > 添加字段組
  • 在下拉列表中選擇字段
  • 添加適當的標籤。
  • 單擊創建組

Drupal 8 中的視圖模式是什麼

  • 字段集拖到圖像字段下方。

  • 隱藏圖像標籤。

  • 通過縮進將字段集中的字段分組

  • 使字段集中的標籤inline

  • 單擊保存

Drupal 8 中的視圖模式是什麼

請注意,我們已經在 Drupal 中配置了兩種活動視圖模式之一( Default 和 Teaser )。

Default 視圖模式顯示整個節點,而 Teaser 視圖模式顯示 Drupal 首頁上文章的預告片顯示。


步驟4。 創建內容

  • 點擊內容 > 添加內容 > 名人

  • 創建4 到 5 個節點

Drupal 8 中的視圖模式是什麼


步驟#5。 創建自定義視圖模式

  • 單擊結構 > 內容類型

  • “名人”內容類型選擇管理顯示

Drupal 8 中的視圖模式是什麼

  • 向下滾動單擊自定義顯示設置

  • 單擊管理視圖模式

在這裡,我們可以跨不同的實體類型( bundle )配置現有的視圖模式。 我們還可以創建自定義視圖模式來匹配我們的設計或信息要求。

  • 單擊添加視圖模式

Drupal 8 中的視圖模式是什麼

  • 單擊內容

  • 視圖模式一個合適的名稱。

  • 單擊保存

200106 視圖模式 010

  • 創建2 個視圖模式。

我使用了這些名稱: Lifework view mode - Trivia view mode

Drupal 8 中的視圖模式是什麼

  • 單擊結構 > 內容類型

  • 選擇名人> 管理顯示

  • 向下滾動並再次單擊自定義顯示設置

  • 檢查您剛剛創建的 3 種視圖模式。

  • 單擊保存

Drupal 8 中的視圖模式是什麼

  • 單擊個人數據查看模式。

  • 向下滾動並從下拉列表中選擇兩列佈局(在顯示套件選項下)。

  • 單擊保存

  • 再次單擊保存(最終)將字段移動到新列。

  • 個人數據字段集拖到左列的頂部。

  • 相應地放置三個相應的字段。

  • 圖像放在右列。

  • 圖像樣式更改為中等。

  • 單擊更新

  • 所有其他字段拖到已禁用部分。

  • 向下滾動單擊保存

Drupal 8 中的視圖模式是什麼

  • 使用其他兩種視圖模式重複該過程使用佈局選項:

    • 三列等寬

    • 三柱25/50/25

Drupal 8 中的視圖模式是什麼

Drupal 8 中的視圖模式是什麼


步驟#6。 創建視圖

  • 單擊結構 > 視圖 > 添加視圖

  • 視圖一個合適的名稱。

  • 選擇名人類型的內容

  • 選中創建塊

  • 每個塊的項目數更改為 1。

  • 選中使用尋呼機

  • 單擊保存並編輯

Drupal 8 中的視圖模式是什麼

  • 單擊格式部分下的字段選項。

  • 選擇內容

  • 單擊應用

Drupal 8 中的視圖模式是什麼

  • 選擇第一種查看模式。

  • 單擊應用

  • 單擊保存

Drupal 8 中的視圖模式是什麼

  • 單擊Views UI右側的Advanced部分。

  • 單擊使用 AJAX:否

  • 檢查使用 AJAX

  • 單擊應用

  • 單擊保存

Drupal 8 中的視圖模式是什麼

  • 使用相同的過程再創建2 個塊。 唯一不同的設置是“格式”部分中的查看模式。

Drupal 8 中的視圖模式是什麼

Drupal 8 中的視圖模式是什麼


步驟#7。 放置積木

  • 創建只有標題的文章。

  • 單擊保存

Drupal 8 中的視圖模式是什麼

  • 單擊結構 > 塊佈局

  • 向下滾動內容部分。

  • 單擊放置塊

  • 搜索所有 3 個塊。

Drupal 8 中的視圖模式是什麼

  • 單擊放置塊

  • 取消選中顯示標題

  • 將塊限制為我們剛剛創建的文章。

  • 單擊保存塊

Drupal 8 中的視圖模式是什麼

  • 對其他 2 個塊重複該過程。

  • 重新排列標題下方的塊。

  • 單擊保存塊

Drupal 8 中的視圖模式是什麼

前往文章並查看。

Drupal 8 中的視圖模式是什麼

Drupal 很酷! 恭喜!

請告訴我們您打算如何使用這個有用的 Drupal 功能。 謝謝閱讀!