# Puteaux, un riche passé

Pour modifier la page **Puteaux, un riche passé**, veuillez vous référer aux étapes du tutoriel dédié&#x20;

{% content-ref url="../../vos-demarches/puteaux-point-info-ppi" %}
[puteaux-point-info-ppi](https://www.tutoputeaux.groupecmp.com/tuto-de-prise-en-main/pages/vos-demarches/puteaux-point-info-ppi)
{% endcontent-ref %}

## Modifier une section contenant des fenêtres modales

### Étape 1 : Dupliquer le bloc de la carte

1. **Sélectionner le bloc de la carte** : Accédez à la section contenant les cartes dans l’éditeur de votre site.
2. **Dupliquer le bloc** : Faites un clic droit sur le bloc concerné, puis choisissez l’option "Dupliquer".

### Étape 2 : Modifier l’icône SVG

1. **Remplacer l’icône sur la carte** : Cliquez sur l’icône actuelle pour la sélectionner.
   * Importez un nouveau fichier SVG depuis votre ordinateur ou sélectionnez-en un dans votre bibliothèque média.
2. **Modifier les icônes des accès rapides** : Faites défiler jusqu’à la section des accès rapides en bas de chaque fenêtre modale.
   * Répétez le processus de remplacement des icônes pour chaque accès rapide.

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2FvCmwv72jRKhhhtzf5XpD%2Fimage.png?alt=media&#x26;token=44696781-01eb-432d-ba62-aee1915999bf" alt=""><figcaption></figcaption></figure>

### Étape 3 : Personnaliser le titre et la fenêtre modale

1. **Modifier le titre de la carte** : Cliquez sur le texte du titre et éditez-le selon le contenu souhaité.
2. **Configurer la fenêtre modale associée** : Accédez aux paramètres de la fenêtre modale liée à la carte.
   * Ajoutez ou modifiez le contenu de la fenêtre modale pour qu’il corresponde à vos besoins.
   * Testez les interactions pour vous assurer que la fenêtre modale s’affiche correctement.

## Ajouter de l’audio sur une page

### Étape 1 : Respecter les droits d’auteur

* Avant d’intégrer un extrait musical, vérifiez qu’il est sous licence ou libre de droits.
* Utilisez des plateformes proposant des fichiers audio respectant ces conditions, telles que **Free Music Archive** ou **Jamendo**.

### Étape 2 : Intégrer un lecteur audio

1. **Ajouter le widget Audio Player** :
   * Dans l’éditeur de votre site, recherchez le widget **Audio Player** (Lecteur audio).
   * Faites glisser le widget à l’emplacement souhaité sur la page.
2. **Configurer le widget** :
   * Importez l’extrait musical dans la bibliothèque média ou indiquez l’URL de l’audio.
   * Ajustez les options du widget (lecture automatique, boucle, style visuel, etc.).

<figure><img src="https://782884193-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhg3BP9EsIEd3bsQZai7C%2Fuploads%2F1IzSorSt6zQOs0AVgDvC%2Fimage.png?alt=media&#x26;token=17188086-db65-445a-b13c-a9188d6dba1a" alt=""><figcaption></figcaption></figure>

### Étape 3 : Tester l’audio

* Assurez-vous que le lecteur audio fonctionne correctement sur tous les navigateurs et appareils.
* Testez la fonctionnalité « Play » pour confirmer que l’audio se lance correctement.
