PHPWCLS Bootstrap Sandbox

Beschreibung:

PHPWCMS News-Template default mit Layout über Bootstrap 5.3 und weiteren Funktionen

Das Sortiermenü über ein eigenes link-list Template. Fehlermeldung wird bei "kein Ergebins gefunden" angezeigt.

News-Teaser:

News Teaser - Kopfbereich zeigt Erstellungsdatum und Verfasser
Großes Bild mit Zoom (wenn im Artikel ausgewählt)
kleine Bilder (bisher nicht kompatibel mit Modal)
Im Fußbereich des News-Teaser "News-Tags" wenn vorhanden sowie der "weiter lesen" Link

News-Details:

auf Mobilgeräten (< 992 Pixel) wird oben Links ein weiterer "Zurück-Button" gezeigt
News Details - Kopfbereich zeigt Erstellungsdatum und Verfasser sowie einem Share-Button.
Großes Bild mit Zoom über Fancybox-Galerie (wenn im Artikel ausgewählt)
Bildergalerie mit Zoom über Fancybox-Galerie (wenn im Artikel ausgewählt)
News Details - Fußbereich zeigt links und rechts einen "Zurück-Button", rechts "News-Tags"

Bildergalerie: Fancybox 3.5 Sortierfunktion: ISOTOPE

09.01.2026 ● Dieter Bahr

1. Modal, eine praktische Lösung

News-Artikel Untertitel

Beispielbild für ein Modal (C) Dieter Bahr - FotografierBahr.de

Ein Modal (oder Modalfenster) ist ein Dialogfeld, das sich über die Hauptseite legt und die Aufmerksamkeit des Nutzers verlangt, bevor er weitermachen kann.
Beispiel:

Wenn du auf einer Website auf „Löschen“ klickst, kann ein Modal erscheinen mit der Frage:
„Bist du sicher, dass du das löschen möchtest?“
und den Buttons Ja / Nein.

Merkmale:

Es überdeckt den Rest der Seite (oft mit einem halbtransparenten Hintergrund).
Der Benutzer muss das Modal schließen oder bestätigen, bevor er wieder mit der Seite interagieren kann.
Wird häufig für Bestätigungen, Formulare oder wichtige Hinweise verwendet.

Noch etwas Text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea