Was sind Ansichtsmodi in Drupal 8

Drupal ist bekannt für seine Flexibilität bei der Verwaltung und Präsentation von Inhalten. Drupal-Ansichtsmodi ermöglichen es Ihnen, eine Drupal-Entität oder -Entitäten (wie Knoten) basierend auf einem bestimmten Kontext auf eine bestimmte Weise zu rendern (anzuzeigen).

Dieses Tutorial demonstriert die Verwendung von Drupal-Ansichtsmodi anhand eines Beispiels. Wir werden die Module Field Group und Display Suite installieren und auch nutzen.

Lass uns anfangen!

Schritt 1. Installieren Sie die erforderlichen Module

• Öffnen Sie die Terminalanwendung und platzieren Sie den Cursor im Stammverzeichnis der Drupal-Installation.

• Typ:

Composer erfordern „drupal//field_group:^3.0“

Komponist erfordert drupal/ds

• Klicken Sie auf Erweitern .

• Aktivieren Sie Display Suite und Field Group .

• Klicken Sie auf Installieren .

Das System fordert Sie auf, das Layout Discovery-Modul zu aktivieren.

• Klicken Sie auf Weiter .

Es werden keine weiteren Module benötigt.

Schritt 2. Der Inhaltstyp

Für die Zwecke dieses Tutorials erstellen wir einen Inhaltstyp namens „Berühmte Person“ mit den Feldern, die in der folgenden Tabelle aufgeführt sind. Folgen Sie dem gleichen Inhaltstyp oder erstellen Sie einen anderen, wie zum Beispiel „Autor“, „Patient“ oder sogar einen anderen Entitätstyp wie „Mitglied“ – denken Sie daran , dass Ansichtsmodi auf alle Arten von Entitäten angewendet werden können, nicht nur auf Knoten .

Die Felder:

• Geboren

• Ist gestorben

• Bekannt für

werden in einer Feldgruppe mit dem Namen Persönliche Daten gruppiert.

Schritt 3. Erstellen Sie die Feldgruppe

• Klicken Sie auf Anzeige verwalten > Feldgruppe hinzufügen .
• Wählen Sie Fieldset in der Dropdown-Liste aus.
• Fügen Sie ein geeignetes Etikett hinzu.
• Klicken Sie auf Gruppe erstellen .

• Ziehen Sie das Feldset unter das Bildfeld.

• Blenden Sie die Bildbezeichnung aus.

• Gruppieren Sie die Felder innerhalb des Fieldsets , indem Sie sie einrücken.

• Machen Sie die Labels innerhalb des Fieldsets inline .

• Klicken Sie auf Speichern .

Beachten Sie , dass wir bereits einen der beiden aktiven Ansichtsmodi in Drupal konfigurieren ( Default und Teaser ).

Der Ansichtsmodus Standard zeigt den gesamten Knoten, während der Ansichtsmodus Teaser die Teaser-Anzeige von Artikeln auf der Startseite von Drupal zeigt.

Schritt 4. Inhalte erstellen

• Klicken Sie auf Inhalt > Inhalt hinzufügen > Berühmte Person

• Erstellen Sie 4 bis 5 Knoten

Schritt #5. Erstellen Sie benutzerdefinierte Ansichtsmodi

• Klicken Sie auf Struktur > Inhaltstypen .

• Wählen Sie Anzeige verwalten für den Inhaltstyp „Berühmte Person“ .

• Scrollen Sie nach unten und klicken Sie auf Benutzerdefinierte Anzeigeeinstellungen .

• Klicken Sie auf Ansichtsmodi verwalten .

Hier können wir vorhandene Ansichtsmodi über verschiedene Entitätstypen ( Bundles ) hinweg konfigurieren. Wir können auch benutzerdefinierte Ansichtsmodi erstellen, die unseren Design- oder Informationsanforderungen entsprechen.

• Klicken Sie auf Ansichtsmodus hinzufügen .

• Klicken Sie auf Inhalt .

• Geben Sie dem Ansichtsmodus einen richtigen Namen.

• Klicken Sie auf Speichern .

