Schritt-für-Schritt – Wie man eine Tennis Vereinshomepage in 15 Minuten erstellt

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie in nur 15 Minuten Ihre eigene Tennisverein Homepage inklusive eines Online-Reservierungssystems für Ihren Tennisclub erstellen können.

Diese Anleitung ist für Anfänger gedacht. Das heißt, Sie lernen, wie Sie eine Website erstellen Websitezu erstellen, auf die Sie stolz sein können, auch ohne Programmierer und Webdesigner. WordPress ist das beliebteste Content-Management-System für die Erstellung von Websites.

Alles, was Sie brauchen, ist Folgendes:

SCHRITT 1: Website-Hoster und Domain – SiteGround
SCHRITT 2: Premium WordPress Theme – Divi
SCHRITT 3: Online-Reservierungssystem – Platz-Reservierungs-Plugin

Schritt 1 -Webspace & Domain für die Website Ihres Tennisvereins

Wählen Sie einen Webhoster, bei dem Sie Ihre Website speichern möchten.

Zunächst benötigen Sie einen Webspace und eine Domäne für Ihre zukünftige Club-Website. Um eine zu erhalten, müssen Sie Ihre Website bei einem Hoster wie SiteGround registrieren. Gehen Sie zu siteground.com und wählen Sie WordPress Hosting -> GET STARTED.

In diesem Fenster können Sie den „Plan“ für Ihre Website auswählen. Der StartUp-Plan sollte für Ihre Vereinsseite ausreichend sein! Nachdem Sie sich für einen Plan entschieden haben, können Sie eine Domain für Ihre Tennisclub-Website auswählen.

Wenn Sie eine passende Domain gefunden haben, müssen Sie nur noch die Bestelldaten ausfüllen und eine Zahlungsverbindung angeben. Nachdem Sie auf PAYNOW geklickt haben, ist die Bestellung abgeschlossen, und Sie haben sich die Domain und den entsprechenden Webspace gesichert. HERZLICHEN GLÜCKWUNSCH!

Bevor Sie mit dem Aufbau Ihrer Website beginnen, sollten Sie ein SSL-Zertifikat auf Ihrem Webspace installieren. SSL ist ein Sicherheitszertifikat, und wenn Sie keins haben, erscheint in modernen Browsern eine Meldung, dass Ihre Website nicht sicher ist, weil die Daten nicht verschlüsselt übertragen werden.

Um einen zu installieren, wechseln Sie zum Siteground-Dashboard (my.siteground.com) und gehen Sie auf die Registerkarte Hostingplan. Dort finden Sie Ihre Adresse – mit einem Klick auf VERWALTEN gelangen Sie zu einem Menü für Extras. Dort wählen Sie SSL -> ADD.

Es gibt verschiedene SSL-Zertifikate. Aber für Ihre Vereinsseite ist ein kostenloses Let’s Encrypt völlig ausreichend. Klicken Sie also auf AUSWÄHLEN und AKTIVIEREN, damit das Sicherheitszertifikat auf Ihrem Webserver installiert wird.

In der Zwischenzeit haben Sie wahrscheinlich eine E-Mail erhalten, in der Sie aufgefordert werden, eine Domäne zu verifizieren. Folgen Sie dem Link und der Beschreibung in der E-Mail, um dies ebenfalls zu tun!

SCHRITT 2 – Jetzt ist es an der Zeit, die Website Ihres Tennisclubs zu erstellen

Jetzt können Sie endlich mit dem Aufbau Ihrer Website beginnen.

Sie können Ihre Website entweder über das my.siteground.com-Dashboard aufrufen oder die Adresse Ihrer Website direkt in die Adresszeile Ihres Browsers eingeben. Um sich in das „Backend“ Ihrer Website einzuloggen, müssen Sie /wp-admin an das Ende Ihrer Internetadresse anhängen. Zum Beispiel www.demo-courtreservation.com/wp-admin.

Sie sehen nun diesen Bildschirm. Da wir unser eigenes Thema verwenden, können Sie hier auf EXIT klicken.

So sieht das Backend aus. Wir wollen nun unser Premium-Theme Divi darin installieren. DIVI ist wahrscheinlich das beste WordPress-Theme, das Sie kaufen können. Neben dem einfachen Aufbau der einzelnen Seiten mit Hilfe des visuellen Editors bietet das Theme auch eine große Anzahl von vorgefertigten Seiten, die man einfach importieren und dann damit weiterarbeiten kann. Ganze Website-Projekte können in nur wenigen Stunden umgesetzt werden.

Das Thema kann direkt auf der Website des Unternehmens erworben werden. https://www.elegantthemes.com/join/

