Styles de contenu
Guide pratique | Guide de style | Styles de contenu | Conseils pour l’accessibilité | Blocs de pages
En-tête 1 : Styles de typographie. Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraphe avec le style « intro » appliqué, pour une copie facultative de type introduction plus grande. Ne devrait contenir que quelques lignes et indiquer au lecteur dans quoi il s’apprête à entrer.
Exemple de style de texte de paragraphe. Voici à quoi ressembleront vos paragraphes standard sur l’ensemble du site. Certaines zones peuvent avoir des styles particuliers, mais il s’agit de votre taille de copie standard. Les liens de paragraphes sont conçus de cette manière afin que les utilisateurs puissent les trouver facilement. Vous avez également la possibilité de mettre du texte en gras et en italique. Vous pouvez également insérer des liens pour télécharger des éléments dans votre contenu, « Exemple de titre de document » (PDF), comme ceci. En dessous de ce paragraphe, vous trouverez des exemples de tous les autres styles que vous aurez à votre disposition. Vous disposez également d’une page de guide de style technique qui répertorie toutes les informations importantes sur les tailles, les polices et les couleurs des images. Les autres styles disponibles dans le menu Formats incluent :
Sous-en-tête de style pré-titre
Style En-tête 2 — utilisez des mots clés ou des mots de soutien ici. Ceci est avec emphase sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Sur cette page, vous trouverez des exemples de tous les styles que vous aurez à votre disposition. Une fois votre site terminé, vous disposerez également d’une page technique qui répertorie toutes les informations importantes sur les tailles, les polices et les couleurs des images.
- Il s’agit d’une liste à puces.
- Vous pouvez également créer une liste numérotée (les puces se transformeront en chiffres).
- Vous pouvez également créer des listes à l’intérieur d’une liste.
- Juste comme cela !
- Nous encourageons vivement l’utilisation de listes afin de permettre à l’utilisateur de scanner et de digérer rapidement votre contenu.
- La plupart des utilisateurs du Web sont orientés vers les tâches, donc plus c’est facile, mieux c’est.
- Les longs paragraphes peuvent être fastidieux et intimidants. Écrivez pour le Web !
Bouton principal CTA Bouton fantôme CTA Lien texte CTA
En-tête 3 — utilisez des mots clés ou des mots de soutien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Il est également important de mentionner qu’il ne s’agit que d’une page de référence. Nous ne vous encourageons jamais à utiliser tous ces styles sur une seule page, en même temps. Il s’agit plutôt de votre guide pour tout ce qui est possible. Cette page est votre point de référence pour tous les outils de votre boîte à outils. Les images peuvent non seulement être jointes à l’aide de la fonction de barre latérale de droite, mais elles peuvent également être insérées dans la zone de contenu centrale, comme l’a été l’image de droite. Il est possible d’aligner l’image vers la droite ou vers la gauche, ou d’insérer une image sur toute la largeur de la zone de contenu, sans texte à gauche ou à droite de celle-ci. N’oubliez pas de mettre un peu d’espace au-dessus pour que le texte ne soit pas juste à côté.
Bloquer les options de style de citation. Principalement utilisé dans les blogs ou dans de très longs blocs de texte pour attirer l’attention sur le contenu. Vous pouvez également indenter des blocs de copie à l’aide de la fonction de guillemets ; ils ressembleront à ceci. Comme nous ne sommes pas certains que cette fonctionnalité sera toujours utilisée pour les devis, nous n’ajouterons aucun guillemet ou autre élément de cette nature. Si vous citez réellement quelqu’un, vous pouvez saisir les guillemets manuellement. « Juste comme cela. » Cette fonctionnalité peut couvrir plusieurs paragraphes. Par défaut, il ne sera pas en italique, comme dans cet exemple. Ce style est également appliqué manuellement dans le WYSIWYG et nous vous encourageons à l’utiliser. Essentiellement, l’ajout du style de guillemet pour un bloc permet simplement de mettre le texte en retrait et d’ajouter la ligne que vous voyez sur le côté gauche.
Ces styles intérieurs sont également disponibles lors de la création de contenu pour d’autres pages, comme la rédaction d’un article de blog, d’un article de presse, etc. Ces mêmes styles s’appliqueront à vos en-têtes et à votre corps de texte. Dans l’ensemble, il en va de même pour toutes les zones de contenu ouvertes dans la barre latérale, la page d’accueil, la page de contact, etc.
Style En-tête 4 — utilisé davantage à des fins visuelles et non à des fins de référencement. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Style En-tête 5 – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Nous espérons que vous reviendrez sur cette page lorsque vous travaillerez sur du nouveau contenu ou que vous modifierez du contenu existant. Bien entendu, si vous avez des questions en cours de route, veuillez contacter notre équipe d’assistance à l’adresse help@orbitmedia.com
Règle horizontale (voir la ligne ci-dessus). Outre l’En-tête 6 ci-dessous, il s’agit de notre dernier exemple d’élément. Merci beaucoup et bonne création !
Style En-tête 6 — ne devrait pas être utilisé souvent. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
En-tête 1 : Styles de typographie. Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Paragraphe avec le style « intro » appliqué, pour une copie facultative de type introduction plus grande. Ne devrait contenir que quelques lignes et indiquer au lecteur dans quoi il s’apprête à entrer.
Exemple de style de texte de paragraphe. Voici à quoi ressembleront vos paragraphes standard sur l’ensemble du site. Certaines zones peuvent avoir des styles particuliers, mais il s’agit de votre taille de copie standard. Les liens de paragraphes sont conçus de cette manière afin que les utilisateurs puissent les trouver facilement. Vous avez également la possibilité de mettre du texte en gras et en italique. Vous pouvez également insérer des liens pour télécharger des éléments dans votre contenu, « Exemple de titre de document » (PDF), comme ceci. En dessous de ce paragraphe, vous trouverez des exemples de tous les autres styles que vous aurez à votre disposition. Vous disposez également d’une page de guide de style technique qui répertorie toutes les informations importantes sur les tailles, les polices et les couleurs des images. Les autres styles disponibles dans le menu Formats incluent :
Sous-en-tête de style pré-titre
Style En-tête 2 — utilisez des mots clés ou des mots de soutien ici. Ceci est avec emphase sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Sur cette page, vous trouverez des exemples de tous les styles que vous aurez à votre disposition. Une fois votre site terminé, vous disposerez également d’une page technique qui répertorie toutes les informations importantes sur les tailles, les polices et les couleurs des images.
- Il s’agit d’une liste à puces.
- Vous pouvez également créer une liste numérotée (les puces se transformeront en chiffres).
- Vous pouvez également créer des listes à l’intérieur d’une liste.
- Juste comme cela !
- Nous encourageons vivement l’utilisation de listes afin de permettre à l’utilisateur de scanner et de digérer rapidement votre contenu.
- La plupart des utilisateurs du Web sont orientés vers les tâches, donc plus c’est facile, mieux c’est.
- Les longs paragraphes peuvent être fastidieux et intimidants. Écrivez pour le Web !
Bouton principal CTA Bouton fantôme CTA Lien texte CTA
En-tête 3 — utilisez des mots clés ou des mots de soutien ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Il est également important de mentionner qu’il ne s’agit que d’une page de référence. Nous ne vous encourageons jamais à utiliser tous ces styles sur une seule page, en même temps. Il s’agit plutôt de votre guide pour tout ce qui est possible. Cette page est votre point de référence pour tous les outils de votre boîte à outils. Les images peuvent non seulement être jointes à l’aide de la fonction de barre latérale de droite, mais elles peuvent également être insérées dans la zone de contenu centrale, comme l’a été l’image de droite. Il est possible d’aligner l’image vers la droite ou vers la gauche, ou d’insérer une image sur toute la largeur de la zone de contenu, sans texte à gauche ou à droite de celle-ci. N’oubliez pas de mettre un peu d’espace au-dessus pour que le texte ne soit pas juste à côté.
Bloquer les options de style de citation. Principalement utilisé dans les blogs ou dans de très longs blocs de texte pour attirer l’attention sur le contenu. Vous pouvez également indenter des blocs de copie à l’aide de la fonction de guillemets ; ils ressembleront à ceci. Comme nous ne sommes pas certains que cette fonctionnalité sera toujours utilisée pour les devis, nous n’ajouterons aucun guillemet ou autre élément de cette nature. Si vous citez réellement quelqu’un, vous pouvez saisir les guillemets manuellement. « Juste comme cela. » Cette fonctionnalité peut couvrir plusieurs paragraphes. Par défaut, il ne sera pas en italique, comme dans cet exemple. Ce style est également appliqué manuellement dans le WYSIWYG et nous vous encourageons à l’utiliser. Essentiellement, l’ajout du style de guillemet pour un bloc permet simplement de mettre le texte en retrait et d’ajouter la ligne que vous voyez sur le côté gauche.
Ces styles intérieurs sont également disponibles lors de la création de contenu pour d’autres pages, comme la rédaction d’un article de blog, d’un article de presse, etc. Ces mêmes styles s’appliqueront à vos en-têtes et à votre corps de texte. Dans l’ensemble, il en va de même pour toutes les zones de contenu ouvertes dans la barre latérale, la page d’accueil, la page de contact, etc.
Style En-tête 4 — utilisé davantage à des fins visuelles et non à des fins de référencement. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Style En-tête 5 – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Nous espérons que vous reviendrez sur cette page lorsque vous travaillerez sur du nouveau contenu ou que vous modifierez du contenu existant. Bien entendu, si vous avez des questions en cours de route, veuillez contacter notre équipe d’assistance à l’adresse help@orbitmedia.com
Règle horizontale (voir la ligne ci-dessus). Outre l’En-tête 6 ci-dessous, il s’agit de notre dernier exemple d’élément. Merci beaucoup et bonne création !
Style En-tête 6 — ne devrait pas être utilisé souvent. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.