Schulen · Selbst erstellen

Schulwebsite selbst erstellen -
das Design machen Sie.

Vergessen Sie starre Baukästen und limitierte Vorlagen. Wir bauen das Fundament, an dem die meisten Eigenbauten scheitern: WordPress, relationale Datenbanken, Hosting, Sicherheit, Recht. Gestaltung, Struktur und Inhalte bleiben bei Ihnen: bei Ihrer Web-AG, Ihrer Informatikklasse oder der einen Kollegin, die das ohnehin am liebsten selbst macht.

Visueller Editor mit einer halb fertigen Seite der Schulwebsite im Vordergrund, dahinter die Live-Website, daneben die Arbeitsteilung zwischen Schule und Agentur

Arbeitsteilung

Wir bauen das Chassis. Sie gestalten die Karosserie.

Eine moderne, rechtssichere Schulwebsite baut niemand nebenbei in einer Freistunde. Deshalb teilen wir das Projekt entlang der Linie auf, an der es sinnvoll ist: Wir richten das System ein, modellieren die Datenbanken, übernehmen Hosting und Betrieb. Danach gehört die Bühne Ihnen.

Konkret heißt das: Mit Servern, Sicherheitsupdates und dem datenschutzrechtlichen Kleingedruckten haben Sie nie zu tun. Sie beschäftigen sich ausschließlich mit dem, was man am Ende sieht.

  • Unser TeilWordPress-Setup, Inhaltstypen für Lehrkräfte, Fächer, Termine und Downloads, Templates für die dynamische Ausgabe, Hosting in Deutschland, Backups, Updates.
  • Ihr TeilDesign, Seitenaufbau, Bildsprache, Texte. Also das, wofür eine Schule niemanden von außen braucht - und was ihr sonst niemand so gut hinbekommt.
  • Die Grenze ist durchlässigWenn Sie an eine technische Wand laufen, übernehmen wir. Ein kurzer Anruf genügt, kein Ticketsystem.
Zwei Ebenen: unten Technik, Daten und Betrieb mit WordPress, Datenmodell, Hosting, Sicherungen und Datenschutz als Teil der Agentur, oben Design und Inhalte als Teil der Schule

Anleitung

Wie eine Schulwebsite entsteht: in acht Schritten

Diese Schritte durchläuft jedes Schulwebsite-Projekt. Egal, ob eine Agentur baut, eine Web-AG oder beide zusammen. Lesen Sie sie als Anleitung – und nutzen Sie sie als Checkliste, wenn Sie Ihrer Schulleitung erklären müssen, warum das Ganze mehr ist als „mal eine Seite anlegen“.

  1. Ihre Schule

    Zielgruppen klären

    Eltern suchen Termine, Schüler suchen Vertretungspläne, künftige Familien suchen einen Eindruck. Wer diese drei Wege nicht vorher trennt, baut ein Menü, in dem alle gleichzeitig verloren gehen.

  2. Ihre Schule

    Bestand aufnehmen

    Jede gewachsene Schulseite hat Altlasten: tote Links, doppelte Termine, PDF-Gräber aus 2014. Alles auflisten, dann ehrlich aussortieren. Der unangenehmste Schritt, aber auch der, der am meisten Zeit spart.

  3. Ihre Schule

    Struktur entwerfen

    Erst die Informationsarchitektur, dann das Design. Maximal drei Klicks zu jedem wichtigen Inhalt, eine flache Hierarchie, sprechende Adressen. Auf Papier, noch ohne ein einziges Pixel.

  4. contixmedia

    Datenmodell statt Seitensammlung

    Der Schritt, an dem Eigenbauten kippen. Lehrkräfte, Fächer, Fachschaften, Termine und Downloads sind Datensätze, keine Unterseiten. Einmal modelliert und verknüpft, pflegen Sie später eine Stelle statt zwölf.

  5. Ihre Schule

    Gestaltungsraster festlegen

    Zwei Schriftgrößenreihen, eine Farbfamilie, feste Abstände, klare Bildformate. Klingt nach Einschränkung, ist in Wahrheit das Einzige, was eine Website auch nach 200 Unterseiten noch ruhig aussehen lässt.

  6. contixmedia

    Templates bauen

    Eine Vorlage pro Inhaltstyp: Lehrerprofil, Fachschaftsseite, Termin, Beitrag. Danach entsteht jede neue Seite automatisch im Design - auch die, die zwei Jahre später jemand anlegt, der nie eingewiesen wurde.

  7. contixmedia

    Rechtliches erledigen

    Barrierefreiheit nach WCAG 2.1, DSGVO, Impressum, Datenschutzerklärung, Erklärung zur Barrierefreiheit, Serverstandort, Auftragsverarbeitungsvertrag. Für öffentliche Stellen kein Feinschliff, sondern Pflicht.

  8. Ihre Schule

    Redaktion organisieren

    Wer darf was, wer gibt frei, wer ist im nächsten Schuljahr noch dabei? Rollen, Zuständigkeiten und ein Übergabeplan. Ohne diesen Schritt steht die schönste Website nach zwölf Monaten still.

