Conseils Municipaux - Municipalité
Se connecter à WordPress
Ouvrez votre navigateur web et rendez-vous sur la page de connexion de WordPress pour le site Web de la mairie de Levallois.
Entrez vos informations de connexion (nom d'utilisateur et mot de passe) et appuyez sur le bouton de connexion pour accéder au tableau de bord WordPress.

Accéder à "Pages"
Dans le tableau de bord WordPress, cliquez sur "Pages" dans le menu de gauche pour accéder à la liste des pages de votre site.
Sélectionnez la page sur laquelle vous souhaitez insérer le Live Facebook ou créez une nouvelle page si nécessaire en modifiant avec Elementor.

Dupliquer le container contenant le Live Facebook et les boutons
Si la page sur laquelle vous travaillez dispose déjà d'un conteneur pour le Live Facebook, localisez ce conteneur.
Dupliquez ce conteneur en sélectionnant le contenu (texte, images, etc.) et en utilisant les options de duplication de votre éditeur de texte ou en copiant-collant le code HTML.

Copier le lien embed depuis Facebook, puis coller dans le widget HTML
Accédez à la page Facebook où se trouve le Live que vous souhaitez intégrer.
Cliquez sur l'option "Partager" sous la vidéo en direct.
Sélectionnez "Intégrer" pour obtenir le code HTML d'intégration.
Copiez le code HTML fourni par Facebook.
Revenez à votre éditeur WordPress.
Si vous avez dupliqué un conteneur, collez le code HTML à l'intérieur du conteneur. Si vous créez un nouveau conteneur, insérez un widget HTML dans la page et collez le code HTML à l'intérieur.
Assurez-vous de retirer les attributs "height" et "width" du code HTML que vous avez collé. Vous devriez avoir quelque chose qui ressemble à ceci :
<iframe src="URL_DU_LIVE_FACEBOOK" frameborder="0" allowfullscreen></iframe>

Accéder à l'onglet "Avancé" puis dans CSS personnalisée et ajouter le code CSS
Dans votre éditeur WordPress, recherchez l'onglet "Avancé" ou "Paramètres avancés" (cela peut varier en fonction du constructeur de votre page).
Cherchez l'option "CSS personnalisée" ou "Code personnalisé".
Ajoutez le code CSS suivant dans la zone de texte dédiée :
selector iframe {
width: 100%;
aspect-ratio: 16 / 9;
border: 0;
}Assurez-vous que le sélecteur CSS "iframe" correspond à celui utilisé dans le code HTML que vous avez inséré pour le Live Facebook.

Sauvegarder les modifications
Une fois que vous avez inséré le code HTML et ajouté le code CSS personnalisé, assurez-vous de sauvegarder les modifications apportées à la page. Pour ce faire, trouvez le bouton "Mettre à jour" ou "Enregistrer" en haut ou en bas de la page (cela dépend de votre éditeur).
Vérifiez que le Live Facebook s'affiche correctement sur la page. Vous pouvez prévisualiser la page ou la publier en fonction de vos préférences.

Mis à jour