Drupal views theming / Formatierung der Ausgabe

BLOG

Eine kleine Anleitung wie man die Ausgabe einer View mit verschiedenen Feldern Formatieren kann.

Ziel ist es eine Mitarbeiter Liste zu erzeugen die ungefähr so aussehen soll:

views Formatierung Ergebnis

 

Zuerst erstellt man mit CCK den Inhaltstypen. Den Titel benutzen wir in diesem Fall für den Namen. Und das Inhaltsfeld lassen wir leer (Beschriftung entfernen) dann wird dieses auch nicht angezeigt.

Drupal CCK Felder

 

Nun fügen wir weitere Felder hinzu: Abteilung, Position, Geburtsort, Geburtstag (Das Datum kann man auch mit dem date-modul realisieren, der Einfachheit halber habe ich das hier als Textfeld gemacht)

Drupal CCK Felder anlegen

 

Somit ist unser Inhaltstyp fertig und nun legen wir Mitarbeiter an. (node/add/mitarbeiter). Das ganze sieht dann ungefähr so aus:

Drupal CCK Fields

Aber das bringt uns so ja nicht viel weil wir eine Übersichtsseite mit allen Mitarbeitern haben möchten. Dazu erstellen wir nun eine view. (admin/build/views/add). Diese nennen wir "mitarbeiter" und belassen die weiteren Einstellungen so wie sie sind.

Drupal views

 

In der view fügen wir nun die gewünschten Felder hinzu und stellen den Filter auf "Beitragstyp Mitarbeiter":

Drupal views filter

In der Vorschau sieht man daß das Ergebnis noch nicht sehr ansprechend ist.

Drupal Views Fields

 Wir fügen nun ein neues Feld hinzu. Unter Gruppen wählen wir global und erstellen ein Global: Custom Text Feld.

Drupal views custom field

 

 

Wir benutzen die "Replacement patterns" und gestalten die Ausgabe nach unseren Wünschen indem wir alles im Textfeld einfügen. Das  sollte dann ungefähr so aussehen (wer möchte kann hier natürlich auch div container mit Klassen erstellen)

Drupal Replacement patterns

Nun ist natürlich in der Vorschau alles doppelt zu sehen. Dazu muss man noch bei den Feldern "Von der Anzeige ausschliessen" anhaken. (Natürlich nicht bei unserem neuen Feld) Und nicht vergessen beim neuen Feld oben die Bezeichnung leer lassen.

Als letztes müssen wir nur noch die Seite anlegen. Dazu klicken wir auf "Anzeige hinzufügen" und achten darauf das "Seite" eingestellt ist. Dann müssen wir noch den Pfad einstellen und wer möchte kann dem ganzen noch einen Menüpunkt geben.

Drupal views

Speichern und fertig ist das ganze.