Schritte 1, 2, 3, 5 und 8 gehören in die Schule. Schritte 4, 6 und 7 sind die, bei denen wir übernehmen.

Entscheidung

Drei Wege zur eigenen Schulwebsite

Es gibt nicht den einen richtigen Weg, sondern drei, und sie haben sehr unterschiedliche Folgekosten. Hier steht auch, was gegen unseren spricht.

Wix, Jimdo, IONOS und Co. bringen Sie an einem Nachmittag online. Für den Elternbeirat oder eine Projektwoche ist das völlig in Ordnung, und wer das behauptet, ist nicht überheblich, sondern realistisch.

Für die Website einer öffentlichen Einrichtung endet der Weg früher als gedacht: keine echten Datenbanken für Lehrkräfte und Termine, wenig Kontrolle über Barrierefreiheit und Quelltext, kaum eine Möglichkeit, die Inhalte später wieder herauszubekommen.

Dafür: schnell, günstig, keine Technikkenntnisse nötig.
Dagegen: wächst nicht mit, rechtlich schwer zu belegen, ein Umzug später bedeutet Neuanfang.

Grenzen

„Einfach mal schnell machen“ trägt keine Schule

Baukästen sind für den Blog von nebenan gebaut, nicht für eine öffentliche Einrichtung mit Fachschaften, Terminplanung und gesetzlichen Auflagen. Vier Stellen, an denen es regelmäßig klemmt.

  • Recht ist keine EinstellungssacheBarrierefreiheit nach WCAG 2.1 und DSGVO-Konformität lassen sich in geschlossenen Systemen kaum belegen - und für öffentliche Stellen ist beides längst verbindlich.
  • Zwölf Stellen statt einerOhne echte Datensätze steht jede Lehrkraft auf vier Seiten und jeder Termin an drei. Eine Änderung im Kollegium bedeutet dann einen Nachmittag Pflegearbeit.
  • Der Ausgang fehltWer in zwei Jahren umziehen will, stellt fest: Inhalte lassen sich exportieren, Struktur und Gestaltung nicht. Der Umzug ist ein Neuanfang.
  • Was fehlt, bleibt fehlendVertretungsplan, Anmeldung zur Skifreizeit, Downloadcenter mit Versionen, Abo-Feed für den Elternkalender: Was der Baukasten nicht kennt, baut auch niemand nach.

Ein Fundament, das die Probleme vorher löst

Unser Setup erledigt genau diese vier Punkte, bevor Sie die erste Seite gestalten. Sie beginnen nicht mit einer leeren Installation, sondern mit einer Basis, die sich an über dutzende Schulen bewährt hat. Danach kommt der Teil, der Ihnen Spaß macht.

Voraussetzung

Profi-Werkzeug statt Klick-Baukasten

Damit Sie die gestalterische Freiheit auch wirklich nutzen können, setzen wir auf Elementor - den weltweit verbreitetsten Page Builder für WordPress. Das bedeutet: Sie, Ihre Kolleginnen oder Ihre Web-AG sollten bereit sein, sich einzuarbeiten. Grundkenntnisse sind willkommen, Voraussetzung sind sie nicht.

Elementor ist ein Werkzeug für Profis, kein Klickkasten mit fünf Vorlagen. Genau deshalb lohnt der Aufwand: Was Ihre AG hier lernt, wird in echten Agenturen genauso gemacht.

  • Sichtbar arbeitenLayouts entstehen im Frontend. Sie sehen sofort, was Sie tun, und verstehen trotzdem, was darunter passiert.
  • Die Grundlagen sitzen schnellNach zwei bis drei Nachmittagen bauen Sie Seiten. Die Feinheiten kommen über das Schuljahr dazu.
  • Einweisung inklusiveZum Start weisen wir Ihr Team ein, auf Wunsch getrennt für Kollegium und AG. Danach sind wir erreichbar, wenn es klemmt.
Elementor-Arbeitsfläche mit markiertem Container, Widget-Leiste, Umschalter für Desktop, Tablet und Smartphone sowie der Strukturansicht der Seite

Projekt-Learning

Ein Schulprojekt, das ins Portfolio passt

Hier lernt Ihre AG Fähigkeiten, die in der Agenturwelt gefragt sind – und nicht die Bedienung eines Baukastens, den außerhalb der Schule niemand benutzt. Was auf Ihrer Schulwebsite entsteht, lässt sich später vorzeigen.