Wählen Sie den Jahreszugang für 89 $ pro Jahr. Das Abonnement kann dann gekündigt werden. Sie können das Theme natürlich auch nach Ablauf Ihres Abonnements weiter nutzen!

Nach dem Ausfüllen des Registrierungsformulars können Sie das Divi-Theme im Mitgliederbereich herunterladen!

Wir wechseln nun zurück zu unserem WordPress-Administrationsbereich und installieren das heruntergeladene Theme. Dazu suchen wir im Seitenmenü nach Erscheinungsbild -> Themes -> Neu hinzufügen -> Thema hochladen. Dort suchen wir nach der heruntergeladenen .zip-Datei. Danach klicken wir auf Installieren und Aktivieren.

Als nächstes können wir mit der Erstellung der ersten Seite beginnen. Wir gehen auf Seiten -> Neue Seite erstellen im Backend. Wir können nun wählen, ob wir eine leere Seite erstellen wollen, auf der wir den Inhalt von Grund auf selbst erstellen, oder ob wir vorgefertigte Inhalte importieren und sie dann an unsere Wünsche anpassen. Beides ist mit dem Divi-Theme extrem einfach und schnell möglich.

In diesem Fall wollen wir nur eine Seite mit dem Reservierungssystem erstellen. Deshalb beginnen wir mit einer leeren Seite, in die wir unser Reservierungssystem integrieren.

Wir wählen Start Building.

Nachdem die Seite erstellt wurde, wird sie zunächst gespeichert. Wir werden später auf diesen Punkt zurückkommen und von dort aus weitermachen.

SCHRITT 3 – Installation des Gerichtsreservierungssystems

Einfache und schnelle Integration des Gerichtsreservierungssystems. Weitere Informationen zur Einrichtung finden Sie auch in unserem Abschnitt Dokumentation .

Als nächstes wollen wir das Plugin installieren Hof-Reservierung zu installieren und in die soeben erstellte Seite zu integrieren. Wir gehen also zurück zum WordPress Admin Backend(oben links -> Go to Dashboard). Unter Plugins -> Add New können wir nach neuen Plugins suchen und diese installieren. In der Suchzeile suchen wir nach Court Reservation. In den Suchergebnissen können wir bereits das Plugin finden, das wir installieren und aktivieren, indem wir auf Jetzt installieren und dann auf Aktivieren klicken.

Nach erfolgreicher Installation können wir zu den Einstellungen des Plugins wechseln(Reservierungen -> Einstellungen -> Höfe). Das erste „Gericht“ wurde bereits eingerichtet. Wenn Sie auf Bearbeiten klicken , können Sie einen Namen, die Öffnungszeiten und die Anzahl der Tage eingeben, an denen die Tabelle angezeigt wird.
In den Registerkarten Einstellungen und Benutzeroberfläche können Sie das Reservierungssystem später an Ihre individuellen Bedürfnisse anpassen. Aber zuerst wollen wir die Reservierungstabelle in die zuvor erstellte Seite einfügen. Dazu kopieren wir den Shortcode und wechseln in das WordPress-Frontend (oben links -> Go to website).

Wir befinden uns wieder auf der zuvor erstellten Seite. Mit einem Klick auf Activate the visual editor in der oberen schwarzen Leiste gelangen wir in den Bearbeitungsmodus. Mit einem Klick auf das + können neue Elemente erstellt werden. Zunächst legen wir eine neue Zeile an. In dieser Zeile können wir mit einem weiteren Klick auf + ein Textelement hinzufügen.

In das Pop-up-Fenster fügen wir unseren Shortcode ein.

Nachdem wir auf das Häkchen geklickt haben, sehen wir zum ersten Mal unsere Reservierungstabelle.

Jetzt fehlt nur noch ein Bereich. Das ist ein Anmelde- und Registrierungsformular, in dem sich Mitglieder registrieren, anmelden oder eine Beschreibung eingeben können. Um einen Login-Bereich zu erstellen, klicken wir erneut auf das + in der Mitte der Zeile und wählen Login.

Die Module können per Drag & Drop verschoben werden. Vergessen Sie nicht zu sparen!

Sie haben also die erste Seite Ihrer Vereinshomepage fertiggestellt. Anschließend können Sie eine weitere Seite erstellen, Fotos hochladen, Ihr eigenes Logo einfügen und eine Menüführung erstellen.

Wir wünschen Ihnen viel Spaß bei der weiteren Gestaltung Ihrer Homepage. Wenn Sie Fragen haben, können Sie uns unter [email protected] kontaktieren .

Sind Sie bereit für den Einstieg?

Pin It on Pinterest

Share This