Mobirise Tutorials

Tutorial News Script als CMS

nach oben 

Ein kleines CMS (Content Management System) mit MySQL Datenbank und dem Editor von "TinyMCE".

Hier zeige ich das "News Script" von PHP Jabbers, das sehr einfach in Mobirise einzubauen geht. Ich wollte das als Alternative zu dem Script von Werner-Zenk.de MySQL Nachrichten  einfach mal ausprobieren.

Erstellt euch bei eurem Provider über das Kundenmenü zunächst eine MySQL-Datenbank und schreibt euch die Zugangsdaten zu dieser Datenbank auf, die ihr während der Installation von dieser Anwendung eintragen müsst.

Das sieht bei meinem Provider "1&1 IONOS" dann ungefähr so aus:

Hostname:
db1234567890.hosting-data.io

Username:
dbu1234567

Passwort:
mein!unlesbares-Passwort

Database / Datenbank:
dbs12345678

Den Eintrag "Table prefix" könnt ihr leer lassen. Ein Tabellenpräfix ist ein Präfix (Vorsilbe), das jedem Tabellennamen vorangestellt  wird.

Die Tabellen der Datenbank werden dann automatisch während der Installation angelegt.

Ich habe dieses Script im Januar 2024 in seiner Version 1.0 ausprobiert und zu diesem Zeitpunkt einmalig EUR 27,00 für die "Developer License" (Entwickler Lizenz) bezahlt. Es scheint, dass sich die Preispolitik im April 2024 geändert hat. Nun besteht die Möglichkeit, täglich ein Skript kostenlos herunterzuladen oder das gesamte Paket aller Skripte für EUR 279,00 zu erwerben. Der Support wurde aber leider komplett eingestellt.

PHPJabbers wurde bereits im April 2021 von Online Only übernommen.

Nach der Zahlung erhält man eine E-Mail mit einem Link zum Kunden-Bereich auf der Webseite von PHP Jabbers. Hier muss man sich zunächst mit neuen Zugangsdaten einloggen. Das vorläufige Passwort wird von PHP Jabbers als E-Mail geschickt, das man später auf der Webseite von PHP Jabbers ändern kann. Dort findet man den Download der Skripte sowie die Lizenz-Schlüssel.

Hier geht es zum Download dieser Anwendung von phpjabbers.com . 

Ihr entpackt also die ZIP Datei vom Download und kopiert sämtliche Dateien und Ordner auf den Server, am besten in ein Verzeichnis, das ihr beliebig benennen könnt, wie z.B. "scripts". Ich habe dieses Verzeichnis bei mir "phpjabbers" genannt.

Nun ruft ihr im Browser das Verzeichnis mit den hochgeladenen Skripten von PHP Jabbers auf, indem sich auch eine Startseite "index.php" dieser Anwendung befindet, also ungefähr so:

www.DeineDomain.de/phpjabbers/

Die Installation ist sehr einfach und jeder Schritt wird sorgfältig erklärt. Nach der erfolgreichen Installation, ruft man mit dieser URL dann den Administratorbereich auf.

Unten zeige ich, von den wichtigen Schritten der Installation einige Screenshots.

Diese Anwendung verwendet einen Editor von "TinyMCE", der seit vielen Jahren sehr gebräuchlich für viele CMS ist. Man muss sich ein wenig mit diesem Editor beschäftigen, um alle Funktionen zu verstehen und verwenden zu können. Es gibt auch einen direkten Zugang zum HTML-Code, den fortgeschrittene Benutzer zusätzlich verwenden können. Im Editor kann man auch die Schriften bearbeiten. 

Ich habe hier dennoch die sehr kleinen Default Schriftgrößen durch etwas CSS geändert, sodass meine Schrift direkt in diesen Größen dargestellt wird. Diese CSS-Klassen habe ich mir im Browser zeigen lassen und entsprechend geändert.

Die verschiedenen CSS-Dateien, mit deren Klassen für die 4 unterschiedlichen Themen dieser Anwendung, findet ihr auch im Verzeichnis:

app/web/css

Natürlich könntet ihr diese CSS-Dateien auch nach euren Wünschen anpassen und entsprechend umschreiben. 

Diese Klassen habe ich in den Block mit dem Einbettungscode in den Bereich "CSS Editor" vom "Code Editor" geschrieben und überschreibe somit die vorgegebenen CSS Klassen:

/* Titel der Beiträge */
.nmTitle {
  font-size: 1.2rem;
}
/* Beschreibung des Beitrages */
.nmDescription {
  font-size: 1rem;
}
/* Text im Detail des Beitrages */
.nmDetail {
  font-size: 1rem;
}
/* Text verlinkt im Detail des Beitrages */
.nmContainer a {
  font-size: 1rem;
}
/* Link Weiter lesen / read more */
.nmReadMore {
  text-decoration: underline;
}

Das Script kann in mehrere Sprachen übersetzt werden, was aber sehr mühsam ist, denn man muss jedes einzelne Wort selbst übersetzen. Hier habe ich bisher nur die wichtigsten Wörter für die Navigation auf Deutsch umgeschrieben.

Ihr werdet, Schritt für Schritt, durch die Installation am Server geführt. Alles ist selbsterklärend. Am Ende findet ihr den Einbettungscode zu diesem CMS. Diesen Einbettungscode kopiert ihr an eine beliebige Stelle eines Blocks von Mobirise. Ich habe dafür einen einfachen Textblock aus der Kategorie "Article" verwendet.

Insgesamt ist das Script wirklich einfach gehalten und man hat wenig Möglichkeiten eigene Änderungen vorzunehmen. Der Support von PHP Jabbers sollte in Englisch angeschrieben werden und ist sehr schnell mit Antworten. Mir wurde bei anfänglichen Schwierigkeiten mit der CSS umgehend geholfen.

Unten habe ich einige Screenshots während der Installation dieser Anwendung erstellt.