Ich hab auch ein CMS gebastelt - Ich weiß es gibt schon einige.
Aber ich muss ja auch Üben
Also das ganze funktioniert mit PHP, SQLight und Ajax zum einlesen der Texte.
Ihr könnt in jeden X beliebigen Block in Mobirise einfach einen div einbauen mit der entsprechenden ID
Code: Alles auswählen
<div class="cms-content" data-id="test"></div>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:
Code: Alles auswählen
.cms-content img {
max-width: 50%;
height: auto;
display: block;
margin: 0 auto;
@media (max-width: 767px) {
max-width: 100%;
}
}Seite mit den CMS Blöcken --> https://www.niederastroth.de/mbcms/
Admin Bereich : https://www.niederastroth.de/mbcms/admin/
Benutzer: admin
Passwort: admin
Im globalen HTML der Seite muss natürlich auch noch was rein
Bei Before </body> muss das rein um Ajax aufzurufen und die Lightbox zu erstellen:
Code: Alles auswählen
<!-- 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>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 
