Drupal8の表示モードとは何ですか

公開: 2022-02-16

Drupalは、コンテンツの管理と表示における柔軟性でよく知られています。 Drupalビューモードを使用すると、特定のコンテキストに基づいて、特定の方法でDrupalエンティティまたはエンティティ(ノードなど)をレンダリング(表示)できます。

このチュートリアルでは、Drupalビューモードの使用法を例とともに示します。 モジュールFieldGroupとDisplaySuiteをインストールして使用します。

始めましょう!


ステップ1。 必要なモジュールをインストールします

  • ターミナルアプリケーションを開き、Drupalインストールのルートにカーソルを置きます。

  • タイプ:

Composerには「drupal // field_group:^ 3.0」が必要です

作曲家はdrupal / dsを必要とします

Drupal8の表示モードとは何ですか

Drupal8の表示モードとは何ですか

  • [拡張]をクリックします。

  • DisplaySuiteFieldGroupを有効にします

  • [インストール]をクリックします。

Drupal8の表示モードとは何ですか

レイアウト検出モジュールを有効にするように求められます。

  • [続行]をクリックします。

それ以上のモジュールは必要ありません。


ステップ2。 コンテンツタイプ

このチュートリアルでは、次の表に詳細が示されているフィールドを使用して、「有名人」というコンテンツタイプを作成します。 同じコンテンツタイプをフォローするか、「作成者」、「患者」、「メンバー」などの別のエンティティタイプを作成します。たとえば、表示モードはノードだけでなく、すべての種類のエンティティに適用できます。

フィールド名

フィールドタイプ

許容値数

追加情報

画像

画像

1

生まれ

日にち

1

日付のみ-フィールドグループ個人データ

死亡しました

日にち

1shu

日付のみ-フィールドグループ個人データ

で知られている

テキスト(長いフォーマット)

1

フィールドグループ個人データ

若いころ

テキスト(長い形式)

1

ライフワーク

テキスト(長い形式)

1

テキスト(長いフォーマット)

1

トリビア

テキスト(長いフォーマット)

1

箇条書き

ファイルのダウンロード

ファイル

無制限

ダウンロードする追加フ​​ァイル/許可されるファイル拡張子:txt、pdf、doc、xls、xlsx、docx、jpg、png

関連リンク

リンク

無制限

他のリソースへのリンク

フィールド:

  • 生まれ

  • 死亡しました

  • で知られている

個人データと呼ばれるフィールドグループにグループ化されます。

Drupal8の表示モードとは何ですか


ステップ3。 フィールドグループを作成する

  • [表示の管理]> [フィールドグループの追加]をクリックします。
  • ドロップダウンで[フィールドセット]を選択します。
  • 適切なラベルを追加します。
  • [グループの作成]をクリックします。

Drupal8の表示モードとは何ですか

  • フィールドセットを[画像]フィールドの下にドラッグします。

  • 画像ラベルを非表示にします。

  • フィールドセット内のフィールドをインデントしてグループ化します。

  • フィールドセット内のラベルをインラインにします。

  • [保存]をクリックします。

Drupal8の表示モードとは何ですか

Drupalの2つのアクティブなビューモード(デフォルトとティーザー)のいずれかをすでに構成していることに注意してください。

デフォルトビューモードではノード全体が表示されますが、ティーザービューモードではDrupalのフロントページに記事のティーザー表示が表示されます。


ステップ4。 コンテンツを作成する

  • [コンテンツ]> [コンテンツの追加]> [有名人]をクリックします

  • 4〜5ノードを作成します

Drupal8の表示モードとは何ですか


ステップ5。 カスタムビューモードを作成する

  • [構造]> [コンテンツタイプ]をクリックします。

  • 「有名人」コンテンツタイプの「表示の管理」を選択します。

Drupal8の表示モードとは何ですか

  • 下にスクロールして、[カスタム表示設定]をクリックします。

  • [表示モードの管理]をクリックします。

ここでは、さまざまなエンティティタイプ(バンドル)にわたって既存の表示モードを構成できます。 デザインや情報の要件に合わせてカスタムビューモードを作成することもできます。

  • [表示モードの追加]をクリックします。

