Podcast #5


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Default Template-Verzeichnis

Programmatisch sind nun alle Arbeiten an Ihrem eigenen Content Management System erledigt, jetzt kommt das Templating. Die Template-Engine Smarty erwartet die Existenz des Template-Verzeichnis /templates im Wurzelverzeichnis, dort sollten alle Templates abgelegt werden. Die Lage des Ordners kann aber gerne umdefiniert werden. Wie das geht, können Sie hier nachlesen:

Smarty Konfiguration

Ein Template entsteht

Im fünften Teil des zweiten Workshops beginnt der kreative Teil der Entwicklung, die Erstellung neuer HTML-Templates. Die Template-Engine Smarty arbeitet mit ähnlichen Template-Tokens, wie sie bereits im Teil 1 verwendet wurden, sie werden jedoch um das $ Dollarzeichen erweitert und sehen so aus: {$...}.

{include file="head.html"}

    <div class="container-fluid py-4 bg-light shadow">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="text-center"><a href="/"><img src="{$logo}" class="img-fluid"></a></div>
                </div>
                <div class="col-sm-9 my-auto">
                    <h1> {$title} </h1>
                    <p class="lead"> {$description} </p>
                </div>
            </div>
        </div>
    </div>

    <div class="container py-5">
        <div class="row">
            <div class="col-sm-3">
                {include file="navigation.html"}
            </div>
            <div class="col-sm-9">
                {$content}
                <p class="small opacity-50">
                    {$content|count_characters} Zeichen in 
                    {$content|count_sentences} Sätzen
                </p>
            </div>
        </div>
    </div>

{include file="footer.html"}

Layouts einbinden

Ebenfalls neu ist jetzt die Möglichkeit, mehrfach benötigte Template-Elemente wie den Footer oder Head auszulagern und zur Laufzeit mit {include file="footer.html"} dynamisch einzuhängen - das ist super praktisch und war in der ersten Version des CMS noch nicht möglich.

Mit Hilfe des include können Sie komplexe Templates und Layouts in kleine übersichtliche Häppchen zerlegen, die Sie später für eine größere Komposition nutzen können, indem sie einfach an den passenden Stellen des Layouts eingehängt werden. Das Templating funktioniert nun fats wie ein Legobaukasten.


2024-02-19 Oliver Lohse

Mein Name ist Oliver Lohse und ich bin seit etwa 41 Jahren als Programmierer in den Sprachen bzw. Markup- und Struktur-Dialekten Java, JEE, JavaScript, React, VAADIN, COBOL, PHP, Python, HTML, CSS, Json, YAML, SQL und XML tätig. In dieser Zeit konnte ich viele Aufgabenstellungen und Alphaprojekte, als Entwickler in der Versicherungswirtschaft, erfolgreich abschließen. Zudem bin Ich Buchautor und Betreiber bekannter Webseiten, im Bereich CMS-Entwicklung und Bildbearbeitung, mit etwa 1,2 Mio Lesern jährlich.

Weitere Artikel

Podcast #1


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Podcast #2


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Podcast #3


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Podcast #4


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Podcast #5


Wie gehts mit dem eigenen CMS weiter? Was kann verbessert werden und welche Ausbauoptionen gibt es noch?

Impressum


Diese Webseite ist eine reine Projekt- und Entwickler-Seite rund um das Content Management System CleanCMS.

Datenschutz


Die Webseite CleanCMS verwendet keinerlei Tracking oder andere Speichermechanismen, um Rückschlüsse auf Leserverhalten oder IP Adresse zu erhalten.

Kontakt


Kontakt@Oliver-Lohse.de

supportet by: CMSWorkbench - FlightCMS - SmartyCMS - safeCMS - smallCMS - yamlCMS - GIMP Handbuch - Oliver Lohse