Visueller Editor in der Tablet-Ansicht: das Kartenraster bricht auf zwei Spalten um, Breakpoint und Abstände sind sichtbar
Elementor

Layouts auf Profi-Niveau

Responsive Gestaltung im visuellen Editor, mit echtem Verständnis für Raster, Abstände und Breakpoints. Kein Blindflug durch Code, aber auch keine Blackbox.

Eine Vorlage für Fächer mit dynamischen Feldern gibt die Daten automatisch auf den Seiten Biologie, Chemie und Physik aus
Datenmodell

Relationale Datenbanken

Einmal ein Template für „Fächer“ gebaut, gibt das System die Daten überall dynamisch aus. Einmal eintragen, überall aktuell: So arbeiten echte CMS-Projekte.

Links die Testumgebung mit einer neuen Sektion in Arbeit, rechts die unveränderte Live-Website, dazwischen der Schritt Übernehmen
Staging

Sichere Testumgebung

Neue Ideen entstehen in einer Kopie der Website, nicht auf der Live-Seite. Was in der Testumgebung schiefgeht, sieht niemand außer Ihnen.

KI

Webdesign trifft Künstliche Intelligenz

Wir integrieren KI-Werkzeuge direkt in Ihre Entwicklungsumgebung. Nicht als Spielerei, sondern als Werkzeug, das Ihnen Arbeit abnimmt, die niemand vermisst.

Die Website im Dialog pflegen: Beiträge, Termine und Bilder lassen sich bei uns auch vollständig im Gespräch mit ChatGPT, Claude oder Gemini pflegen - ohne Login, ohne Editor. Praktisch für alle im Kollegium, die gar nicht erst ins Backend wollen.

  • Layouts per AnweisungKomplexe Sektionsentwürfe und HTML-Strukturen entstehen über geführte Prompts. Sie beschreiben, was Sie wollen, und feilen anschließend am Ergebnis statt an der ersten Version.
  • Hilfe beim StrukturierenLange Fachschaftstexte in eine sinnvolle Gliederung bringen, statt sie dreimal umzuschreiben.
  • Deutsch bedienen, englisch denkenIm Hintergrund laufen die Prompts auf Englisch, weil die Ergebnisse dort technisch am besten sind. Die Oberfläche bleibt selbstverständlich deutsch.
Eine Anweisung an den KI-Assistenten erzeugt im Editor eine neue Sektion mit drei Karten für die Fachschaften Deutsch, Mathematik und Biologie

Sicherheitsnetz

Kreative Freiheit braucht einen doppelten Boden

Wenn viele Hände an einer Website arbeiten, geht auch mal etwas schief. Unser System ist so konfiguriert, dass daraus kein dauerhafter Schaden entsteht. Genau deshalb kann Ihre Schule Sie überhaupt so weit ranlassen.

  • Rollen und RechteDie Schule legt fest, wer Administrator ist und wer nur Texte schreibt. Die AG bereitet vor, eine Lehrkraft gibt frei - jederzeit änderbar, auch mitten im Schuljahr.
  • Backups durch die AgenturWir sichern das System regelmäßig. Wenn ein Layout zerschossen ist, spielen wir es zurück. Kostet Sie eine kurze Nachricht und niemanden einen Nerv.
  • Recht läuft im Hintergrund mitCookie-Banner, Core-Updates, Barrierefreiheitsanforderungen: Darum kümmern wir uns im Rahmen des Service-Abos. Mit dem Kleingedruckten haben Sie nichts zu tun.
  • Testumgebung statt MutGrößere Umbauten entstehen in einer Kopie und gehen erst live, wenn sie sitzen. Niemand muss am Freitagnachmittag tapfer sein.

Demo

Erst umsehen. Dann entscheiden.

Unsere Demo-Schule gibt es nicht. Alles andere daran schon: Kalender, Fachschaften, Lehrerprofile, Downloads, Formulare, Redaktionswege. Genau die Struktur, in die Sie Ihr eigenes Design setzen würden.

Klicken Sie sich durch, bevor Sie mit uns sprechen. Dann reden wir im Erstgespräch über Ihr Projekt statt über Funktionslisten.

Demo-Schule im Browser mit Kalender, Lehrerprofilen, Fachschaften, Downloads, Formularen und Redaktionswegen zum Durchklicken

Selbst erstellen: die Fragen, die wirklich gestellt werden

Kann man eine Schulwebsite kostenlos selbst erstellen?

Technisch ja: WordPress ist kostenlos, Elementor in der Basisversion ebenfalls. Kostenlos bleibt es nicht: Hosting, Domain, ein Backup-Konzept und Arbeitszeit fallen in jedem Fall an. Die ehrliche Rechnung lautet: Der Eigenbau spart Geld und kostet Zeit, die im Schulalltag oft teurer ist.

