Sjabloon:BB Hero: verschil tussen versies

Huidige versie van 19 jun 2024 om 08:06

This is the "BB Hero" template.

{{BB Hero
|heading=
|lead text=
|summary=
|imagename=
|button text=
|button link=
|contact button text=
|contact button link=
}}

Bouwblok banner - variant a

Sjabloonparameters
Voor dit sjabloon heeft het de voorkeur de parameters als blok te rangschikken.
Parameter		Beschrijving	Type	Status
Titel	`heading`	geen beschrijving	Tekenreeks	vereist
Samenvatting	`summary`	geen beschrijving	Tekenreeks	vereist
Knop pagina link	`button link`	geen beschrijving	Paginanaam	vereist
Knop tekst	`button text`	geen beschrijving	Tekenreeks	vereist
Contact knop link	`contact button link`	geen beschrijving	Paginanaam	vereist
Contact knop text	`contact button text`	geen beschrijving	Tekenreeks	vereist
Afbeelding	`imagename`	geen beschrijving	Bestand	vereist

@@ Regel 1: / Regel 1: @@
 <noinclude>
 [[Category:BB]]
-This is the "Hero A" template.
+[[Category:EMont core]]
-</noinclude><includeonly>
+This is the "BB Hero" template.
-  <div class="section  hero  bg-primary pt-xxl  pb-xxl">
+<pre>
-    <div class="limit-12">
+{{BB Hero
-      <div class="row row-default ai-c">
+|heading=
-        <div class="col  col-m-6  mb-s-m">
+|lead text=
-          <h1 class="c-white  h2">{{{?Heading|}}}</h1>
+|summary=
-          <p class="lead c-white">{{{?Summary|}}}</p>
+|imagename=
-          <p class="c-white">{{{?Summary|}}}</p>
+|button text=
-          <div>
+|button link=
-            <div class="mw-btn  mw-btn-diap  d-ib mr-s mb-xs">[[{{#explode:{{{userparam}}}|,|1}}|{{#explode:{{{userparam}}}|,|0}}]]</div>
+|contact button text=
-            <div class="mw-btn  mw-btn-ghostdiap d-ib">[[{{#explode:{{{userparam}}}|,|3}}|{{#explode:{{{userparam}}}|,|2}}]]</div>
+|contact button link=
-          </div>
+}}
+</pre>
-        </div>
+</noinclude><includeonly><!--
-        <div class="col  col-m-6"><div class="img-border">
+--><div class="section o-v hero hero--fullwidth  bg-primary pt-xxl pb-xxl">
-[[File:{{#if:{{{?Imagename|}}}|{{{?Imagename|}}}|image-landscape-white.png}}|link=|frameless]]
+<div class="limit-12">
+<div class="row row-default ai-c">
-</div></div>
+<div class="col col-m-6 mb-s-m">
-      </div>
+<h1 class="c-white">{{{heading|}}}</h1>
-    </div>
+<p class="c-white h2 fw-b">{{{lead text|}}}</p>
-  </div>
+<p class="c-white">{{{summary|{{#show: {{PAGENAME}}|?Summary}} }}}</p>
-</includeonly>
+<div>
+<div class="mw-btn  mw-btn-diap  d-ib mr-s mb-xs">[[{{{button link|}}}|{{{button text|}}}]]</div>
+<div class="mw-btn  mw-btn-ghostdiap d-ib">[[{{{contact button link|}}}|{{{contact button text|}}}]]</div>
+</div>
+</div>
+<div class="col  col-m-6"><div class="img-border">[[File:{{#if:{{{imagename|}}}|{{{imagename|}}}|image-landscape-white.png}}|link=]]</div>
+</div>
+</div>
+</div>
+</div><!--
+--></includeonly>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"heading": {
+			"label": {
+				"nl": "Titel",
+				"en": "Heading"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "string"
+		},
+		"summary": {
+			"label": {
+				"nl": "Samenvatting",
+				"en": "Summary"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "string"
+		},
+		"button link": {
+			"label": {
+				"nl": "Knop pagina link",
+				"en": "Button link"
+			},
+			"type": "wiki-page-name",
+			"required": true,
+			"suggested": true
+		},
+		"button text": {
+			"label": {
+				"nl": "Knop tekst",
+				"en": "Button text"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "string"
+		},
+		"contact button link": {
+			"label": {
+				"nl": "Contact knop link",
+				"en": "Contact button link"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "wiki-page-name"
+		},
+		"contact button text": {
+			"label": {
+				"nl": "Contact knop text",
+				"en": "Contact button text"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "string"
+		},
+		"imagename": {
+			"label": {
+				"nl": "Afbeelding",
+				"en": "Image"
+			},
+			"required": true,
+			"suggested": true,
+			"type": "wiki-file-name"
+		}
+	},
+	"format": "block",
+	"description": "Bouwblok banner - variant a"
+}
+</templatedata>
+</noinclude>