Modifier le contenu dans l'éditeur de contenu

Dans l'éditeur de contenu, vous pouvez utiliser des outils de glisser-déposer pour ajouter, modifier et réorganiser le contenu de vos articles et pages de blog. Les outils de glisser-déposer ne sont pas disponibles pour certains articles et certaines pages. 

Ajouter et modifier des modules

Les modules sont des blocs individuels de contenu de site web. Certains modules, tels que les modules de texte enrichi, peuvent contenir plusieurs types de contenu.

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
2. Cliquez sur le nom de la page. 
3. Dans l’éditeur de contenu, cliquez sur l’icône add Ajouter dans la barre latérale de gauche.
4. Cliquez pour développer une catégorie de modules, puis cliquez sur un module et faites-le glisser jusqu’à sa position dans votre contenu. Pour rechercher un module, saisissez le nom du module dans le champ de recherche . 
5. Pour ajuster la largeur d'un module, cliquez sur le séparateur vertical entre les colonnes et faites-le glisser jusqu'à la position souhaitée.
6. Pour modifier un module, cliquez sur le module dans votre contenu. 
7. Pour ajouter une copie d’un module à votre contenu, passez le curseur de la souris sur le module et cliquez sur l’icône Cloner le clonduplicate c module.
8. Pour supprimer un module de votre contenu, passez le curseur de la souris sur le module et cliquez sur l’icône Supprimer le delete module. 

Utiliser les sections

Les sections sont des groupes plus importants composés de différents modules. Vous pouvez créer des sections de page réutilisables en faisant glisser des modules sur une mise en page de section vierge. Les développeurs peuvent également créer des sections réutilisables à l’aide de la documentation pour les développeurs. Une fois qu’une section est créée, elle peut être utilisée sur n’importe quelle page utilisant le même thème et prenant en charge la modification par glisser-déposer

Remarque : . Il n'est pas possible de sauvegarder plus de 50 sections réutilisables à la fois. Pour enregistrer une nouvelle section réutilisable, supprimez une section réutilisable existante. 

Créer une section

Vous pouvez créer une section en sélectionnant une mise en page, puis en y ajoutant des modules. 

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
2. Cliquez sur le nom de la page. 
3. Dans l’éditeur de contenu, passez le curseur de la souris sur votre contenu et cliquez sur + Ajouter une section.

4. Dans la boîte de dialogue, cliquez sur Mises en page vierges dans le menu et cliquez pour sélectionner une mise en page.
5. Cliquez sur l’icône add Ajouter dans la barre latérale de gauche. 
6. Cliquez pour développer une catégorie de module, puis cliquez sur un module et faites-le glisser jusqu’à l’emplacement souhaité dans la section. Répétez l’opération pour chaque module de la section. 
7. Lorsque vous avez terminé d’ajouter des modules à la section, passez le curseur de la souris sur la section et cliquez sur l’icône Bas, puis sélectionnez Enregistrer la downCarat section.  
8. Dans la boîte de dialogue, entrez un nom et description pour votre section, puis cliquez sur Enregistrer. 

Remarque : Les sections de pages existantes et celles créées sans mise en page peuvent également être enregistrées en tant que sections réutilisables. 

Ajouter ou supprimer une section

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
2. Cliquez sur le nom de la page.
3. Dans l’éditeur de contenu, passez le curseur de la souris sur votre contenu et cliquez sur + Ajouter une section.

4. Dans la boîte de dialogue, cliquez sur une section. Pour choisir parmi les sections enregistrées, cliquez sur Sections enregistrées dans le menu de gauche et cliquez sur une section enregistrée. 

Remarque : L’ajout d’une section enregistrée contenant des règles intelligentes appliquera ces règles à la section nouvellement ajoutée. Ces sections seront libellées comme suit : Smart. 

5. Pour supprimer une section de votre contenu, placez le curseur sur la section et cliquez sur l’icône Supprimer delete.  Vous pouvez également cliquer sur l’icône siteTreeIcon Contenu . Placez ensuite le curseur sur la section, cliquez sur l’icône en forme d’ellipses ellipsesIcon et sélectionnez Supprimer.
6. Pour supprimer une section de vos sections enregistrées, passez le curseur sur votre contenu et cliquez sur + Ajouter une section. Cliquez ensuite sur Sections enregistrées dans le menu de gauche et cliquez sur l’icône delete Supprimer de la carte de section enregistrée correspondante. Dans la boîte de dialogue, cliquez sur Supprimer.

Contenu stylistique 

Dans l'éditeur de contenu, vous pouvez modifier les options de style, telles que le remplissage et les marges, dans l'onglet Styles de l'éditeur de barres latérales. Vous pouvez modifier les styles des modules et des sections, ainsi que des lignes et des colonnes de contenu.

