Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Design Manager

Structurer et personnaliser la disposition du modèle

Dernière mise à jour: octobre 31, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
Basique
HubSpot CMS

Découvrez comment configurer et personnaliser le modèle par glisser-déposer existant et utiliser les modules, les groupes et les colonnes en tant que blocs de création de modèle.

Structurer le modèle

L'éditeur de mise en page du gestionnaire de conception vous permet de créer rapidement la mise en page de votre contenu sans avoir à écrire de code HTML.

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans l'outil de recherche, cliquez sur un modèle pour le modifier.

Ajouter et faire glisser des modules

Pour ajouter un module à une mise en page, cliquez sur + Ajouter au sommet de l'inspecteur de la mise en page. Recherchez ou sélectionnez un module, puis faites-le glisser vers l'emplacement souhaité sur la page. Si vous faites glisser un module au-dessus d'un autre, des colonnes ou des groupes de modules seront créés.

Modifier les largeurs de colonne

Pour modifier la largeur d'une colonne, placez le curseur de la souris entre les modules, cliquez et faites glisser horizontalement.

Regrouper les modules

Les groupes de modules sont des unités de modules qui constituent différentes sections d'une page.

Pour regrouper deux modules, cliquez sur le premier module, puis, tout en appuyant sur la touche Ctrl/Cmd, sélectionnez le deuxième module. Répéter cette étape si vous regroupez plus de deux modules. Cliquez ensuite sur l'icône Groupe groupModule dans l'inspecteur du module.

Remarque : les groupes de modules ne peuvent pas dépasser un séparateur de section ou contenir un groupe partiellement sélectionné de modules.

Diviser les modules horizontalement

La division d'un module le sépare en deux moitiés, créant ainsi deux modules. Pour diviser un module, cliquez dessus, puis cliquez sur l'icône Diviser le module splitModule dans l'inspecteur du module. Vous pouvez également faire un clic droit sur le module dans la mise en page et sélectionner Diviser le module.

Ajouter une colonne flexible

Les colonnes flexibles sont conçues pour faciliter la gestion du contenu au niveau de la page pour les créateurs de contenu. Lorsqu'une colonne flexible est ajoutée à un modèle de page HubSpot, les utilisateurs ont la possibilité d'ajouter, de supprimer et de réorganiser les modules dans l'éditeur de page individuel. Cette fonctionnalité permet aux concepteurs de créer moins de modèles, tout en permettant aux équipes marketing de personnaliser chaque page en fonction de leurs besoins.

Pour ajouter une colonne flexible, cliquez sur + Ajouter au sommet de l'inspecteur de mise en page. Recherchez une colonne Flexible, puis faites-la glisser dans le modèle.

Remarque : les colonnes flexibles peuvent uniquement être ajoutées aux modèles de page, et non aux modèles d'e-mails ou de blogs.


Personnaliser un modèle

Une fois que vous avez structuré la mise en page générale de votre modèle, vous pouvez échanger des modules et effectuer d'autres personnalisations.

Modifier les options d'un module

Vous pouvez modifier les options d'un module en cliquant sur ce module dans l'éditeur de mise en page. L'inspecteur de module situé à droite affiche les options modifiables du module. Ces options comprennent généralement le style, le contenu par défaut et les options d'éditeur, et peuvent varier selon le type spécifique de module. En savoir plus sur la modification des paramètres et du contenu par défaut et CSS d'un module.

Options de modification

Changer de module

Après avoir ajouté un module à votre modèle, vous pouvez le remplacer pour un autre module. Cliquez sur le module dans l'éditeur de mise en page, puis cliquez sur Changer de module. Dans le menu déroulant qui s'affiche, sélectionnez le module qui doit remplacer le module d'origine.

Convertir en module global

Vous pouvez convertir un module du modèle en module global qui pourra être utilisé dans plusieurs modèles. Cette option est utile lorsque vous avez agencé le module d'une manière donnée et/ou que vous souhaitez réutiliser le contenu par défaut du module dans d'autres modèles.

  • Cliquez sur le module dans l'éditeur de mise en page.
  • Dans l'inspecteur de module, cliquez sur le menu déroulant Plus et sélectionnez Convertir en module global.
  • Dans la boîte de dialogue, saisissez le nom du module global, puis cliquez sur Créer.

Supprimer un module

Pour supprimer un module, cliquez sur le module dans l'éditeur de mise en page, puis sur l'icône Corbeille delete dans l'inspecteur du module. Vous pouvez également faire un clic droit sur le module et sélectionner Supprimer le module.

Gérer le modèle dans l'outil de recherche

Outre les options de module, vous pouvez mettre en place différentes actions pour votre modèle.

  • Dans l'angle coin supérieur droit du modèle, cliquez sur l'icône Dossier folder.
  • Faites un clic droit sur le nom du modèle. Dans le menu déroulant, vous pouvez personnaliser les options suivantes :
    • Copier dans les portails : copie le modèle dans un autre portail dont vous êtes également utilisateur. Les modèles achetés auprès du Marketplace ne peuvent pas être copiés dans d'autres portails.
    • Cloner un modèle : crée un double de votre modèle, ce qui est utile pour créer une variante d'un modèle existant.
    • Cloner en HTML : crée une version HTML distincte de votre modèle. Cette option est utile si vous avez besoin de gérer plus avant le balisage ou si vous souhaitez en savoir plus sur l'encodage des modèles.
    • Afficher la source du modèle : affiche le code HTML source du modèle. Contrairement à l'option Cloner en HTML, cette option ne crée pas de version HTML distincte du modèle.
    • Renommer le modèle : modifie le nom interne du modèle.
    • Afficher les dépendances : affiche l'ensemble des pages, e-mails ou blogs utilisant actuellement le modèle.
    • Afficher l'historique des révisions : affiche l'historique des révisions du modèle et vous permet de revenir à une précédente version publiée du modèle.
    • Créer un e-mail/une page : créer un e-mail ou une page de destination/page web directement depuis le modèle.
    • Supprimer le modèle : supprime le modèle. Une fois supprimé, un modèle sera conservé pendant 30 jours, après lesquels il sera définitivement supprimé.
  • Ces options sont également accessibles à partir des menus déroulants Fichier et Actions ci-dessus.

/fr/structure-and-customize-template-layouts