TYPO3 CMS 7 Grundkurs 2: Erweitern und anpassen

News optisch anpassen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In diesem Film lernen Sie, an welchen Stellen Sie eingreifen können, um die News optisch anzupassen.

Transkript

Das Styling der meisten Erweiterungen können Sie sehr flexibel anpassen. Ich zeige Ihnen das am Beispiel der News. Die News haben Standardordner mit Templates CSS-Dateien etc. Diese sind hier über die Konstanten konfiguriert. Zwar sehen Sie hier die Standardwerte, Pfade zu den CSS-Dateien zum Beispiel EXT:, also das Extension-Verzeichnis, news/Resources/Public. Hier der Pfad zu den Template-Layouts in news/Resources/Private/Templates/ und so weiter. Die einfachste Möglichkeit, hier nun einzugreifen, ist, indem wir diese Pfade ändern und die entsprechenden Dateien kopieren in den "fileadmin" und dann von dort aus weiter damit arbeiten. Dazu gehe ich mal in meinen Editor und hier in die "typo3conf" unter "Erweiterungen" dort "news" und hier "Resources". Diesen Ordner kopiere ich in den "fileadmin". "fileadmin" lege ich einen neuen Folder namens "news" an und kopiere die Inhalte hier hinein. Nun können Sie sich die Dateien mal ein bisschen anschauen, bei Layout zum Beispiel, das Layout der Newsdetail-Seite. Hier sehen Sie auch die entsprechenden CSS-Befehle, die Sie natürlich auch zur Formatierung nutzen können, ohne gleich alle Layouts, Paarschlüssel etc. kopieren zu müssen, die Paarschlüssel wiederum ebenfalls für die Detailansicht beispielsweise der Container für Media, Bilder, die Opengraph-Container für die Opengraph-Texte und so weiter und so fort und unter "Public" dann zum Beispiel das "Css" hier mit "less" realisiert und in "news-basic.css", dann das fertige Ergebnis. Zu Demonstrationszwecken wollen wir nun eine Kleinigkeit ändern. Dazu gehen wir hier in die "Templates" "Styles" "Twb" und anschließend in ein Listenelement. Dieses Listenelement wird zum Beispiel auf der Home ausgegeben. Und hier wollen wir nun folgende Änderung durchführen. Wir setzen hier die "H3" durch eine "H4" für das Listenelement, speichern das Ganze, laden es hoch, und anschließend müssen wir weiter in den Konstanteneditor, um noch die Pfade anzupassen. Da wir die Struktur so beibehalten haben, können wir einfach hier entsprechend bearbeiten und einen "fileadmin" vor den jeweiligen Pfad stellen. Je nach Voreinstellung, wenn Sie das noch nie eingetippt haben, müssen Sie das unter Umständen hier selber eintippen. Wir speichern das Ganze, löschen den Chash und sehen uns die Seite mal im Fornt-End an. Wenn Sie nun das Element untersuchen, sehen Sie hier, es handelt sich nun um eine "H4" statt wie vorher eine "H3". In dieser Art können Sie das komplette Template jetzt bearbeiten, denn Sie haben es ja kopiert in den "fileadmin" und sind jetzt selbst sozusagen dafür verantwortlich, wie die News ausgegeben wird.

TYPO3 CMS 7 Grundkurs 2: Erweitern und anpassen

Profitieren Sie von den vielen Profitipps rund um den praktischen Einsatz des erfolgreichen Content Management Systems TYPO3!.

Derzeit sind keine Feedbacks vorhanden...
 
Software:
Exklusiv für Abo-Kunden
Erscheinungsdatum:02.08.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!