Tutorial DynPage CMS - Content Management System in NOF - NetObjects Fusion einbauen

Ich beschreibe hier die kostenlose Version “DynPage V1.03”, was auch für die Version “DynPage V1.2” gilt, die ich als responsive Seite hier erstellt habe.

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.

Ruft anschließend die URL zu dieser Anwendung auf:

http://www.Deine Domain.de/dynpage

Für das erste Login benutzt Ihr das Passwort: admin

... und ändert bitte als allererstes sofort dieses Passort oben im Menü unter “config”, damit niemand unberechtigten Zugriff auf den Adminbereich dieser Anwendung erhält.

Hier eine Ansicht vom Editor:

DynPage Editor

Der Editor ist eigentlich selbsterklärend und der Einbau in NOF ein Kinderspiel. Nachdem Ihr Euren Inhalt in den Editor eingetragen habt, speichert Ihr die Seite und der Code, den Ihr zum Einbau in NOF 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 diese “Willkommen” 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ü oben > Bearbeiten > Benutzerdefinierte Namen > Dateierweiterung > .php wählen

Zunächst fügt Ihr die Verlinkung zu den beiden JavaScript-Dateien von “DynPage” in die HTML des Layouts Eurer Seite ein.

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” >  “Zwischen Head Tags” einfügen

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

Achtet dabei, wie immer, auf die korrekte relative Pfadangabe zu dem Verzeichnis “dynpage” (hier also im gleichen Verzeichnis wie meine Startseite). Beim Einbau auf Unterseiten Eures Projektes müsst Ihr diese relativen Pfadangaben natürlich entsprechend der Lage der Verzeichnisse Eurer Seiten anpassen.

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

> Textfeld doppelklicken (Cursor blinkt) > Fenster “Text-Eigenschaften” > mittlere Button oben “Textfeld” > Button ”HTML” > Code einfügen

<?php include ("dynpage/content/willkommen.htm");?>
<div id="willkommen"></div>
<script type="text/javascript">
   dynpageLoad ('willkommen', 'dynpage/content/willkommen.htm');
</script>

Wie Ihr oben am Code erkennen könnt wird hier meine Seite, die ich “willkommen” genannt hatte, eingefügt und auch als ID verwendet.

Viel Spaß!

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik