Exercice5
Exercice pratique – Site WordPress pour une compagnie d’événementiel¶
Contexte¶
Vous créez le site web d’une compagnie d’événementiel qui offre des services pour :
- Mariages
- Événements corporatifs
- Fêtes privées
Le site doit être :
- Visuellement cohérent
- Disponible en français et anglais
- Facile à mettre à jour grâce à des champs personnalisés
PARTIE 1 – Édition du thème (éditeur de site)¶
Étape 1 – Styles globaux¶
- Allez dans Apparence → Éditeur → Styles
- Modifiez :
- Couleur principale du site
- Couleur d’arrière-plan
- Police des titres
- Dans Blocs → Bouton :
- Changez la couleur
- Ajoutez un léger arrondi
- Enregistrez
Étape 2 – En-tête du site¶
- Allez dans Parties de modèles → En-tête
- Modifiez l’en-tête pour inclure :
- Logo du site
- Menu de navigation
- Texte slogan Ex. : « Des événements mémorables, clé en main »
- Ajustez :
- Alignement
- Espacement
- Couleur de fond
- Enregistrez
Étape 3 – Pied de page¶
- Allez dans Parties de modèles → Pied de page
- Ajoutez :
- Nom de la compagnie
- Texte : « Tous droits réservés »
- Mise en colonnes (2 ou 3)
- Ajustez les styles
- Enregistrez
PARTIE 2 – Création des pages principales¶
Étape 4 – Page d’accueil¶
- Allez dans Pages → Ajouter
- Titre : Accueil
- Ajoutez :
- Une bannière (bloc Couverture)
- Un titre principal
- Un texte de présentation de la compagnie
- Un bouton vers les services
- Publiez la page
Étape 5 – Page Contact¶
- Créez une nouvelle page : Contact
- Ajoutez :
- Texte d’introduction
- Informations de contact (fictives)
- Bloc Formulaire (ou texte simulant un formulaire)
- Publiez
Étape 6 – Définir la page d’accueil¶
- Allez dans Réglages → Lecture
- Page d’accueil : Accueil
- Enregistrez
PARTIE 3 – Site multilingue avec Polylang¶
Étape 7 – Installation de Polylang¶
- Allez dans Extensions → Ajouter
- Installez et activez Polylang
- Assistant :
- Langue par défaut : Français
- Ajouter : English
- Terminez la configuration
Étape 8 – Traduction des pages¶
Accueil¶
- Allez dans Pages
- Cliquez sur + sous English pour la page Accueil
- Traduisez :
- Titre
- Textes
- Publiez
Contact¶
- Faites la même chose pour la page Contact
- Publiez
Étape 9 – Menus multilingues¶
- Ajouter le code dans fonctions.php
// Shortcode de sélecteur de langue avec Polylang
// Usage : [custom_language_switcher]
function custom_pll_language_switcher() {
return pll_the_languages( array(
'show_flags' => 1,
'show_names' => 1,
'display_names_as' => 'name', // name ou slug
'echo' => 0,
'hide_current' => 1,
) );
}
add_shortcode( 'custom_language_switcher', 'custom_pll_language_switcher' );
- Aller dans apparence / éditeur
- Sélectionner Modèles / Pages
- Double-cliquer sur le menu en haut
- Ajouter un bloc : Shortcode
- Copier le code suivant
- [custom_language_switcher]
PARTIE 4 – Contenu structuré avec ACF (services)¶
Étape 10 – Créer un groupe de champs « Service événementiel »¶
- Allez dans ACF → Groupes de champs
- Cliquez sur Ajouter
- Nom du groupe :
- Service événementiel
- Laissez le groupe actif
Étape 11 – Créer les champs personnalisés¶
Ajoutez les champs suivants dans ce groupe :
Champ 1 – Type d’événement¶
- Libellé : Type d’événement
- Nom : type_evenement
- Type : Liste déroulante (Select)
Choix :¶
- Mariage
- Corporatif
- Fête privée
- Festival
Champ 2 – Durée du service¶
- Libellé : Durée du service (heures)
- Nom : duree_service
- Type : Nombre
Champ 3 – Prix de base¶
- Libellé : Prix de base ($)
- Nom : prix_base
- Type : Nombre
Champ 4 – Équipement inclus¶
- Libellé : Équipement inclus
- Nom : equipement_inclus
- Type : Cases à cocher
Choix :¶
- Son
- Éclairage
- DJ
- Musiciens
- Animation
Champ 5 – Disponible à l’extérieur¶
- Libellé : Disponible à l’extérieur
- Nom : exterieur
- Type : Boutons radio
Choix :¶
- Oui
- Non
Champ 6 – Image principale¶
- Libellé : Image du service
- Nom : image_service
- Type : Image
Étape 12 – Règles d’affichage¶
- Dans Règles de localisation :
- Afficher ce groupe si
- Type de contenu est égal à Page
- Enregistrez le groupe
Étape 13 – Créer une page de service¶
- Allez dans Pages → Ajouter
- Titre de la page :
- Service de mariage
- Dans l’éditeur :
- Ajoutez une courte description du service
- Faites défiler vers le bas et remplissez :
- Type d’événement : Mariage
- Durée du service : 6
- Prix de base : 2500
- Équipement inclus : Son, Éclairage, DJ
- Disponible à l’extérieur : Oui
- Image du service : image au choix
- Publiez la page
Étape 14 – Créer un deuxième service¶
- Créez une nouvelle page :
- Service corporatif
- Remplissez les champs ACF avec des valeurs différentes
- Publiez