Les options de style disponibles pour les modules personnalisés et les thèmes sont définies par les développeurs créateurs. Découvrez-en davantage sur les options de style de module et de thème dans la documentation des développeurs. 

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   • Blog: Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre page. 
3. Dans l’éditeur de contenu, cliquez sur un module.
4. Dans l'éditeur de barres latérales, cliquez sur l'onglet Styles . 
5. Pour masquer un élément :
   • Cliquez sur pour développer la section Visibility .
   • Dans la section Hide on this breakpoint , cliquez sur Hide. Par défaut, le module est masqué sur les ordinateurs de bureau et les téléphones portables. 
   • Pour afficher le module uniquement sur les téléphones portables ou les ordinateurs de bureau, cliquez sur l'icône mobile mobile ou desktop desktop en haut de la page. Cliquez sur pour développer la section Visibility . Dans la section Hide on this breakpoint , cliquez sur Show. Le module s'affichera sur le type d'appareil sélectionné, mais sera masqué dans les autres cas. 

6. Pour définir le remplissage et les marges : 
   • Cliquez sur pour développer la section Alignement et espacement , puis cliquez sur Padding ou Margin.

• • Pour ajouter un espacement uniforme sur tous les côtés, cochez la case Appliquer à tous les côtés , puis entrez une valeur en pixels dans n'importe quel champ. 
  • Pour ajouter un rembourrage différent de chaque côté, entrez les valeurs en pixels dans les champs Top, Left, Right, et Bottom .

7. Pour définir l'arrière-plan d'un élément, cliquez sur pour développer la section Arrière-plan , puis sélectionnez une option: 
   • None : supprime toutes les couleurs ou images d'arrière-plan.
   • Couleur : définit une couleur unique comme arrière-plan. Entrez une valeur hexagonale  , ou cliquez sur le sélecteur de couleurs c et sélectionnez une couleur , puis entrez une valeur de transparence . 
   • Image : définissez une image comme arrière-plan. Cliquez sur Upload pour ajouter une image à partir de votre ordinateur, ou cliquez sur Browse images pour sélectionner une image à partir de vos fichiers. 
   • Dégradé : définissez deux couleurs de dégradé pour votre arrière-plan. Cliquez sur le menu déroulant Direction et sélectionnez une direction de gradient . Pour chaque couleur, entrez une valeur hexagonale  , ou cliquez sur le sélecteur de couleurs c et sélectionnez une couleur , puis entrez une valeur de transparence .

Remarque : les options exactes qui apparaissent dans l'onglet Styles peuvent varier, en particulier pour les modules personnalisés. Découvrez-en davantage sur les options de style pour les modules personnalisés dans notre documentation développeurs. 

Gérer votre contenu

Dans l'éditeur de barres latérales, vous pouvez voir un aperçu des sections, lignes, colonnes et modules de votre contenu. Vous pouvez ensuite les renommer, les modifier, les cloner, les supprimer ou les masquer : 

1. Accédez à votre contenu :

   • Pages de site web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
2. Cliquez sur le nom de votre page. 
3. Dans la barre latérale gauche, cliquez sur l'onglet siteTree Contents . 
4. Vous pouvez contrôler les éléments de la page qui sont visibles dans l'éditeur de barres latérales : 
   • Pour n'afficher que les sections de votre page, cliquez sur Réduire tout. Cette opération réduit toutes les lignes, colonnes et modules, de sorte que seules les sections sont visibles dans l'éditeur de barres latérales. 
   • Pour voir tout le contenu de votre page, cliquez sur Développer tout. Cela permet d'afficher toutes les sections, lignes, colonnes et modules dans l'éditeur de barres latérales. 
   • Pour afficher un élément de page ou un conteneur individuel, cliquez sur le signe + plus à côté de son nom.
   • Pour masquer un élément ou un conteneur, cliquez sur le signe - moins à côté de son nom. 

5. Pour modifier, renommer, cloner, supprimer et masquer des éléments de page : 
   • Pour modifier un élément, cliquez sur son nom . 
   • Pour renommer un élément, cliquez sur l’icône en forme d’ellipses ellipses à côté de son nom, puis sélectionnez Renommer [l’élément].  Dans la boîte de dialogue, entrez un nom pour l'élément, puis cliquez sur Enregistrer. 
   • Pour cloner un élément, cliquez sur l’icône en forme d’ellipses ellipses à côté de son nom, puis sélectionnez Cloner. Cela créera une copie exacte de l’élément d’origine à côté. 
   • Pour supprimer un élément, cliquez sur l’icône en forme d’ellipses ellipses à côté de son nom, puis sélectionnez Supprimer. 
   • Pour masquer un module, cliquez sur l'icône hide hide . Cela permet de masquer le module dans l'aperçu du contenu, mais pas dans l'éditeur de barres latérales. Pour afficher un module caché sur la page, cliquez sur l'icône view dispdisplay.