Php Application Framework Zikula - Theme-Entwicklung 4

Überschreiben von Templates

Im Theme unproblematisch

Das Bearbeiten von templates in Deinem eigenen Theme ist unproblematisch, denn Dein eigenes Theme ist von Aktualisierungen des Core oder von Modulen nicht betroffen.

In Modulen schnell problematisch

Bei Modulen sieht das anders aus. Denn bei Modulen werden Deine Änderungen schnell überschrieben, wenn Du ein Modul akualisierst. Deine Änderungen wären dann verloren.

Unschädliches Überschreiben von Templates

Deswegen zeige ich Dir in diesem Artikel, wie Du templates in Modulen anpassen kannst ohne Überschreibungen Deiner Änderungen zu riskieren.


Werbung

cshow.php?s=2096714&v=10075&q=329435&r=529521

Klassicher Weise wirst Du dich vornehmlich entscheiden, templates, die die Übersicht für ein Modul oder die Detailansicht möglich machen, zu bearbeiten.

Ordner für Templates

In Zikula 2 findest Du die templates eines Moduls im Ordner '/Resources/views/'.

Möchtest Du die Übersichtsseite einer Entität in einem Modul für das Frontend verändern, mußt Du das entsprechende template bearbeiten.

Listenansicht im Frontend von Pages bearbeiten

Originalansicht

Ich habe in Pages 2 weitere Seiten angelegt, sodass die Listenansicht im Frontend so aussieht.

Pages - Seitenliste im Frontend

Um die Ansicht zu verändern, öffnest Du in Pages das template 'listpages.html.twig' im Ordner 'Pages/Resources/views/User' mit dem Editor Deiner Wahl.

Ich mache das gerne in Dreamweaver, wenn auch der ein oder andere nun stöhnen wird?!

Um die Liste etwas schöner zu machen, braucht es nur ein bißchen Bootstrap.

Der Liste <ul> gibst Du die Klasse 'list-group' <ul class="list-group"> und dem Element der Liste <li> die Klasse 'group-list-item' <li class="list-group-item">.

Pages Anpassung der Listenübersicht

Andere Artikel in dieser Artikelserie


Php Application Framework Zikula - Theme-Entwicklung 1
Mit diesem Artikel starte ich meine Tutorial-Artikelserie zu den technischen Grundlagen der Theme-Entwicklung. Diese... Mehr
Php Application Framework Zikula - Theme-Entwicklung 2
Theme Entwicklung - Teil 2 - Header und Footer verändern Wie im letzten Artikel zur Theme-Entwicklung... Mehr
Php Application Framework Zikula - Theme-Entwicklung 3
Theme Entwicklung - Teil 3 - Blockposition und Block anlegen Für die Theme-Entwicklung ist es manchmal... Mehr

Template im Theme speichern

In Deinem Theme legt Du folgende Ordnerstruktur an:

DeinTheme/Resources/ZikulaPagesModule/views/User und speicherst dort das überarbeitete template.

Wenn Du das auf den Server hochgeladen hast und die Übersicht aktualisierst ( dazu muss env: dev und debug: true in der 'custom_parameters.yml aktiviert sein), sieht die Liste etwas anders aus.

Pages - Eigene Listenansicht

In Deinem Theme ist Dein 'eigenes' template vor Überschreibungen sicher! Schon mal gelesen, oder?

Bootstrap macht das Leben einfacher

Du hast gleichzeitig ein wenig CSS* mit der Hilfe von Bootstrap* kennengelernt.

Die Klasse 'list-group-item' sorgt zum Beispiel dafür, dass der erste Eintrag der Liste obere, runde Ecken und der letzte Eintrag untere, obere Ecken bekommt.

Fazit

Es ist natürlich naheliegend, dass templates von Modulen im Theme sicher überschreiben werden können. Zikula bietet diese Möglichkeit und macht das Erarbeiten eines eigenen Layouts technisch leichter.

Besonders Module bieten nicht immer die Optik, die Du Dir vielleicht vorstellst. Durch das Ablegen im Theme sind Deine Änderungen an templates sicher.

Bootstrap ist eine wahre Hilfe. Ich bin gespannt, was Bootstrap 4 noch verbessern kann.

Ähnliche Artikel mit entsprechenden Themen


Homepage erstellen - Bootstrap für Responsive Webdesign!
#Responsive Webdesign# ist inzwischen standard. Und das liegt nicht nur daran, dass Google mobile Webseiten... Mehr

Kategorien

  • Themes
  • HTML
  • Bootstrap
  • Module

Erstellung und Aktualisierung

Erstellung
Erstellt von michael.ueberschaer am 19.05.2018, 17:15
Letzte Aktualisierung
Aktualisiert von michael.ueberschaer am 30.10.2018, 11:03
Kategorien im Blog
Partner
Werbung


Die neuesten Downloads
  • Zikula 1.5.9
    Mehr lesen
  • Zikula 2.0.12
    Mehr lesen
  • Bootstrap Standard Theme
    Für Zikula 2.0.11 oder höher - For Zikula 2.0.11 or higher. Dieses Theme ist als...
    Mehr lesen
  • Blogging 1.1.0
    Mehrsprachiges Bloggen - Multilingual blogging
    Mehr lesen
  • AutoLinks 1.0.1
    Automatische Linkerstellung - Automatic link creation
    Mehr lesen