# 📱 GUIDE - AJOUTER DISCORD ET FACEBOOK ## Comment activer les liens réseaux sociaux dans le footer --- ## 📍 OÙ AJOUTER LES LIENS Les emplacements pour Discord et Facebook sont **déjà préparés** dans le footer de toutes les pages. Pour le moment, ils sont **commentés** (désactivés) et seront invisibles pour les visiteurs. --- ## ✅ QUAND ACTIVER Activez les liens quand vous aurez créé : - ✅ Votre serveur Discord - ✅ Votre page Facebook --- ## 🔧 COMMENT ACTIVER (Méthode simple) ### Étape 1 : Localiser le code Dans chaque page (index.php, adhesion.php, evenements.php, contact.php), cherchez cette section dans le footer : ```html ``` ### Étape 2 : Remplacer les URLs Remplacez : - `https://discord.gg/VOTRE-SERVEUR` → URL de votre serveur Discord - `https://facebook.com/VOTRE-PAGE` → URL de votre page Facebook Exemple : ```html ``` ### Étape 3 : Décommenter Retirez les balises de commentaire `` : **AVANT** : ```html ``` **APRÈS** : ```html ``` ### Étape 4 : Répéter pour toutes les pages Modifiez les 4 fichiers : - [ ] `public/index.php` - [ ] `public/adhesion.php` - [ ] `public/evenements.php` - [ ] `public/contact.php` --- ## 🎨 APPARENCE Les liens apparaîtront dans le footer comme ceci : ``` ┌─────────────────────────────────────────────┐ │ À propos | Navigation │ │ | │ │ Communauté │ │ - Forum │ │ - Wiki │ │ [🎮 Discord] [📘 Facebook] │ └─────────────────────────────────────────────┘ ``` **Style** : Boutons avec fond semi-transparent, effet hover jaune Star Wars --- ## 📱 OBTENIR VOS LIENS ### Discord 1. Créez votre serveur Discord 2. Cliquez sur le nom du serveur → Inviter des personnes 3. Créez un lien d'invitation permanent 4. Copiez le lien (format : `https://discord.gg/abc123`) **Options recommandées** : - ✅ Lien permanent (sans expiration) - ✅ Aucune limite d'utilisation - ✅ Accorder l'accès temporaire aux membres ### Facebook **Option A : Page Facebook** 1. Créez une Page Facebook pour l'association 2. L'URL sera : `https://facebook.com/VotreNomDePage` **Option B : Groupe Facebook** 1. Créez un Groupe Facebook 2. L'URL sera : `https://facebook.com/groups/123456789` 💡 **Recommandation** : Page plutôt que Groupe (plus professionnel) --- ## 🔍 RECHERCHER/REMPLACER (Méthode rapide) Si vous utilisez un éditeur de texte (VS Code, Notepad++, Sublime Text) : ### Rechercher : ``` ` ou `` ### Les liens ne s'ouvrent pas dans un nouvel onglet → Vérifiez que `target="_blank"` est bien présent ### Les boutons sont trop petits sur mobile → C'est normal, ils s'adaptent automatiquement à la taille de l'écran --- ## 📱 PRÉVISUALISATION Avant activation : ``` Communauté - Forum - Wiki ``` Après activation : ``` Communauté - Forum - Wiki [🎮 Discord] [📘 Facebook] ``` Les boutons auront un fond gris transparent et deviendront jaunes au survol. --- ## 🎉 C'EST TOUT ! Une fois activés, vos membres pourront rejoindre facilement votre Discord et votre page Facebook depuis le site ! **Questions ?** Consultez la documentation principale ou les guides dans `/docs/`. --- **Que la Force soit avec vos réseaux sociaux ! ⚡**