Tennisvereins-Website in 15 Minuten erstellen – Schritt-für-Schritt-Anleitung

Schritt für Schritt – Wie Sie in 15 Minuten eine Tennisvereins-Website erstellen

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie Ihre eigene Tennisvereins-Website inklusive Online-Reservierungssystem in nur 15 Minuten erstellen.

Dieses Tutorial richtet sich an Einsteiger. Sie lernen, wie Sie eine Website erstellen, auf die Sie stolz sein können – ohne Programmierer und Webdesigner. WordPress ist das beliebteste CMS für Websites.

Dazu benötigen Sie Folgendes:

– SCHRITT 1: Webhoster und Domain – SiteGround
– SCHRITT 2: Premium-WordPress-Theme – Divi
– SCHRITT 3: Online-Reservierungssystem – Court Reservation Plugin

Schritt 1 – Webspace & Domain für Ihre Tennisvereins-Website

Wählen Sie einen Webhoster, auf dem Ihre Website gespeichert wird.

Zuerst brauchen Sie Webspace und Domain. Registrieren Sie Ihre Seite bei einem Hoster wie SiteGround. Gehen Sie zu siteground.com und wählen Sie WordPress Hosting -> GET STARTED.

In diesem Fenster wählen Sie den „Plan“ Ihrer Website. Der StartUp-Plan reicht für Ihre Vereinsseite! Danach wählen Sie eine Domain.

Passende Domain gefunden? Bestelldaten ausfüllen und Zahlung verbinden. Nach PAYNOW ist die Bestellung abgeschlossen – Domain und Webspace sind gesichert. GLÜCKWUNSCH!

Vor dem Website-Aufbau sollten Sie ein SSL-Zertifikat installieren. Ohne SSL warnen moderne Browser, dass Ihre Website unsicher ist, weil Daten unverschlüsselt übertragen werden.

Im Siteground-Dashboard (my.siteground.com) unter Hosting Plan auf MANAGE klicken, dann SSL -> ADD.

Verschiedene SSL-Zertifikate – für Ihre Vereinsseite reicht kostenloses Let’s Encrypt. SELECT und ACTIVATE klicken.

Sie haben vermutlich eine E-Mail zur Domain-Verifizierung erhalten – Link und Anleitung befolgen!

SCHRITT 2 – Jetzt bauen Sie Ihre Tennisvereins-Website

Jetzt können Sie endlich Ihre Website erstellen.

Zugang über my.siteground.com oder direkt die Adresse im Browser. Für das „Backend“ /wp-admin anhängen, z. B. www.demo-courtreservation.com/wp-admin.

Da wir ein eigenes Theme nutzen, können Sie hier EXIT klicken.

So sieht das Backend aus. Wir installieren das Premium-Theme Divi. DIVI ist wohl das beste kaufbare WordPress-Theme – einfacher Seitenaufbau per visuellem Editor, viele fertige Seiten zum Importieren. Ganze Projekte in wenigen Stunden.

Theme auf der Website kaufen: https://www.elegantthemes.com/join/

Yearly Access für 89 $ pro Jahr. Abo kündbar. Das Theme können Sie nach Ablauf weiter nutzen!

Nach Registrierung Theme im Mitgliederbereich herunterladen!

Zurück zum WordPress-Admin: Design -> Themes -> Add New -> Upload Theme – .zip-Datei hochladen, Install und Activate.

Erste Seite erstellen: Seiten -> Create new page. Leere Seite oder vorgefertigten Inhalt importieren – mit Divi beides schnell.

Wir erstellen nur eine Seite mit Reservierungssystem – leere Seite.

Start Building wählen.

Seite zuerst speichern – später weiter.

SCHRITT 3 – Installation des Court Reservation Systems

Einfache Integration des Platzreservierungssystems. Weitere Infos in unserer Dokumentation .

Plugin Court Reservation installieren und in die erstellte Seite einbinden. WordPress Admin Backend (oben links -> Go to Dashboard). Plugins -> Add New, nach Court Reservation suchen, Install Now und Activate.

Einstellungen (Reservations -> Settings -> Courts). Erster „Platz“ existiert bereits. Edit – Name, Öffnungszeiten und Anzahl der angezeigten Tage.
In Settings und User Interface später anpassen. Zuerst Reservierungstabelle einbinden: Shortcode kopieren, zum WordPress-Frontend (oben links -> Go to website).

Zurück auf der Seite. Activate the visual editor in der schwarzen Leiste. Mit + neue Elemente – zuerst eine Row, dann Textelement mit +.

Shortcode im Pop-up einfügen.

Nach Häkchen sehen Sie die Reservierungstabelle.

Fehlt noch Login/Register-Bereich für Mitglieder. Wieder + in der Row, Login wählen.

Module per Drag & Drop verschieben. Nicht vergessen zu speichern!

Erste Seite Ihrer Vereins-Homepage fertig. Weitere Seiten, Fotos, Logo, Menü-Navigation folgen.

Viel Spaß beim weiteren Aufbau. Fragen? office@webmuehle.at.

Bereit loszulegen?