Glisser et déposer
Modèles glisser-déposer
Les modèles du gestionnaire de conception en glisser-déposer sont des modèles créés à l’aide d’un outil de conception visuel. Ils ne sont pas recommandés pour les nouveaux modèles car les modèles codés offrent une meilleure expérience.
Produits pris en charge
Exige l'un des produits suivants ou un produit supérieur.
Marketing HubPro
Content HubProDernière modification : 28 août 2025
Les modèles de glisser-déposer ne sont pas recommandés pour les nouveaux modèles. Ces modèles ne peuvent pas faire partie d’un thème et ne prennent donc pas en charge les fonctionnalités de thème telles que les champs de thème et les modules de thème. Les modèles de glisser-déposer PAS pris en charge dans CMS Hub Starter. Utilisez plutôt
dnd_area. Les modèles de glisser-déposer ne prennent pas en charge plusieurs des nouvelles fonctionnalités du CMS (contrôles d’accès, zones de glisser-déposer, sections réutilisables, GraphQL et de nombreuses autres fonctionnalités). Ils manquent d’extensibilité et ne fournissent pas une expérience de création et de développement de contenu aussi bonne que les modèles codés. Nous recommandons plutôt des modèles HTML + HubL codés avec des zones de glisser-déposer, qui offrent une meilleure expérience pour les développeurs et les spécialistes du marketing. Pour un démarrage rapide sur le CMS, nous vous recommandons de consulter le boilerplate du thème HubSpot, qui a été créé à l’aide de modèles codés.Outil de création de modèles de glisser-déposer
Pour créer un modèle de glisser-déposer, ouvrez le gestionnaire de conception et dans l’outil de recherche, créez un nouveau fichier, choisissez un modèle et le type de modèle que vous créez. Les modèles de glisser-déposer sont constitués de blocs de construction, qui sont des modules, des groupes, des groupes globaux et des colonnes flexibles. Découvrez comment utiliser l’outil de création de modèles de glisser-déposer.Modules
Les modules sont des composants réutilisables qui sont des parties modifiables d’une page. Les modules sont constitués d’un fragment de modèle HTML + HubL, de CSS, de JS et de champs. Les modules peuvent être placés à l’intérieur de colonnes flexibles et de dnd_areas par les éditeurs de contenu. Ils constituent la principale méthode pour les éditeurs de contenu de créer le contenu de leur site web. Vous pouvez créer des modules pour gérer un certain nombre de fonctions, la recherche, les galeries d’images, les menus, les animations marketing complexes, les calculatrices, les comparaisons de produits et tout ce qui selon vous offre une bonne expérience pour les créateurs de contenu. Les champs sont la façon dont l’éditeur de contenu contrôle leur sortie. Les modules ne sont pas spécifiques aux modèles de glisser-déposer, ils sont un élément de base très important pour le CMS Hub. Dans les modèles de glisser-déposer, les valeurs par défaut des champs de module peuvent être configurées dans l’inspecteur. Découvrez-en davantage sur les modules.
Groupes
Les groupes sont des encadreurs pour d’autres groupes et modules. Ils peuvent avoir des classes CSS et du HTML d’encadrement. Les groupes se manifestent sous forme de HTML d’encadrement avec des classes de mise en page pour faciliter le placement et le dimensionnement des groupes. Les groupes peuvent également avoir un nom interne uniquement. Vous pouvez ainsi regrouper des modules dans le gestionnaire de conception, ce qui facilite l’identification visuelle des parties d’une page. Un exemple de ceci pourrait être pour les barres latérales ou les bannières.Étant donné que les fichiers HTML + HubL sont le chemin recommandé pour les nouveaux sites, les colonnes, sections et lignes de zones de glisser-déposer remplacent largement les objectifs des groupes.En outre, un développeur peut créer des partiels et des partiels globaux, qui peuvent contenir du code de forme libre en plus des zones de glisser-déposer.Les zones de glisser-déposer, les partiels et les partiels globaux ne sont pas pris en charge dans les modèles de glisser-déposer.
Groupes globaux
Les groupes globaux sont des groupes qui, lorsqu’ils sont modifiés, affectent l’ensemble du site web et pas seulement la page sur laquelle ils se trouvent. Les groupes globaux peuvent exister dans plusieurs modèles et sont le plus souvent utilisés pour les en-têtes et les pieds de page de site. Les groupes globaux sont similaires aux partiels, mais sont limités à la structure que les modèles de glisser-déposer appliquent. Ils peuvent être intégrés dans des fichiers HTML + HubL si nécessaire, mais la plupart du temps, il est plus logique d’utiliser un partial global à la place.
Colonnes flexibles
Les colonnes flexibles sont un type particulier de groupe. Elles peuvent contenir un ensemble de modules par défaut, mais les éditeurs de contenu peuvent ajouter, supprimer et déplacer des modules en leur sein. Les colonnes flexibles permettent de réorganiser les modules d’une manière unidimensionnelle, verticalement vers le haut et vers le bas. Contrairement aux balises dnd_area, les colonnes flexibles ne prennent pas en charge les sections ou les fonctionnalités de style proposées pour les modules qui les composent. Les colonnes flexibles ne sont pas uniques aux modèles de glisser-déposer. Il existe une balise HubL qui peut être utilisée dans les modèles HTML + HubL. Découvrez comment ajouter une colonne flexible à un modèle de glisser-déposer.Il est généralement recommandé d’utiliser des zones de glisser-déposer, car elles sont la plupart du temps plus utiles et offrent toutes les fonctionnalités des colonnes flexibles.L’utilisation d’une colonne flexible peut cependant rester utile, comme pour une barre latérale. Pour les principales zones de contenu, les zones de glisser-déposer sont beaucoup plus flexibles.
