Teil 1 funktionfähiges Template für GS

home get-simple

Moderne Frontend-Entwicklung mit React. Alles, was Sie über React wissen müssen!   -  Welcher Frontendentwickler hat noch nicht von React gehört? Diese ursprünglich von Facebook entwickelte JavaScript-Bibliothek hat innerhalb kurzer Zeit eine steile Karriere hingelegt. Sie bildet mittlerweile eine wichtige Grundlage für viele Unternehmensanwendungen, Single Page-Applikationen, sowie viele Apps für iPhone und Android. Erfahren Sie in diesem umfassenden Handbuch des JavaScipt-Experten Sebastian Springer, wie Sie performante Oberflächen gestalten. Mit einfachen und leicht verständlichen Beispielen erlernen Sie die Grundlagen von React, React Native und Redux. Und auch als fortgeschrittener JavaScript-Entwickler profitieren Sie von den vielen Profithemen wie Tests, Animationen, Material Design Components, Server Side Renderung über Debugging bis hin zur Entwicklung von vollständigen mobilen Anwendungen. Dieses Buch ist ein Muss für jeden JavaScript-Entwickler und für jeden, der React lernen möchte!

Wir sind Mitglied im Amazon.Partnernet und können mit Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Weitere Beiträge

Teil 1 - Der Einstieg in das Templating mit dem freien CMS GetSimple - der Name ist Programm, denn dieses CMS ist klar und leicht beherrschbar strukturiert.

Inhalt

Sie können bereits mit einer einzigen Zeile Code für GetSimple CMS Ihr erstes funktionierendes Template erstellen. Mit nur fünf Schritten und ohne jedwede Programmierkenntnisse haben Sie dies in 5 Minuten erledigt - mindestens. Ich zeige Ihnen wie es geht.

Schritt 1 - Template Ordner anlegen

Legen Sie einen neuen Ordner für Ihr neues Theme (Bsp. myTheme) wie folgt an:

domain.de/theme/myTheme

Code

Sie können dies mit Hilfe eines FTP-Clients machen, beispielsweise ist der FileZilla kostenlos nutzbar und bietet vollen Zugriff auf Ihre Domain-Struktur.

Schritt 2 - Template Datei erzeugen

In diesem Ordner legen Sie dann eine neue Datei namens template.php an (wie folgt).

domain.de/theme/myTheme/template.php

Code

Das erzeugen neuer Ordner können Sie ebenfalls mit dem FileZilla bewerkstelligen oder Sie nutzen die Admin-Werkzeuge Ihres Domain-Providers.

Schritt 3 - Das Template füllen

Öffnen Sie diese Datei mit einem Editor (die meisten Provider haben im Admin-Backend Online-Editoren die Sie nutzen können). Tragen Sie in die Datei template.php den folgenden Code ein:

<p><?php get_page_content(); ?></p>

Code

