Unsere neue Schulhomepage

Seit Ende August ist die neue Homepage der Grund- und Mittelschule am Limes als Vorabversion online. Sie läuft auf WordPress mit einem eigens von uns entworfenen Theme, das aktuell in der Version 1.0.6 vorliegt. Nach und nach wurde die Seite verbessert und kann sich inzwischen wirklich sehen lassen. Dieser Artikel zeigt, welche Ideen dahinterstecken, wie die Technik funktioniert und wie die Seite entstanden ist.

Warum eine neue Homepage?

Eine Schulhomepage ist das digitale Schaufenster der Schule. Eltern informieren sich dort über Termine, künftige Schülerinnen und Schüler lernen uns kennen, und im Alltag suchen alle nach schnellen Antworten.
Den Anlass für den Neustart gab die Organisation unserer Web-Projekte: Sie wurden bei einem gemeinsamen Hoster zusammengeführt, der Strato AG. Diesen Umzug haben wir genutzt, um die Homepage neu aufzubauen, passend zu dem, was die Grund- und Mittelschule am Limes ausmacht.

Die Ideen: Was uns wichtig war

• Übersichtlich und schnell: Wer etwas sucht, soll es in wenigen Klicks finden, etwa Termine, Ansprechpartner oder Informationen zum Schulalltag.
• Für alle Geräte: Die meisten Besucher kommen heute mit dem Smartphone. Die Seite passt sich deshalb automatisch an die Bildschirmgröße an (responsives Design).
• Einfach zu pflegen: Eine Schulhomepage lebt von aktuellen Inhalten. Beiträge und Termine lassen sich im WordPress-Editor ohne Programmierkenntnisse eintragen.
• Eigene Handschrift: Die Seite soll nach unserer Schule aussehen und nicht nach einer Standardvorlage. Deshalb verwendet sie unser eigenes Corporate Design.
• Datenschutz von Anfang an: Bei einer Schule, die mit Kindern und Familien arbeitet, ist das selbstverständlich. Deshalb lassen wir keine externen Tracker zu, setzen keine Cookies und binden Schriften lokal ein. Das Impressum und die Datenschutzerklärung entsprechen dem aktuellen Entwicklungsstand.

Die Technik: WordPress mit eigenem Theme

Die Seite basiert auf WordPress, dem weltweit verbreitetsten System zur Verwaltung von Webseiten. Es trennt Inhalt und Aussehen: Die Texte, Bilder und Termine liegen in einer Datenbank, das Erscheinungsbild bestimmt das sogenannte Theme.

Unser Theme haben wir nicht fertig gekauft, sondern selbst entworfen. Es liegt derzeit in der Version 1.0.6. vor. Solche Versionsnummern zählen üblicherweise Hauptversion, Erweiterungen und kleine Korrekturen: Die 1.0.6 zeigt also: Das Theme ist bereits in der ersten Hauptversion mehrfach verbessert worden.

Die Bausteine im Zusammenspiel:

• WordPress ist das Grundsystem. Es verwaltet Beiträge, Seiten, Bilder und Benutzer.
• Das Theme besteht aus Vorlagen-Dateien, die festlegen, wie eine Seite aufgebaut ist, etwa Startseite, Beitrag oder Terminübersicht.
• HTML liefert das Gerüst der Seiten: Überschriften, Texte, Bilder, Links.
• CSS bestimmt Farben, Schriften, Abstände und das Layout, auch für Smartphone und Tablet.
• JavaScript macht die Seite lebendig, zum Beispiel bei Menüs, die sich aufklappen. Es läuft im Browser der Besucher.
• PHP arbeitet im Hintergrund auf dem Server. WordPress und die Theme-Vorlagen sind in PHP geschrieben.
• MySQL ist die Datenbank, in der alle Inhalte geordnet gespeichert sind.

Der „Kalender“ zeigt beispielhaft den Ablauf: Ein Besucher ruft die Seite auf. Der Webserver reicht die Anfrage an WordPress weiter, WordPress holt die Termine aus der Datenbank, die Theme-Vorlage setzt daraus eine fertige HTML-Seite zusammen, und der Browser stellt sie dank CSS und JavaScript dar.

Die Umsetzung: Vom Entwurf zur fertigen Seite

1. Planung: Zuerst haben wir gesammelt, welche Inhalte die Seite braucht und wie sie gegliedert sein soll.
2. Theme-Entwurf: Aus den Ideen entstand das Design: Aufbau der Seiten, Farben, Schriften, Navigation. Das Theme wurde von Grund auf selbst geschrieben.
3. Entwicklung mit KI-Unterstützung: Die Programmierung fand mit Hilfestellung von KI statt. Die KI hat Code vorgeschlagen, Fehler gefunden und Routinearbeit erledigt. Was die Seite können soll und wie sie aussieht, haben Menschen entschieden, und jeder Vorschlag wurde geprüft und getestet.
4. Testen und verbessern: Die Seite wurde auf verschiedenen Geräten ausprobiert. Vom Smartphone bis zum Desktop sieht unsere Internetseite jetzt in den verschiedenen Browsern (getestet: Firefox, Chrome, Edge, Safari) schick aus.
5. Start: Ende August ging die Seite als Vorabversion auf dem Webserver online und wurde seitdem Schritt für Schritt verbessert. Gehostet wird sie bei der Strato AG.

Wie geht es weiter?

Eine Homepage ist nie ganz fertig. Das Theme wird weiterentwickelt, und die Seite wächst mit neuen Inhalten. Noch fehlen wichtige Informationen, zum Beispiel zum Elternbeirat. Sie werden nach und nach ergänzt.

Viel Freude beim Stöbern auf https://gmskipfenberg.de!