Tutorial CMS-DynPage

Tutorial CMS

Ich beschreibe hier die ehemals kostenlose Version “DynPage V1.35” vom 29.01.2022, die ich im Juni 2023 in Mobirise eingebaut habe. Inzwischen verlangt der Autor Matthias Wiede von "mwiede software" beim Download eine kleine Gebühr von $10,00, damit diese Anwendung auch weiter gewartet werden kann.

Bitte ladet Euch die Skripte von www.dynpage.net am Link “dynpage.zip” herunter.

Ihr erhaltet eine ZIP Datei, die ihr entpackt, mit 2 Verzeichnissen:

dynpage - Verzeichnis mit allen benötigten Skripten dieser Anwendung
dynpage_upload - leeres Upload Verzeichnis

Kopiert beide Verzeichnisse mit eurem FTP-Programm, so wie sie sind, in das Stammverzeichnis eures Projektes auf euren Server.

Lest bitte zwingend die Anleitung zur Installation, die dem Download auch beiliegt. Die dort angegeben Verzeichnisse müssen Schreibrechte erhalten, die ihr mit eurem FTP-Programm wie "FileZilla" mit der rechten Maustaste im Kontextmenü unter "Dateiberechtigung" wählen könnt. Tragt dazu 777 als numerischen Wert ein.

Ruft anschließend die URL zu dieser Anwendung auf:

https://www.DeineDomain.de/dynpage

Für das erste Login benutzt ihr als E-Mail und als Passwort jeweils: admin

Ändert bitte als allererstes sofort dieses Passwort und tragt auch eure gültige E-Mail oben im Menü unter “config” ein, damit niemand unberechtigten Zugriff auf den Administrator-Bereich dieser Anwendung erhält.

Es können beliebig viele Admins Zugriff erhalten, die alle auch ihre eigenen Zugangsdaten erhalten können.

Im Verzeichnis "dynpage" könnt ihr Änderungen vornehmen - in dieser Datei:

config_global.inc.php

Dazu gehören zum Beispiel die "Timezone" (Zeitzone), die per Default auf "Europe/Berlin" steht. Man kann dort Pfade ändern oder auch die Größe vom Editor. Dort könnte man auch die Dateierweiterung der generierten Seiten von jetzt .htm zum Beispiel auf .html ändern. Dies nur als Hinweis, eigentlich müsst ihr dort nichts ändern.

Der Editor ist selbsterklärend und der Einbau in Mobirise geht auch sehr einfach.

Nachdem ihr euren Seiten-Inhalt in den Editor eingetragen habt, speichert ihr die Seite und der Code, den ihr zum Einbau benötigt, wird sogleich vom Programm generiert.

Ihr könnt so viele unterschiedliche Seiten gestalten wie ihr wollt. In meinem Beispiel zeige ich den Inhalt meiner Startseite hier. Die CMS-Seite habe ich unter “Pages” als neue Seite erstellt und dieser dann einen beliebigen Namen gegeben, ich habe diese hier "mobirisecms.htm" genannt.

Da es sich hier um ein PHP-Skript handelt, müsst ihr die Seiten auf denen ihr das einbauen wollt, auf die Dateierweiterung .php umstellen.

> Menü > Seiten > Seiteneinstellungen am Zahnrad ⚙️ > “URL der Seite” > Dateierweiterung von .html in .php ändern

Zunächst fügt ihr die Verlinkung zu den beiden JavaScript-Dateien von “DynPage” in die HTML ein, die ihr in das gleiche Stammverzeichnis eures Projektes kopiert hattet.

> Menü > Seiten > Seiteneinstellungen am Zahnrad ⚙️ > "End of <body> code:"


                <!-- CMS-Dateien von DynPage -->

                <script type="text/javascript" src="dynpage/js/jquery.min.js"></script>

                <script type="text/javascript" src="dynpage/js/dynpage_load.js"></script>

Zieht an der Stelle, an der der CMS-Inhalt erscheinen soll, ein einfaches Textfeld, zum Beispiel aus der Rubrik "Article", auf und fügt den Code unten zum Aufruf der von “DynPage” generierten Seite mittels “php include” in den "Code Editor" ein. Achtet auch hier wieder auf die korrekte relative Pfadangabe zum Verzeichnis “dynpage”.


                <!-- Beginn CMS DynPage -->

                <?php include ("dynpage/content/mobirisecms.htm");?>

                <div id="mobirisecms"></div>

                <script type="text/javascript">

                  dynpageLoad ('mobirisecms', 'dynpage/content/mobirisecms.htm');

                </script>

                <!-- Ende CMS DynPage -->

So bekommt also jeder Block, der als CMS verwendet werden soll, dann diesen Code mit den Verweisen zu den entsprechend im Editor gestalteten Inhalten, denen ihr ja jeweils einen Namen gebt, wie in diesem Beispiel "mobirisecms" oder auch auf meiner CMS-Seite der zweite Bereich unten.

Unten ein Screenshot mit dem markierten Code zur Darstellung des CMS-Seiteninhaltes:

CMS

CMS Editor

Hier noch eine Ansicht vom CMS mit seinem Editor von "CKEditor", den ihr auch hier testen könnt.

Hier wählt man eine neue Seite oder eine bereits erstellte Seite unter "Pages" aus, um diese zu bearbeiten.

Im Editor kann man ganz normal die Texte schreiben und mit einigen Buttons formatieren. Unter "Config" gibt es auch einen Bereich "Styles" in den man eigene CSS-Anweisungen eintragen kann.

Gewöhnlich kann aber auch die meiste CSS im "Code Editor" von Mobirise im Bereich "CSS Editor" eingetragen werden, wie z.B. die Schriftgröße oder ähnliches.

Am Button "Quellcode" (oben links) im Editor, kann man von der Reinansicht in den HTML-Code umschalten und so beliebige Anpassungen vornehmen.

Unter "Old versions" kann man an einem Dropdown eine Sicherung jeder Speicherung wiederherstellen. Diese Dateien findet ihr hier:

/dynpage/content/trash

Im unteren Teil werden die zu verwendenden Codes sogleich generiert, deren Einbau ich oben bereits beschrieben habe.

Zur Sicherung und Publizierung klickt man oben den Button "Save & Publish".

Mobirise Tutorials

Tutorial CMS von DynPage

Tutorial CMS

Administratoren

CMS Editor