« Modèle:Hp-highlight » : différence entre les versions

Version du 30 juin 2022 à 15:56

This is the "Hp-highlight" template, used to create "highlights" on the Homepage.

To create Hp-highlights using this template, use the dedicated form page

Alternatively, you can call this template in the following format:

{{Hp-highlight
|title=
|subtitle=
|image=
|text=
|btn-text=
|link=
|text2=
|btn-text2=
|link2=
}}

Edit the page to see the template text.

This is the "Hp-highlight" template, used to create "highlights" on the Homepage. Details on its parameters

Paramètres du modèle[Modifier les données du modèle]
Paramètre		Description	Type	État
Title	`title`	Title of the highlight Exemple Electrical Fire Prevention	Inconnu	obligatoire
Subtitle	`subtitle`	Subtitle of the highlight Exemple White paper	Chaîne	obligatoire
Image	`image`	The image to show in this highlight (recommended size = 200x270px) Exemple help-section-doc.png	Fichier	obligatoire
Text	`text`	Text giving details about this highlight	Wikicode non équilibré	suggéré
Button or link text	`btn-text`	The text of the link/button Exemple Donwload the guide	Chaîne	obligatoire
Link	`link`	Link of the Call To Action (can be a wiki page name or an external url) Exemple http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/	Chaîne	obligatoire
Text2	`text2`	Optional second CTA - Text	Wikicode non équilibré	suggéré
2nd Button or 2nd link text	`btn-text2`	Optional second CTA - Text of the link/button Exemple Donwload the guide	Chaîne	suggéré
Link2	`link2`	Optional second CTA - link (can be a wiki page name or an external url) Exemple http://www.schneider-electric.com/en/download/document/9982095_02-08-17A_EN/	Chaîne	suggéré

@@ Ligne 1 : / Ligne 1 : @@
-__NOEDITSECTION__<includeonly>{{#default_form:Hp-highlight}}<div class="col-xs-12 col-sm-6 highlight-section-block">
+__NOEDITSECTION__<includeonly>{{#default_form:Hp-highlight}}<div class="col-12 col-md-6 highlight-section-block">
 <h3>{{{title}}}</h3>
-<h4 class="subtitle>{{{subtitle}}}</h4>
+<h4 class="subtitle">{{{subtitle}}}</h4>
 <div class="row">
-<div class="col-sm-12 col-md-5">
+<div class="col-12 col-lg-5">
-[[file:{{{image}}}|class=img-responsive|link={{{link|}}}]]
+[[file:{{{image}}}|class=img-fluid|link={{{link|}}}]]
 </div>
-<div class="col-sm-12 col-md-7">
+<div class="col-12 col-lg-7">
 {{{text}}}
 <p class="highlight-link">{{#ifeq: {{#sub:{{{link}}}|0|4}} | http |[{{{link}}} <span class="btn btn-primary">{{{btn-text}}}</span>] | [[{{{link}}}|> {{{btn-text}}} ...]]}}</p><!--