Drupal8の表示モードとは何ですか

  • [コンテンツ]をクリックします。

  • ビューモードに適切な名前を付けます。

  • [保存]をクリックします。

200106表示モード010

  • さらに2つの表示モードを作成します。

私はこれらの名前を使用しました:ライフワークビューモード-トリビアビューモード

Drupal8の表示モードとは何ですか

  • [構造]> [コンテンツタイプ]をクリックします。

  • [有名人] > [表示の管理]を選択します。

  • 下にスクロールして、[カスタム表示設定]をもう一度クリックします。

  • 作成した3つの表示モードを確認します。

  • [保存]をクリックします。

Drupal8の表示モードとは何ですか

  • 個人データ表示モードをクリックします。

  • 下にスクロールして、ドロップダウンから[ 2列のレイアウト] ([表示スイート]オプションの下)を選択します。

  • [保存]をクリックします。

  • もう一度(最終的に) [保存]をクリックして、フィールドを新しい列に移動します。

  • 個人データフィールドセットを左側の列の上部にドラッグします。

  • それに応じて、対応する3つのフィールドを配置します。

  • 右の列に画像を配置します。

  • 画像スタイルを中程度に変更します。

  • [更新]をクリックします。

  • 他のすべてのフィールドを[無効]セクションにドラッグします。

  • 下にスクロールして[保存]をクリックします。

Drupal8の表示モードとは何ですか

  • レイアウトオプションを使用して、他の2つの表示モードでこのプロセスを繰り返します。

    • 3列の等しい幅

    • 3列25/50/25

Drupal8の表示モードとは何ですか

Drupal8の表示モードとは何ですか


ステップ#6。 ビューを作成する

  • [構造]> [ビュー]> [ビューの追加]をクリックします。

  • ビューに適切な名前を付けます。

  • タイプ有名人コンテンツ選択します。

  • [ブロックを作成]をオンにします。

  • ブロックあたりのアイテム数を1に変更します。

  • [ポケットベルを使用する]をオンにします。

  • [保存して編集]をクリックします。

Drupal8の表示モードとは何ですか

  • フォーマット」セクションの下の「フィールド」オプションをクリックします。

  • [コンテンツ]選択します。

  • [適用]をクリックします。

Drupal8の表示モードとは何ですか

  • 最初の表示モードを選択します。

  • [適用]をクリックします。

  • [保存]をクリックします。

Drupal8の表示モードとは何ですか

  • ビューUIの右側にある[詳細設定]セクションをクリックします。

  • Use AJAX:Noをクリックします。

  • UseAJAXをチェックします。

  • [適用]をクリックします。

  • [保存]をクリックします。

Drupal8の表示モードとは何ですか

  • 同じプロセスでさらに2つのブロックを作成します。 異なる設定は、[フォーマット]セクションの表示モードのみです。

Drupal8の表示モードとは何ですか

Drupal8の表示モードとは何ですか


ステップ7。 ブロックを配置します

  • タイトルだけで記事を作成します。

  • [保存]をクリックします。

Drupal8の表示モードとは何ですか

  • [構造]> [ブロックレイアウト]をクリックします。

  • [コンテンツ]セクションまで下にスクロールします。

  • [ブロックを配置]をクリックします。

  • 3つのブロックすべてを検索します。

Drupal8の表示モードとは何ですか

  • [ブロックを配置]をクリックします。

  • [タイトルを表示]のチェックを外します

  • ブロックを作成したばかりの記事に制限します。

  • [ブロックを保存]をクリックします。

Drupal8の表示モードとは何ですか

  • 他の2つのブロックでこのプロセスを繰り返します。

  • タイトルの下のブロックを再配置します。

  • [ブロックを保存]をクリックします。

Drupal8の表示モードとは何ですか

記事に行き、見てください。

Drupal8の表示モードとは何ですか

Drupalのクールさ! おめでとう!

この便利なDrupal機能の使用方法を教えてください。 読んでくれてありがとう!