Der so genannte Codeschnipsel wird bei GetSimple als Template-Tag bezeichnet. Ich habe zusätzlich noch die p-Tags angefügt, um den Inhalt als Absatz zu formatieren. Das CMS-Framework bietet eine ganze Menge andere Tags mit verschiedenen Funktionen (schauen Sie sich die möglichen Tags an: http://get-simple.info). Speichern Sie die Datei ab, bzw wenn Sie lokal auf Ihrem PC entwickeln, laden Sie die Datei in den neuen Template-Ordner hoch.

Schritt 4 - Template aktivieren

Wechseln Sie in das Admin-Backend über die URL domain.de/admin und wählen über den Reiter Theme das neue Theme in der Combobox aus.

GS first Theme

Bestätigen Sie mit dem Button Activate Theme um das Theme einzuschalten. Ein Vorschaubild Ihres Themes gibt es noch nicht, daher zeigt der Theme-Browser ein graues Bild an.

Schritt 5 - Aufrufen Ihrer Webseite

Wechseln Sie in das Frontend und Sie sehen den Inhalt der Home-Seite (diese sollte immer existieren).

GS first Site

Sie sollten in etwa das Bild wie oben erhalten. Sie sehen eine einfache Seite die den Inhalt der ersten Page (in der Regel HOME) anzeigt.

Fertig!

Anmerkung - Ok ok, ich gebe es zu, dieses einzeilige Template ist wirklich extrem simpel aber es ging in diesem Beitrag darum den grundlegenden Mechanismus zu demonstrieren, wie Templates im CMS GetSimple erzeugt werden. Die Arbeitsschritte sind ziemlich einfach. Allerdings... Das Template besitzt offensichtlich noch kein Styling bzw. Layouting, HTML-Konform ist es auch nicht und zudem besitzt es keine ausreichende Sicherheit, da die PHP-Datei unter Umständen von Angreifern aufrufbar ist - dies muss noch angepasst werden.

Sie können mit weiteren Template-Tags herumprobieren, indem Sie weitere solcher Codeschnipsel in Ihre Template.PHP hineinkopieren. Eine vollständige Liste finden Sie hier: http://get-simple.info

 28.01.2024    Kontakt@Oliver-Lohse.de    Template Layout Design

COBOL - Altsysteme warten und erweitern. Das umfassende Praxis-Handbuch   -  Dieses Buch richtet sich an erfahrene Entwickler objektorientierter Sprachen wie C++ oder Java. Es vermittelt die Funktionsweise der Programmiersprache COBOL, um die in zahlreichen Implementierungen auf unterschiedlichen Plattformen immer noch produktiv laufenden COBOL-Programme zu verstehen, zu warten und bei Bedarf mit zusätzlichen Funktionalitäten zu erweitern. Dafür bietet es Ihnen sowohl eine grundlegende Einführung in die Programmierung mit COBOL als auch eine thematisch gegliederte Referenz der Befehle mit praktischen Beispielen.

Wir sind Mitglied im Amazon.Partnernet und können mit Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Weitere passende Beiträge

Template ohne Code mit Smarty

 smarty  Template

Erstellen Sie ein Webseite mit der Template-Engine Smarty ohne aufwändigen Programm Code. Ein trivialer Beitragsloop wiederholt sich in festen Strukturen.

Teil 3 einfaches Smarty-Template anlegen

 smarty  Template

Legen Sie ein erstes sehr einfaches TPL Template für die Template-Engine Smarty an und lassen den Inhalt eines Artikels und Beitrags laden und rendern.

Teil 3 einfaches Layout für GetSimple

 get-simple  Layout Template Design

Teil 3 - Ein GetSimple Template erstellen. In Verbindung mit dem freien und beliebten CSS-Framework Bootstrap eine leichte Sache auf dem Weg zum eigenen Blog.

Kleinste PHP Template-Engine

 php  Template Parser klein

Das ist die kleinste PHP Template-Engine, bzw. das kleinste PHP-CMS der Welt, erstellt mit der Programmiersprache PHP und 7 Zeilen Code.

Fehlerausgaben in Smarty unterdrücken

 smarty  Fehler Template

So verhindern Sie die Ausgabe von Warnungen und Meldungen in der Template Engine Smarty. Besonder hilfreich während der Entwicklung in kleinen Projekten.

Democode für Handlebars.JS

 handlebarsjs  Demo Template

Dieser Beitrag zeigt ein einfaches Demo Template für die JavaScript basierte Template Engine Handlebars. Dieses Template ist sogar offline funktionsfähig.

Impressum

CMSWorkbench.de ist eine reine Entwickler-Webseite und dient vorwiegend als Wissensspeicher für die Entwicklung von CMS

Datenschutz

Die Webseite verwendet keinerlei Tracking- oder Speicher-Mechanismen, die Rückschlüsse auf Ihre IP oder das Leseverhalten zulassen

Affiliate

Wir sind Mitglied im Amazon Partnernet und können mit Affiliate-Links (* den Betrieb der Seite etwas unterstützen, für Sie ist das natürlich kostenlos

Kontakt

Sie können mit uns über eMail Kontakt aufnehmen, schreiben Sie an Kontakt@Oliver-Lohse.de