Der zeigt dann alles an was ihr in dem Editor ( Tinymce ) eingegeben habt, samt Bilder Links und Schriftformatierung.
Man kann also auch Bilder anzeigen lassen - hierzu muss aber eine kleine CSS in den Block geschrieben werden, damit das Bild nicht zu Groß dargestellt wird:
<!-- Lightbox-Styles und Script -->
<link href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
<script>
// AJAX-CMS + Lightbox-Integration
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.cms-content[data-id]').forEach(el => {
const id = el.getAttribute('data-id');
fetch('cms_content.php?id=' + encodeURIComponent(id))
.then(r => r.text())
.then(t => {
el.innerHTML = t;
// 🔽 Lightbox automatisch für neue CMS-Inhalte aktivieren
el.querySelectorAll('img').forEach(img => {
// Nur wenn Bild noch keinen <a> Link hat
if (!img.closest('a')) {
const a = document.createElement('a');
a.href = img.src;
a.className = 'lightbox';
img.parentNode.insertBefore(a, img);
a.appendChild(img);
}
});
// Lightbox initialisieren (erneut nach dem Laden)
GLightbox({ selector: '.lightbox' });
})
.catch(err => {
console.error('Fehler beim Laden von', id, err);
});
});
});
</script>
Vorteile:
Die Seite kann eine HTML bleiben
Keine include Befehle nötig
Einfach in jeden Block einzubinden
Texte mit Tinymce nach belieben zu Formatieren
Bilder Links einfach einzubinden
Es können Texte und Bilder in jeden Block eingebunden werden ( das kann nur mein CMS )
Ab jetzt auch mit Bildupload - man kann also beides machen URL oder direkt hoch laden in den Ordner uploads
Man kann mich auch verspielt nennen Aber nun kann man die Bilder, egal URL Link oder upload auch mit der Lighbox öffnen
Re: Mini CMS für Mobirise
Verfasst: So 19. Okt 2025, 04:11
von Tommy Herrmann
Moin,
das werde ich mir noch genauer angucken. Kann man sehr wahrscheinlich extrem gut gebrauchen
Den Download der Scripts müssen wir aber schon haben, damit man das überhaupt testen kann.
Das JavaScript für die Lightbox soll unbedingt an das Ende vom </body> Tag (wie beschrieben), sonst kann es jede Menge Konflikte mit den vielen möglichen JavaScripts von Bootstrap und Mobirise geben.
Die Verweise zu den beiden Dateien der "glightbox" gehören dagegen eigentlich immer oben zwischen die <head> Tags - nur weil Du das zusammen geschrieben hast und zusammen vor das </body> Tag verweist.
Dem <img> Tag würde ich aber in der CSS am Handy keine maximale Breite von 50% geben, das sieht nicht aus. Da sollte zumindest ein Breakpoint mit rein, wahrscheinlich bis @media (max-width: 767px):
Die Größe von Bildern sollte man ja auch eigentlich dann bereits im Tiny-Editor bestimmen, denn es kann ja gut sein, dass man ein Bild auch mal größer benötigt.
Es könnte sinnvoll sein, die CMS‑Bereiche in Ordnern zu organisieren. Das ist besonders bei größeren Projekten hilfreich, wenn Bereiche direkt einzelnen Seiten zugeordnet werden sollen; andernfalls wird es schnell unübersichtlich. Gleichzeitig verstehe ich ein CMS eher als Hilfsmittel für begrenzte Aufgaben - es sollte nicht dazu dienen, die gesamte Webseite zu erstellen. Ein typischer Anwendungsfall ist zum Beispiel ein Gastwirt, der die Preise seiner Speisekarte selbstständig anpassen möchte.
Bemerkung:
Auf Deiner Beispielseite hast Du am Handy einen Querscroller (Overflow - x)
Code-Darstellung hier im Forum:
Bitte achte darauf hier im Forum Code immer am Button </> in [ code ] BBCode zu verpacken und nicht als Zitat. Ansonsten gibt es Syntax-Fehler.
Ich habe deinen Beitrag daher entsprechend geändert.
P.S.:
Volker hat geschrieben: Sa 18. Okt 2025, 21:19
Es können Texte und Bilder in jeden Block eingebunden werden ( das kann nur mein CMS )
Ähhhh - das kann jedes CMS
Beispiel (alle Beispielblöcke wurden mit dem CMS erstellt, inklusive Bildern und Videos):
Download kommt noch, wollte ja erstmal die Tests abwarten
CSS muss ich dann ja noch anpassen - ich wusste das ich das wieder falsch gemacht habe und auf Dich gewartet
Ich meinte ein CMS für Mobirise - das jedes CMS sonst Text und Bilder kann ist schon klar
Und ja, man soll keine Webseiten damit machen, sondern nur Texte oder Bilder ändern können als Kunde, wenn man so eine Seite erstellt bekommen hat. Oder wenn man als Verein bestimmten Mitgliedern ermöglichen möchte Neues auf die Seite zu bringen usw. usw.
Scripte muss ich mir noch anschauen ob das Probleme gibt wenn beide vor dem </body> sitzen. Sollte eigentlich keine Probleme geben, werde ich aber noch testen.
Ordner für jeden Block ? Da verstehe ich gerade nicht was Du meinst. Weil im Admin Bereich alle untereinander stehen ?
Man kann ja da die ID entsprechend vergeben : footer, bilder,bilder1,popup, usw.
Ich muss auch noch eine Readme schreiben, obwohl es eigendlich recht simpel ist das einzubauen.
PS: Ich habe keinen Querscroller (mehr) am Handy
Re: Mini CMS für Mobirise
Verfasst: So 19. Okt 2025, 10:33
von Volker
Hab das dashboard jetzt auf Tabs umgestellt, damit die Tabelle nicht ellen lang wird.
Bilder, Bilder1, Bilder2 usw. werden jetzt in einem Tab angezeigt.
So wie ich das jetzt getestet habe, läuft das alles stabil. Ich hab eine Mobirise Lighbox und den WOW Slider eingebaut, da stört sich nichts.
Ich kann natürlich nicht alles testen, aber ich denke das sollte so laufen mit den Scripten.
Man kann die Lightbox natürlich auch ganz weg lassen, das war nur ein Test und muss nicht zwingend da rein. Wem die Bilder so reichen, kann es also ohne Lightbox machen.
Re: Mini CMS für Mobirise
Verfasst: So 19. Okt 2025, 12:11
von Tommy Herrmann
Ich gucke da später nchmals - kann heute nicht so richtig.
Ich hätte es nur (wieder) lieber gesehen, wenn alle Dateien vom CMS in einem speziellen Ordner für nur das CMS abgelegt wären und nicht zum Teil in der Root des Projektes. Es kann ja gut sein, dass es dort zum Beispiel schon eine Datei "config.php" oder andere gleiche Dateinamen gibt.
Re: Mini CMS für Mobirise
Verfasst: Di 21. Okt 2025, 07:32
von stobi_de
Oha,
also was der Hersteller seit 10 Jahren nicht kann....bin beeindruckt!
Re: Mini CMS für Mobirise
Verfasst: Di 21. Okt 2025, 08:52
von Tommy Herrmann
Volker,
ich finde den Download und die Webseite passend zu Deinem CMS nicht bei Dir
Re: Mini CMS für Mobirise
Verfasst: Di 21. Okt 2025, 09:22
von Volker
Moin Tommy,
Hab ich noch nicht auf meiner Seite. Kommt noch, aber erst heute abend
Re: Mini CMS für Mobirise
Verfasst: Di 21. Okt 2025, 10:07
von Tommy Herrmann
Alles klar - brauche ich als Link in meinem Tutorial:
