Afbeeldingsveld

Het image veld slaat één beheerd afbeeldingsbestand op.

Het beste voor

• hero-afbeeldingen
• kaart-miniaturen
• logo's
• auteurfoto's
• sectieafbeeldingen

Voorbeeldschema

{ "name": "heroImage", "label": "Hero Image", "type": "image" }

Sjabloongebruik

<img src="{heroImage.webp}" alt="{heroImage.description}">

Gebruik voor hero-stijl:

{{#if heroImage}}
  <figure class="hero-media">
    <img src="{heroImage.width(1200).webp}" alt="{heroImage.description}">
  </figure>
{{/if}}

Gebruik het wanneer

Gebruik image wanneer de sectie één primair beheerd beeld nodig heeft.

Gebruik het niet wanneer

Gebruik image niet wanneer:

• de sectie meerdere beelden nodig heeft
• het bestand downloadbaar moet zijn in plaats van weergegeven

Gebruik in plaats daarvan images of file.

Technische opmerkingen

• koppel afbeeldingsvelden aan een gerelateerd tekstveld wanneer de sectie een expliciet onderschrift of label nodig heeft
• behandel de afbeelding als één primair bestand, niet als een contentmodel met meerdere items
• bescherm optionele afbeeldinguitvoer met {{#if}} om lege mediacontainers te voorkomen
• gebruik images of repeater als elk beeld zijn eigen begeleidende tekst of metadata nodig heeft
• velden voor enkele afbeeldingen ondersteunen veldspecifieke helpers zoals {heroImage.raw}, {heroImage.webp}, {heroImage.width(N)}, en {heroImage.description}
• deze afkorting is specifiek voor het Component field contract; afbeeldingsobjecten afkomstig van pagina- of lijstcontext gebruiken meestal object-stijl Facet-ketens die eindigen op .url

Gerelateerd

• Afbeeldingen
• Bestand
• Herhaler