Composant de page

Copier ou dupliquer un composant/components sur une page et d'une page à l'autre.

Les composants sont les blocs qui construisent une page, ils peuvent être de différentes natures:

  • Blocs escamotables
  • Bouton Call to Action
  • Carrousel d'accroches
  • Carrousel d'images zoomables
  • Carte interactive
  • Chiffres clés
  • Code source
  • Conteneur de composants
  • Encadré libelle-texte
  • Encadré à onglets
  • Formulaire simple
  • Fragment prestation et légitimation
  • Jalons d'un projet
  • Liste de liens
  • Texte et image
  • Vidéo YouTube

Dans le tutoriel suivant, vous allez connaître la marche à suivre pour copier ou dupliquer un composant sur une même page. Il peut s'avérer aussi très utile de copier et coller un composant d'une autre page.

  • mise en valeur des contenus;
  • personnalisation de la page;
  • diversité visuelle des informations;
  • apport esthétique.

Pour dupliquer un composant sur la même page, vous devez tout d'abord sélectionner la colonne en cliquant sur CONTENEUR PRINCIPAL puis sur COLONNE 1 et finalement sur le composant que vous voulez dupliquer.

Dans l'exemple ci-dessous, c'est le composant TEXTE ET IMAGE qui est séléctionné pour être dupliqué/copié.

Tout en gardant le composant sélectionné, cliquer sur DUPLICATE COMPONENT (pour dupliquer) ou COPY COMPONENT (pour copier). Ces deux options se trouvent dans le rectangle gris foncé à droite de la page.

© Ville de Lausanne

Si vous avez dupliqué le composant, celui-ci se trouvera directement en dessous du composant que vous aviez sélectionné.

Si vous avez copié le composant, vous devez créer un nouveau composant vide pour pouvoir coller ce dernier.

Pour créer un nouveau composant, il faut sélectionner le bloc de COLONNE 1, descendre jusqu'en fin de page. Après le dernier composant vous trouverez une ligne avec la mention NEW COLONNE 1 COMPONENT, cliquez dessus.

© Ville de Lausanne

Le bloc de création d'un composant s'ouvre automatiquement, il faut ANNULER. Nous avons juste besoin que la ligne NEW COLONNE 1 COMPONENT soit sélectionnée pour pouvoir ensuite coller notre composant.

© Ville de Lausanne

Maintenant que la ligne NEW COLONNE 1 COMPONENT est sélectionnée, dans le menu à droite, sélectionnez PASTE COMPONENT.

© Ville de Lausanne

Le composant copié est maintenant collé à la fin de la page, vous pouvez ainsi le déplacer dans la page selon l'ordre de votre choix.