Wenn Du das gewünschte Thema hier nicht findest, versuche es im Forum
Tutorial: Wie fange ich an?
Aller Anfang ist schwer, aber ganz sicher wird sich schnell der erste Erfolg einstellen, da der Umgang mit CMSQLite sehr einfach ist.
2 Dinge gibt es beim Starten zu beachten:
- Generelle Voraussetzungen
- Installation von CMSQLite
- Erstellung eines Templates
- Module
- Das Einrichten des Backends
- Wie verwalte ich die Datenbank?
- Verwenden von Bildern in Artikeln
- SEO - Suchmaschinenfreundliche Inhalte
Generelle Voraussetzungen
Um CMSQLite zu betreiben, benötigen Sie lediglich:
- einen Webserver mit PHP5-Unterstützung
- min 2.5 MB freien Webspace
- Webbrowser, der Javascript unterstützt
Installation von CMSQLite
So gehen Sie vor:
- Entpacken Sie das heruntergeladene Paket auf Ihrem Computer in ein Verzeichnis Ihrer Wahl.
- Die Dateien müssen nun auf Ihren Webspace geladen werden. Dazu benutzt man normalerweise ein FTP-Programm (z.B. FileZilla, WSFTP oder andere). Verbinden Sie sich mit Hilfe des FTP-Programms mit Ihrem Webspace. Laden Sie die Dateien von Ihrer Festplatte auf den Webserver.
- WICHTIG: Sie müssen nun noch einige Berechtigungen für Dateien und Verzeichnisse ändern. Das können Sie mit Hilfe Ihres FTP-Programms machen.
Bei FileZilla klicken Sie mit der rechten Maustaste auf das Verzeichnis und wählen "Dateiberechtigungen". Geben Sie in das Feld "numerische Werte" die nachfolgenden Nummern ein und klicken Sie auf "ok".- Ordner /media und /data: Berechtigung 777, Dateien und Unterverzeichnisse einbeziehen
- Die Dateien im Verzeichnis /data müssen wenigstens die Berechtigung 766 besitzen
- öffnen Sie nun einen Browser. Geben Sie folgendes in die Adresszeile Ihres Browsers ein.
www.IhreDomain.de/install.php
Es öffnet sich ein Dialog. Geben Sie alle benötigten Daten ein. Besonders wichtig ist ein sicheres Passwort zum Einloggen in das Backend. - Öffnen Sie nun erneut das FTP-Programm und LÖSCHEN Sie die Datei install.php.
WARNUNG: Löschen Sie diese Datei nicht, kann jeder Angreifer ein neues Kennwort für Ihren Auftritt vergeben und Ihren Internetauftritt damit sabotieren!
Erstellung eines Templates
Normalerweise besteht eine HTML-Seite aus folgenden Bereiche:< html >
< head >
META-Daten, CSS-Dateien, Javascript-Dateien
< /head >
< body >
.... Ihr Seiteninhalt< /body >
< /html >
CMSQLite generiert für Sie sowohl den Seitenkopf, also den Bereich < html > < head >
inklusive aller META-Tags, als auch den Fußbereich, also < /body > < /html >
.
Um Ihnen die Möglichkeit zu geben, in Ihrem eigenen Template zusätzliche script
- und style
-Anweisungen zu laden und zu verwenden, beginnt ein Template also immer mit den Anweisungen für Script- und Style-Elemente. Haben Sie keine, beginnt es mit dem schließen des < /head >
-Tags und dem Öffnen des < body >
-Tags. Hier finden Sie ein Beispiel.
Navigation erstellen
Eine Seite enthält natürlich eine Navigation und Inhalte. Beides wird von CMSQLite generiert. Um also ein Menü einzufügen, müssen Sie folgende Zeile an die Stelle kopieren, wo das Menü stehen soll:
< ?php $HTML->generateMenu($langId, 1); ?>
Mit Version 1.2 nimmt die Funktion die Artikel ID als weiteren optionalen Parameter an. Ab Version 1.2 ist also folgende Aufruf für das Menü erforderlich:
ab Version 1.2: < ?php $HTML->generateMenu($langId, 1, $contentId); ?>
Bitte beachten Sie: Entfernen Sie das erste Leerzeichen, bevor Sie die Zeile in Ihre Seite kopieren!
Erklärung:
$HTML
ruft eine Klasse auf, die für die Inhalte zuständig ist.generateMenu
ist für das Erzeugen des Menüs zuständig.$langId
übergibt die Sprachvariable. Diese Variable dürfen Sie NICHT ändern, da CMSQLite automatisch Sprachen erkennt und die fremdsprachigen Inhalte anzeigt, sofern sie vorhanden sind.- die
1
ist wichtig! Diese Zahl steht für die ID des Menüs in der Datenbank. Mit Hilfe dieser Zahl geben Sie an, welches Menü generiert werden soll. Sie haben die Möglichkeit, mehrere Menüs im Backend anzulegen. (Siehe dazu auch "Einrichten des Backends"). Die 1 steht also hier dafür, dass das Menü mit der ID=1 aus der Datenbank generiert werden soll.
Inhalte erzeugen
Um Inhalte zu erzeugen, kopieren Sie folgende Zeile in den Bereich hinein, in dem der Inhalt angezeigt werden soll:
< ?php $HTML->generateContent($contentId,$langId,$module); ?>
Bitte beachten Sie: Entfernen Sie das erste Leerzeichen, bevor Sie die Zeile in Ihre Seite kopieren!
Erklärung:
$HTML
ruft eine Klasse auf, die für die Inhalte zuständig ist.generateContent
ist für das Erzeugen des Inhalts/der Seiten zuständig.$contentId
steht für die ID des Artikels, den Sie im Backend angelegt haben. Sie müssen hier nichts ändern$langId
übergibt die Sprachvariable. Diese Variable dürfen Sie NICHT ändern, da NeztCMS automtisch Sprachen erkennt und die fremdsprachigen Inhalte anzeigt, sofern sie vorhanden sind.$module
hiermit wird das Inhaltsmodul definiert. Wie Sie unterschiedliche Seitenmodule erzeugen und nutzen, finden Sie auf der Homepage von CMSQLite .
Alle Variablen werden von CMSQLite automatisch erzeugt. Nehmen Sie KEINE Änderungen an dieser Zeile vor.
Noch ein Hinweis: Da CMSQLite auch auf Javascript beruht, sollten Sie auf jeden Fall ein < noscript >
-Tag in Ihr Template einfügen, in dem Sie auf die Javascript-Notwenigkeit hinweisen.
Beispiel
Das einfachste Beispiel sieht also so aus:
Gehen wir davon aus, dass Sie sowohl die Navigation, als auch den Inhalt jeweils in ein < div >-Tag laden möchten:
< /head >
< body >
< div id="menu" > < ?php $HTML->generateMenu($langId, 1); ?> < /div >
< div id="content" > < ?php $HTML->generateContent($contentId,$langId,$module); ?> < /div >
Oder ab Version 1.2:
< /head >
< body >
< div id="menu" > < ?php $HTML->generateMenu($langId, 1, $contentId); ?> < /div >
< div id="content" > < ?php $HTML->generateContent($contentId,$langId,$module); ?> < /div >
Bitte beachten Sie: Entfernen Sie die Leerzeichen, bevor Sie die Zeilen in Ihre Seite kopieren!
Fertig! Das war es schon. Speichern Sie nun die Datei als index.php
im Ordner /template
ab.
Weiterführendes
CSS
Um Ihre gerade erstellte Seite zu gestalten, verwenden Sie einfach eine externe CSS-Datei. Erstellen Sie mit einem Editor eine CSS-Datei und speichern Sie diese als basic.css
im Ordner /template/css
ab. CMSQLite lädt diese Datei automatisch.
Javascript
CMSQLite basiert auf JQuery und lädt diese Bibliothek automatisch. Wenn Sie also diese Bibliothek ebenfalls benutzen möchten, können Sie das direkt tun, ohne weitere Schritte einzuleiten.
Wollen Sie eigene Javascripte verwenden, fügen Sie einfach diese Scripte zu Beginn Ihres Templates ein.
Beispiel für eine Template-Datei wäre dann:
< script >...Ihr Javascript < /script >
< style > ... Ihre Styleanweisungen < /style >
< /head >< body >
< div id="menu" > < ?php $HTML->generateMenu($langId, 1); ?> < /div >
< div id="content" > < ?php $HTML->generateContent($contentId,$langId,$module); ?> < /div >
Bitte beachten Sie: Entfernen Sie die Leerzeichen, bevor Sie die Zeilen in Ihre Seite kopieren!
Integration von Modulen in die Seite
Ab der Version 1.2 wird eine Funktion zur Integration von Modulen direkt in das Template unterstützt. Module sind PHP/HTML-Komponenten, die bestimmte Inhalte darstellen können. Z.B. ab der Version ist das Modul "Latest-News" enthalten, welches die letzten 3 News ausgibt.
Fügen Sie folgende Zeile an der Stelle in Ihrem HTML-Template ein, an der das Modul generiert werden soll:
< ?php $HTML->integrateModule('nameIhresModuls'); ?>
Beispiel: Sie wollen das Module "latestnews", welches ab Version 1.2 standardmäßig enthalten ist, einbinden. Fügen Sie folgende Zeile im Template an der Stelle ein, wo Sie das Modul generieren wollen:
< ?php $HTML->integrateModule('latestnews'); ?>
Module
In CMSQlite gibt es verschieden Arten von Modulen.
- Menümodule
- Seitenmodule
- Inhaltsmodule (erst ab Version 1.2)
1. Menümodule
Dabei handelt es sich um komplett eigenständige Menüs, die Sie in Ihrer Seite verwenden können. Ein Menü ist z.B. die Hauptnavigation, ein weiteres die Fussnavigation. Mehr dazu erfahren Sie im nächste Abschnitt.
2. Seitenmodule
Seitenmodule sind entweder weitere Templates innerhalb von CMSQLite, dann müssen sie in dem Ordner /template
gespeichert werden.
Alternativ sind Seitenmodule kleine Anwendungen, die in die Hauptseite integriert werden.
Derzeit ist ein Kontaktformular als Seitenmodul enthalten, das mit Hilfe der Navigation aufgerufen wird.
Beispiel: Erstellen Sie in der Menüverwaltung einen neuen Eintrag und weisen Sie dem Eintrag das Modul "contact" zu. Daraufhin wird dieses Modul im Frontend angezeigt. Das Modul beinhaltet eine Text- und Emailprüfung. Des weiteren ist ein Spamschutz mit sog. "Captcha"-Bildern enthalten. Das Formular basiert auf Javascript. Dieses muss also beim Nutzer eingeschaltet sein.
Ab Version 1.2 ist auch ein "News-Modul" enthalten.
3. Inhaltsmodule (ab Version 1.2)
Inhaltsmodule sind ebenfalls in PHP/HTML geschriebene Erweiterungen, die sich aber mit Hilfe des Editors in eine Web-Page direkt integrieren lassen.
Ab der Version 1.2 ist das Kontakt-Formular und ein Sitemap-Module als Inhaltsmodul verfügbar.
Beispiel:
In der Menüleiste des Editors finden Sie ein Auswahl-Menü "Module". Wählen Sie das Module "mod_contact" aus. Im Inhaltsfenster des Editors erscheint nun folgender Text: { {mod_contact} }. An dieser Stelle wird beim Ausgeben der Seite ein Kontaktformular ausgegeben.
Einrichten des Backends
Das Einrichten des Backends ist nicht minder schnell erledigt!
Das wichtigste in CMSQLite sind die Artikel. Um diese dreht sich letztlich alles. Rufen Sie das Backend auf, indem Sie in die Browserzeile:
www.IhreDomain.de/admin/
eingeben. Besitzen Sie eine Domain mit .com, .info. org, etc. müssen Sie natürlich diese Domain angeben, also z.B.: www.MeineDomain.com/admin/
Es öffnet sich der Anmeldebildschirm. Geben Sie dort als Usernamen: admin
und als Passwort das von Ihnen bei der Installation gewählte Passwort ein.
Sie gelangen nun in das Backend. Sie sehen die bereits vorhandenen Artikel. Das sind nach einer frischen Installation der Willkommens- und dieser Tutorial-Artikel. Sie können nun diese Artikel löschen und neue erstellen.
Haben Sie Artikel erstellt können Sie nun daran gehen, ein Menü aufzubauen.
Klicken Sie auf "Menü verwalten". Zunächst sehen Sie die Menümodule. Benötigen Sie bspw. ein Hauptmenü und ein Menü in der Fußzeile, dann müssen Sie hier 2 Module anlegen.
- Hauptmenü, z.B. mit den Menüpunkten: Home, Über uns, Produkte, etc...
- Fußmenü, z.B. mit dem Punkten: Impressum, Kontakt, usw...
Die ID des jeweiligen Menümoduls benötigen Sie zur Erstellung des Menüs. Um also das Hauptmenü zu erzeugen, müssen Sie in Ihrem Template an der Stelle, an der das Menü stehen soll, folgende Zeile einfügen:
< ?php $HTML->generateMenu($langId, 1); ?> ab Version 1.2 sollte folgender Code verwendet werden
< ?php $HTML->generateMenu($langId, 1, $contentId); ?>
Für dass Fußmenü müssen Sie folgende Zeile einfügen:
< ?php $HTML->generateMenu($langId, 2); ?>
ab Version 1.2 sollte folgender Code verwendet werden
< ?php $HTML->generateMenu($langId, 2, $contentId); ?>
Achten Sie auf die unterschiedliche Ziffer! Die ID steht im Backend in der Tabelle vor jedem Menümodul in der Spalte "ID".
Menüs und Untermenüs werden automatisch als Listenelemente ( < ul > < li > ) erzeugt. Nutzen Sie CSS zur weiteren Gestaltung. (Speichern Sie CSS-Regeln in der Datei basic.css
im Ordner /template/css
ab. Diese Datei wird automatisch geladen.)
Um Menüpunkte hinzuzufügen, wählen Sie aus dem DropDown-Feld in der Spalte "Editieren" die Sprache aus, in der Sie das Menü anpassen möchten. Wählen Sie z.B. 'de' aus.
Sie gelangen nun zu den eigentlichen Menüpunkten. Sie können hier Hauptmenü-Punkte und Untermenü-Punkte erstellen und diese auf die vorher erstellten Artikel verweisen lassen.
Da die Installation bereits Menüs und Artikel enthält, können Sie sich daran orientieren.
Verwaltung der Datenbank
SQLite ist ein Datenbanksystem, das auf einer simplen Datei basiert. Diese Datei ist in dem Ordner /data
gespeichert und heißt cmsqlite.db
.
Um die Datei zu sichern und zu verwalten können Sie diese einfach mit Hilfe eines FTP-Programms auf Ihren Rechner kopieren. Danach können Sie die Datei lokal mit Hilfe eines Programms zur Verwaltung von SQLite-Datenbanken (z.B. SQLiteStudio) bearbeiten und manipulieren. SQLiteStudio ist ein kostenloses Programm, welches sehr einfach zu bedienen ist und für Windows und Linux zur Verfügung steht. Außerdem unterstützt das Programm SQLite-Datenbanken 2 und 3.
Verwenden von Bildern in Artikeln
CMSQLite beinhaltet den sehr leistungsfähigen WYSIWYG-Editor CKEditor. Sie können mit seiner Hilfe sehr einfach Bilder in Ihre Texte einbauen.
Zunächst müssen diese Bilder auf den Webserver geladen werden. Verwenden Sie dazu die in CMSQLite eingebaute Medienverwaltung. Sie können mit dieser Ordner erstellen und Bilder hochladen. Die Bilder werden automatisch auf eine für das Web akzeptable Größe umgerechnet, sofern das Original größer ist.
Ab der CMSQLite Version 1.2 ist ein Datei- und Linkbrowser in den Editor integriert. Zum Einbinden von Bildern klicken Sie auf "Server durchsuchen" in den "Bilder"-Dialog des CKEDitor. Sie können nun direkt Bilder hochladen oder in Ihre Texte integrieren. Nutzen Sie das in den Dialog integrierte Upload-Skript (Reiter: Upload im CKEditor-Dialog) werden die Bilder direkt im Stammverzeichnis /media abgelegt.
Um nun ein Bild in den Text einzufügen, drücken Sie bei dem geöffneten Artikel auf das Icon für "Bild". Es öffnet sich ein Dialog. Im Feld URL sollten Sie immer den vollständigen Pfad zum Bild eingeben, also: http://www.IhreDomain.de/media/IhrOrdner/IhrBild.jpg
SEO - Suchmaschinenfreundliche Inhalte
Ab der Version CMSQLite 1.2 wird das Thema SEO nativ unterstützt. Wichtig bei der Installation ist die Überlegung, ob "sprechende"-URLs verwendet werden sollen.
Ist die Option bei der Installation gewählt worden, generiert CMSQLite die Menü-Einträge mit Hilfe eines Alias, der dem Titel des Menüs bei der Erstellung entspricht.
CMSQLite löst diese "sprechenden"-URLs später wieder auf und zeigt die korrekten Inhalte an.
Ist die Option nicht gewählt, kann aber dennoch die Funktion zu einem späteren Zeitpunkt aktiviert werden: Laden Sie mit Hilfe eines FTP-Programms die Datei "settings.php" auf Ihren Rechner herunter. Öffnen Sie die Datei und suchen Sie den Eintrag:
$seo_url = '0';
Ändern Sie die Zeile zu
$seo_url = '1';
Speichern Sie die Datei und laden Sie sie mit Hilfe des FTP-Programms wieder auf den Server. Nun werden die URLs als "sprechende" URLs veröffentlicht.
Anmerkung: Schalten Sie die Option später ein, kann CMSQLite trotzdem mit "alten" URLs etwas anfangen, sofern sie das CMSQLite-Format auch haben (also: index.php?c=[articleId]&mod=[module])
Anmerkung: Laut Google machen "sprechende"-URLs nur 5% der Gewichtung aus.