Groupe Cmedias — Acmedias · Cmedias Holding · Acmedias Tech

Hébergements web & serveurs

Personnaliser le design : modèles, sections et paramètres globaux

Cmediahost Builder offre une flexibilité totale sur le design, malgré la simplicité d'utilisation. Vous disposez de plus de 170 modèles, 120 sections préconstruites et de paramètres globaux pour ajuster votre charte graphique en un clic.

Objectif de cet article

Maîtriser les outils de personnalisation visuelle du builder pour créer un site à l'image de votre marque.

Prérequis

  • Avoir déjà créé un projet dans Cmediahost Builder.
  • Connaître les couleurs et polices de votre charte graphique (si elle existe).

Procédure pas à pas

  1. 1

    Choisir ou changer de modèle

    Plus de 170 modèles sont disponibles, classés par secteur d'activité (restauration, immobilier, mode, services, technologie, événementiel…). Vous pouvez changer de modèle à tout moment sans perdre votre contenu — l'IA réorganise les blocs automatiquement.

  2. 2

    Ajouter des sections préconstruites

    Le builder propose 120+ sections prêtes à l'emploi. Glissez celles dont vous avez besoin :

    • Hero (bannières d'accueil avec call-to-action).
    • Tarifs (grilles à 2, 3 ou 4 colonnes).
    • Témoignages clients.
    • Galerie photo / portfolio.
    • Équipe (présentation de l'équipe).
    • FAQ.
    • Formulaire de contact.
    • Cartes & localisation.
    • Statistiques et chiffres clés.
  3. 3

    Régler les paramètres globaux de design

    Plutôt que de modifier chaque bloc individuellement, utilisez le panneau « Design global » :

    • Couleur primaire, secondaire et d'accent.
    • Police des titres et police du corps.
    • Tailles de texte de référence.
    • Rayon des boutons et des cartes.
    • Style des ombres.

    Astuce — Toute modification dans le design global se propage instantanément sur tout le site — gain de temps énorme.

  4. 4

    Adapter le rendu mobile

    Le builder génère un site 100% responsive par défaut. Vous pouvez néanmoins ajuster certains éléments spécifiquement pour mobile (taille de police, ordre des sections, masquage de certains blocs).

  5. 5

    Travailler les images et vidéos

    Trois sources possibles :

    • Bibliothèque intégrée de photos et vidéos libres de droits.
    • Vos propres médias téléversés depuis votre ordinateur.
    • Génération d'images par IA à partir d'une description.

Problèmes fréquents et solutions

Mes nouvelles couleurs ne s'appliquent pas partout.

Certains blocs utilisent des couleurs forcées (overrides). Réinitialisez le bloc via clic droit → « Réinitialiser le style » pour qu'il reprenne les couleurs globales.

Le site est cassé sur mobile après mes modifications.

Ouvrez l'aperçu mobile dans le builder et utilisez le mode « Édition mobile » pour ajuster les sections problématiques sans toucher à la version desktop.

Conclusion

Avec ces outils, vous obtenez un design professionnel sans effort. La règle d'or : commencez par les paramètres globaux (couleurs et polices), puis affinez au niveau de chaque section.

Liens utiles sur cmediahost.net

Accédez directement aux services Cmediahost mentionnés dans cet article.

Liens par défaut

Produits concernés

  • Cmediahost Builder
  • Hébergement Web & WordPress

Mots-clés

personnaliser site IAmodèles site webdesign globalsections préconstruitesresponsive mobile