Bild

Beskrivning

Fältet Bild gör att en bild kan laddas upp och väljas med hjälp av den ursprungliga WordPress media-modalen.

Screenshots

Kungörelser

• Inställningen Minimum lades till i version 5.1.9.
• Inställningen Maximum har lagts till i version 5. 1.9.
• Inställningen Allowed File Types har lagts till i version 5. 1.9.

Inställningar

• Returneringsformat
  Specificerar formatet för de returnerade uppgifterna. Välj mellan Object (array), URL (sträng) eller ID (heltal).

• Preview Size
  Den WordPress-bildstorlek som visas när du redigerar värden.

• Bibliotek
  Begränsar filurvalet till endast de filer som har laddats upp till det här inlägget eller hela biblioteket.

• Minimum
  Lägger till uppladdningsvalidering för minsta bredd i pixlar (heltal), höjd i pixlar (heltal) och filstorlek i MB (heltal). Filstorleken kan också anges som en sträng som innehåller enheten, t.ex. '400KB'.

• Maximum
  Tillägger uppladdningsvalidering för maximal bredd, höjd och filstorlek.

• Allowed File Types
  Tillägger uppladdningsvalidering för specifika filtyper. Ange en kommaseparerad lista för att ange vilka filtyper som tillåts eller lämna tomt för att acceptera alla typer.

Mallanvändning

Fältet Bild returnerar antingen en matris, en sträng eller ett heltalsvärde beroende på inställt Returvärde.

Visardera bild (ID)

Det här exemplet visar hur du visar den valda bilden när du använder returtypen Image ID. Exemplet använder funktionen wp_get_attachment_image() för att generera HTML-bilden.

Display image (array)

Det här exemplet visar hur du visar den valda bilden när du använder returtypen Image Object. Den här returtypen innehåller extra bilddata som alt-text, bildtext och storlekar.

<?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; ?>

Anpassad visning (array)

Det här exemplet visar hur du visar en anpassad storlek på den valda bilden när du använder returtypen Image Object. Med den här returtypen kan vi få tillgång till extra bilddata som storlekar, bredd, höjd med mera.

Display image (URL)

Det här exemplet visar hur du visar den valda bilden när du använder returtypen Image URL. Den här returtypen gör det möjligt att visa en grundläggande bild på ett effektivt sätt, men förhindrar att vi laddar in extra data om bilden.

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