Créez le site web de votre club de tennis en 15 minutes — guide pas à pas

Pas à pas : comment créer le site web d'un club de tennis en 15 minutes

Dans ce guide pas à pas, nous vous montrons comment créer votre propre site de club de tennis, y compris un système de réservation en ligne, en seulement 15 minutes.

Ce tutoriel est conçu pour les débutants. Vous apprendrez à créer un site web dont vous serez fier, même sans programmeur ni designer web. WordPress est le système de gestion de contenu le plus populaire pour créer des sites.

Vous n'avez besoin que de ce qui suit :

– ÉTAPE 1 : Hébergement web et domaine – SiteGround
– ÉTAPE 2 : Thème premium WordPress – Divi
– ÉTAPE 3 : Système de réservation en ligne – Plugin Court Reservation

Étape 1 : espace web et domaine pour le site de votre club de tennis

Choisissez un fournisseur d'hébergement web où stocker votre site.

Vous avez d'abord besoin d'un espace web et d'un domaine pour le futur site de votre club. Pour l'obtenir, vous devez enregistrer votre site auprès d'un fournisseur comme SiteGround. Allez sur siteground.com et choisissez WordPress Hosting -> GET STARTED.

Dans cette fenêtre, vous pouvez sélectionner le « plan » de votre site. Le plan StartUp devrait suffire pour la page de votre club ! Après avoir choisi le plan, vous pouvez choisir un domaine pour le site de votre club de tennis.

Une fois que vous avez trouvé un domaine adapté, il ne vous reste qu'à remplir les données de commande et fournir un moyen de paiement. Après avoir cliqué sur PAYNOW, la commande sera complète et vous aurez sécurisé le domaine et l'espace web correspondant. FÉLICITATIONS !

Avant de commencer à construire votre site, vous devez installer un certificat SSL sur votre espace web. SSL est un certificat de sécurité et, si vous ne l'avez pas, les navigateurs modernes afficheront un avertissement que votre site n'est pas sécurisé car les données ne sont pas transmises de façon chiffrée.

Pour l'installer, accédez au panneau SiteGround (my.siteground.com) et allez à l'onglet Hosting Plan. Vous y trouverez votre adresse ; d'un clic sur MANAGE vous arriverez à un menu d'extras. Sélectionnez-y SSL -> ADD.

Il y a différents certificats SSL. Pour la page de votre club, un Let’s Encrypt gratuit est tout à fait suffisant. Cliquez sur SELECT et ACTIVATE pour que le certificat de sécurité s'installe sur votre serveur.

Entre-temps, vous aurez probablement reçu un email vous demandant de vérifier un domaine. Suivez le lien et les instructions de l'email pour le faire aussi !

ÉTAPE 2 – Il est temps de construire le site de votre club de tennis

Vous pouvez enfin commencer à construire votre site.

Vous pouvez accéder à votre site depuis le panneau my.siteground.com ou en saisissant l'adresse de votre site directement dans la barre du navigateur. Pour entrer dans le « backend » de votre site, vous devez ajouter /wp-admin à la fin de votre adresse. Par exemple www.demo-courtreservation.com/wp-admin.

Vous verrez cet écran. Comme nous utilisons notre propre thème, vous pouvez cliquer sur EXIT ici.

Voici le backend. Nous voulons maintenant installer notre thème premium Divi. DIVI est probablement le meilleur thème WordPress que vous puissiez acheter. En plus de la construction simple de pages avec l'éditeur visuel, le thème offre de nombreuses pages prédessinées que vous pouvez importer facilement et adapter. Des projets web complets peuvent être mis en œuvre en quelques heures.

Le thème peut être acheté directement sur son site. https://www.elegantthemes.com/join/

Choisissez le plan Yearly Access à 89 $ par an. L'abonnement peut être annulé ensuite. Bien sûr, vous pouvez continuer à utiliser le thème lorsque votre abonnement expire !

Après avoir rempli le formulaire d'inscription, vous pouvez télécharger le thème Divi dans l'espace membres.

Nous revenons au panneau d'administration WordPress et installons le thème téléchargé. Dans le menu latéral, cherchez Appearance -> Themes -> Add New -> Upload Theme. Cherchez-y le fichier .zip téléchargé. Ensuite cliquez sur Install et Activate.

Ensuite, nous pouvons commencer à construire la première page. Dans le backend, allez à Pages -> Create new page. Vous pouvez choisir de créer une page blanche, où vous créerez le contenu de zéro, ou importer du contenu prédessiné et l'adapter à vos besoins. Les deux options sont très faciles et rapides avec le thème Divi.

Dans ce cas, nous voulons seulement créer une page avec le système de réservation. Nous commençons donc avec une page blanche dans laquelle nous intégrerons notre système de réservation.

Nous sélectionnons Start Building.

Après avoir créé la page, nous la sauvegardons d'abord. Nous reviendrons à ce point plus tard pour continuer.

ÉTAPE 3 – Installation du système Court Reservation

Intégration facile et rapide du système de réservation de courts. Plus d'informations sur la configuration dans notre section Documentation .

L'étape suivante est d'installer le plugin Court Reservation et de l'intégrer dans la page que nous venons de créer. Nous revenons au backend d'administration WordPress (en haut à gauche -> Go to Dashboard). Dans Plugins -> Add New vous pouvez chercher et installer de nouveaux plugins. Dans la barre de recherche, cherchez Court Reservation. Dans les résultats vous trouverez le plugin, que vous installez et activez avec Install Now puis Activate.

Après l'installation réussie, vous pouvez aller aux paramètres du plugin (Reservations -> Settings -> Courts). Le premier « court » est déjà créé. D'un clic sur Edit vous pouvez saisir un nom, horaire d'ouverture et combien de jours le tableau affichera.
Dans les onglets Settings et User Interface vous pourrez adapter le système de réservation à vos besoins plus tard. Mais d'abord nous voulons inclure le tableau de réservations dans la page créée. Pour cela, nous copions le shortcode et revenons au frontend WordPress (en haut à gauche -> Go to website).

Nous sommes de retour sur la page créée. D'un clic sur Activate the visual editor dans la barre noire supérieure, nous entrons en mode édition. D'un clic sur + on peut créer de nouveaux éléments. Nous créerons d'abord une nouvelle row. Dans cette ligne, nous pouvons ajouter un élément de texte avec un autre clic sur +.

Dans la fenêtre popup, nous insérons notre shortcode.

Après avoir cliqué sur la coche, nous voyons notre tableau de réservations pour la première fois.

Il ne reste plus qu'une zone : un formulaire de login et d'inscription où les membres peuvent s'inscrire, se connecter ou où vous pouvez mettre une description. Pour créer une zone de login, nous cliquons à nouveau sur le + au centre de la ligne et sélectionnons Login.

Les modules peuvent être déplacés par glisser-déposer. N'oubliez pas de sauvegarder !

Ainsi vous avez terminé la première page de la homepage de votre club. Ensuite vous pouvez créer une autre page, télécharger des photos, insérer votre logo et créer un menu de navigation.

Profitez de la création du reste de votre homepage. Si vous avez des questions, contactez-nous à office@webmuehle.at.

Prêt à commencer ?