Image

Description

Het Image veld maakt het mogelijk om een afbeelding te uploaden en te selecteren door gebruik te maken van de native WordPress media modal.

Screenhots

Changelog

• Toegevoegde Minimum instelling in versie 5.1.9.
• Toegevoegde Maximum instelling in versie 5.1.9.
• Toegevoegde Allowed File Types instelling in versie 5.1.9.

Settings

• Return Format
  Specificeert het formaat van de geretourneerde gegevens. Kies uit Object (array), URL (string), of ID (integer).

• Voorbeeldgrootte
  De grootte van de WordPress-afbeelding die wordt weergegeven bij het bewerken van waarden.

• Bibliotheek
  Beperkt de selectie van bestanden tot alleen bestanden die zijn geüpload naar dit bericht, of de gehele bibliotheek.

• Minimum
  Voegt uploadvalidatie toe voor minimale breedte in pixels (geheel getal), hoogte in pixels (geheel getal) en bestandsgrootte in MB (geheel getal). De bestandsgrootte kan ook worden ingevoerd als een tekenreeks met de eenheid. bijv. '400KB'.

• Maximum
  Voegt uploadvalidatie voor maximumbreedte, -hoogte en -bestandsgrootte in.

• Toegestane bestandstypen
  Voegt uploadvalidatie voor specifieke bestandstypen in. Voer een door komma’s gescheiden lijst in om aan te geven welke bestandstypen zijn toegestaan of laat deze leeg om alle typen te accepteren.

Template-gebruik

Het veld Afbeelding retourneert een array, een string of een integer waarde, afhankelijk van de ingestelde Return Value.

Afbeelding weergeven (ID)

Dit voorbeeld laat zien hoe de geselecteerde afbeelding wordt weergegeven bij gebruik van het Image ID return-type. Dit voorbeeld gebruikt de wp_get_attachment_image() functie om de HTML van de afbeelding te genereren.

Afbeelding weergeven (array)

Dit voorbeeld laat zien hoe de geselecteerde afbeelding wordt weergegeven bij gebruik van het Image Object retourneertype. Dit retourneertype biedt extra beeldgegevens zoals alt-tekst, bijschrift en afmetingen.

<?php $image = get_field('image');if( !empty( $image ) ): ?> <img src="https://www.advancedcustomfields.com/resources/image/<?php echo esc_url($image); ?>" alt="<?php echo esc_attr($image); ?>" /><?php endif; ?>

Aangepaste weergave (array)

Dit voorbeeld demonstreert hoe een aangepaste grootte van de geselecteerde afbeelding wordt weergegeven bij gebruik van het retourneertype Image Object. Met dit retourneertype hebben we toegang tot extra afbeeldingsgegevens zoals afmetingen, breedte, hoogte en meer.

Afbeelding weergeven (URL)

Dit voorbeeld laat zien hoe de geselecteerde afbeelding wordt weergegeven bij gebruik van het retourneertype Image URL. Dit return type staat ons toe om efficiënt een basis afbeelding weer te geven, maar voorkomt dat we extra data over de afbeelding laden.

<?php if( get_field('image') ): ?> <img src="https://www.advancedcustomfields.com/resources/image/<?php the_field('image'); ?>" /><?php endif; ?>