• Erstellen Sie 2 weitere Ansichtsmodi.

  

Ich habe diese Namen verwendet: Lebenswerk- Ansichtsmodus - Trivia- Ansichtsmodus

• Klicken Sie auf Struktur > Inhaltstypen .

• Wählen Sie Berühmte Person > Anzeige verwalten aus .

• Scrollen Sie nach unten und klicken Sie erneut auf Benutzerdefinierte Anzeigeeinstellungen .

• Überprüfen Sie die 3 Ansichtsmodi, die Sie gerade erstellt haben.

• Klicken Sie auf Speichern .

• Klicken Sie auf den Ansichtsmodus für persönliche Daten .

• Scrollen Sie nach unten und wählen Sie Zweispaltiges Layout (unter den Display Suite-Optionen) aus der Dropdown-Liste aus.

• Klicken Sie auf Speichern .

• Klicken Sie (eventuell) erneut auf Speichern , um Felder in die neue Spalte zu verschieben.

• Ziehen Sie das Feldset Persönliche Daten nach oben in die linke Spalte.

• Platzieren Sie die drei entsprechenden Felder entsprechend.

• Platzieren Sie das Bild in der rechten Spalte.

• Ändern Sie den Bildstil auf mittel.

• Klicken Sie auf Aktualisieren .

• Ziehen Sie alle anderen Felder in den Abschnitt Deaktiviert .

• Scrollen Sie nach unten und klicken Sie auf Speichern .

• Wiederholen Sie den Vorgang mit den anderen beiden Ansichtsmodi. Verwenden Sie die Layoutoptionen:

  • Dreispaltig gleich breit

  • Dreispaltig 25/50/25

Schritt #6. Erstellen Sie eine Ansicht

• Klicken Sie auf Struktur > Ansichten > Ansicht hinzufügen .

• Geben Sie der Ansicht einen richtigen Namen.

• Wählen Sie Inhalt vom Typ Berühmte Person aus.

• Aktivieren Sie Block erstellen .

• Ändern Sie die Anzahl der Elemente pro Block auf 1.

• Aktivieren Sie Pager verwenden .

• Klicken Sie auf Speichern und bearbeiten .

• Klicken Sie im Abschnitt Format auf die Option Felder .

• Wählen Sie Inhalt aus .

• Klicken Sie auf Anwenden .

• Wählen Sie den ersten Ansichtsmodus.

• Klicken Sie auf Anwenden .

• Klicken Sie auf Speichern .

• Klicken Sie rechts neben der Views-Benutzeroberfläche auf den Abschnitt Erweitert .

• Klicken Sie auf AJAX verwenden: Nein .

• Aktivieren Sie AJAX verwenden .

• Klicken Sie auf Anwenden .

• Klicken Sie auf Speichern .

• Erstellen Sie 2 weitere Blöcke mit dem gleichen Prozess. Die einzige Einstellung, die sich unterscheidet, ist der Ansichtsmodus im Abschnitt Format .

Schritt Nr. 7. Platziere die Blöcke

• Erstellen Sie einen Artikel nur mit dem Titel.

• Klicken Sie auf Speichern .

• Klicken Sie auf Struktur > Blocklayout .

• Scrollen Sie nach unten zum Abschnitt Inhalt .

• Klicken Sie auf Block platzieren .

• Suche nach allen 3 Blöcken.

• Klicken Sie auf Block platzieren .

• Deaktivieren Sie Titel anzeigen .

• Beschränken Sie den Block auf den Artikel, den wir gerade erstellt haben.

• Klicken Sie auf Block speichern .

• Wiederholen Sie den Vorgang mit den anderen 2 Blöcken.

• Ordnen Sie die Blöcke unter dem Titel neu an.

• Klicken Sie auf Blöcke speichern .

Gehen Sie zum Artikel und werfen Sie einen Blick darauf.

Drupal-Coolness! Herzliche Glückwünsche!

Bitte teilen Sie uns mit, wie Sie diese nützliche Drupal-Funktion verwenden möchten. Danke fürs Lesen!