Welches System eignet sich für eine Schulwebsite?

WordPress, wenn Sie Struktur und Zukunft im Blick haben. Es ist quelloffen, verbreitet, um echte Datenbanken erweiterbar und für Barrierefreiheit belastbar aufzustellen. TYPO3 kann dasselbe, verlangt aber deutlich mehr technisches Vorwissen. Baukästen scheitern nicht am Start, sondern am dritten Jahr.

Wie lange dauert es, eine Schulwebsite selbst zu bauen?

Mit fertigem Fundament rechnen Sie mit einem Schulhalbjahr für Design, Struktur und Inhalte - bei einer AG, die sich einmal pro Woche trifft. Vollständig von null gebaut, inklusive Datenmodell, Recht und Betrieb, wird es eher ein Schuljahr.

Muss eine Schulwebsite barrierefrei sein?

Ja. Öffentliche Schulen sind öffentliche Stellen, für sie gilt das Barrierefreiheitsrecht ihres Bundeslandes, und zwar schon seit 2019 bzw. 2020. Das betrifft Kontraste, Tastaturbedienung, Strukturierung und eine Erklärung zur Barrierefreiheit. Unsere Umsetzung ist BITV-orientiert aufgebaut; Ihre Gestaltung muss diese Basis nur nicht wieder kaputt machen. Darauf weisen wir Sie bei der Einweisung hin.

Die Einordnung im Detail finden Sie auf unserer Seite Barrierefreie Websites.

Müssen wir Elementor schon können?

Nein, aber Sie sollten Lust haben, es zu lernen. Die Grundlagen sitzen nach zwei bis drei Nachmittagen, die Feinheiten kommen über das Schuljahr. Zum Start weisen wir Sie ein, danach sind wir erreichbar, wenn es hängt.

Können wir die Seite kaputt machen?

Dauerhaft nicht. Wir sichern das System regelmäßig, und über die Rollenverwaltung bekommt jede Person nur die Rechte, die sie braucht. Im schlimmsten Fall spielen wir ein Backup ein - das kostet Sie eine kurze Nachricht.

Was machen Sie, was machen wir?

Wir bauen und betreiben das Fundament: WordPress-Setup, Datenmodell mit eigenen Inhaltstypen, Templates, Hosting, Sicherheit und die rechtlichen Grundlagen. Sie übernehmen Design, Seitenstruktur und Inhalte. Die Grenze ist durchlässig: Stoßen Sie an eine technische Wand, übernehmen wir.

Wir sind eine Schüler-AG. Wer beauftragt Sie überhaupt?

Formal die Schule oder der Schulträger, der Anstoß kommt aber oft aus der AG. Nehmen Sie diese Seite mit ins Gespräch mit Ihrer Schulleitung; für sie haben wir eine eigene Seite mit den Argumenten, die dort zählen.

Was passiert, wenn die AG nach dem Abitur weg ist?

Nichts Dramatisches. Die Inhalte liegen strukturiert in der Datenbank, nicht in handgebautem Code und nicht im Kopf einer einzelnen Person. Zugänge übergeben Sie in wenigen Minuten, die nächste AG-Generation weisen wir auf Wunsch neu ein.

Dürfen wir eigenes CSS oder eigene Templates schreiben?

Ja. Wer über Elementor hinaus will, bekommt Zugriff auf eigene CSS-Anpassungen und kann mit unseren Inhaltstypen eigene Ausgabe-Templates bauen. Größere Eingriffe stimmen wir kurz ab, damit Updates weiterhin sauber durchlaufen.

Wegweiser

Sie lesen für jemand anderen mit?

Diese Seite ist für alle, die selbst gestalten wollen. Wenn Sie das Thema in Ihrer Schule weitertragen, finden Sie hier die passenden Seiten für die anderen Beteiligten.

Zielgruppe

Für Schulleitung & Kollegium

Migration ohne Mehrarbeit, Redaktion per E-Mail, klare Rollen, ein fester Ansprechpartner: die Argumente, die im Lehrerzimmer zählen.

Zielgruppe

Für Schulträger & IT

Barrierefreiheit, DSGVO, Serverstandort Deutschland, Finanzierung aus Sachmitteln - alles, was die Verwaltung wissen will.

Überblick

Alle Funktionen im Überblick

Kalender, Anmeldungen, Downloadcenter, Förderverein, Umfragen: der vollständige Überblick zur Schulwebsite.

Holen Sie sich das Fundament. Den Rest bekommen Sie selbst hin.

Wir klären unverbindlich, welche technischen Strukturen Ihre Schule braucht, und schnüren daraus das passende Basis-Paket. Danach starten Sie oder Ihre Web-AG direkt mit der Gestaltung in Elementor.