Utilisation de feuilles de style dans des objets

Stylesheets can be used to format the design of HCL Web Content Manager pages in the same way as normal web pages.

Création et référencement d'éléments de feuille de style

Les éléments de feuille de style peuvent être stockés uniquement dans des composants de feuille de style.

Pour lier un composant de feuille de style à un modèle de création donné, vous devez sélectionner ce composant comme feuille de style par défaut dans ce modèle de création.

Pour lier un composant de feuille de style à une zone de site ou à un objet de contenu spécifiques, vous devez ajouter un élément de référence de composant à la zone de site ou à l'objet de contenu et sélectionner un composant de feuille de style.

Référencement d'un élément de feuille de style dans un modèle de présentation

Les éléments de feuille de style sont référencés dans la section "header" d'un modèle de présentation à l'aide d'une balise d'élément de style ou d'une balise de composant.

Tableau 1. Référencement d'un élément de feuille de style dans un modèle de présentation
Détails	Exemple de code
Pour utiliser la feuille de style qui est spécifiée dans le modèle de création de l'objet de contenu en cours, vous devez utiliser une balise `<styleElement>`.	<HTML> <HEAD> <styleElement source="template"/> </HEAD> <BODY></BODY> </HTML>
Pour utiliser la feuille de style qui est sélectionnée dans un élément de référence de composant stocké dans la zone de site ou l'objet de contenu en cours, vous devez utiliser une balise `<styleElement>`.	<HTML> <HEAD> <styleElement source="path" name="component reference name"/> </HEAD> <BODY></BODY> </HTML>
Pour utiliser une feuille de style spécifique, vous devez utiliser une balise `<component>`.	<HTML> <HEAD> <component name="stylesheet component name"/> </HEAD> <BODY></BODY> </HTML>

Lors du rendu du contenu Web, les références aux composants de feuille de style sont rendues sous forme de liens de feuilles de styles externes :

<HTML>
<HEAD>
<link href="stylesheet" media="media-type" rel="styleheet-type" type="text">
</HEAD>
<BODY></BODY>
</HTML>

Utilisation de styles dans des balises HTML

Les styles utilisés en HTML sont stockés dans des modèles de présentation et des conceptions d'élément, de la même façon que pour le HTML standard. Le style doit être contenu dans la feuille de styles qui est référencée dans le modèle de présentation utilisé pour afficher le HTML.

Par exemple, pour ajouter une classe nommée "wcm" à une balise d'en-tête :

<H1 class="wcm">Heading</H1>

Utilisation de styles dans des balises de contenu Web

Les feuilles de style peuvent être utilisées pour formater le style du contenu extrait à l'aide des balises Web Content Manager. Le style doit être contenu dans la feuille de style qui est référencée dans le modèle de présentation utilisé pour afficher la balise Web Content Manager.

Par exemple, pour formater les liens d'un menu à l'aide d'une classe de feuille de style nommée "wcm", utilisez la balise de marque de réservation suivante :

<a href="<placeholder tag="href" />" class="wcm"><placeholder tag="name" /></a>