Bild

Beschreibung

Das Feld „Bild“ ermöglicht das Hochladen und Auswählen eines Bildes über das native WordPress-Medienmodal.

Screenshots

Changelog

• Hinzufügen Minimum in Version 5.1.9.
• Hinzufügen Maximum Einstellung in Version 5.1.9.
• Hinzufügen Allowed File Types Einstellung in Version 5.1.9.

Einstellungen

• Rückgabeformat
  Bestimmt das Format der zurückgegebenen Daten. Wählen Sie zwischen Object (Array), URL (String) oder ID (Integer).

• Preview Size
  Die WordPress-Bildgröße, die beim Bearbeiten von Werten angezeigt wird.

• Bibliothek
  Beschränkt die Dateiauswahl auf Dateien, die zu diesem Beitrag hochgeladen wurden, oder auf die gesamte Bibliothek.

• Minimum
  Fügt eine Upload-Validierung für die Mindestbreite in Pixeln (Ganzzahl), die Mindesthöhe in Pixeln (Ganzzahl) und die Dateigröße in MB (Ganzzahl) hinzu. Die Dateigröße kann auch als String eingegeben werden, der die Einheit enthält. z.B. '400KB'.

• Maximum
  Fügt die Upload-Validierung für maximale Breite, Höhe und Dateigröße hinzu.

• Erlaubte Dateitypen
  Fügt die Upload-Validierung für bestimmte Dateitypen hinzu. Geben Sie eine durch Komma getrennte Liste ein, um anzugeben, welche Dateitypen zulässig sind, oder lassen Sie das Feld leer, um alle Typen zu akzeptieren.

Vorlagenverwendung

Das Feld „Image“ gibt je nach eingestelltem Rückgabewert entweder ein Array, eine Zeichenfolge oder einen Integer-Wert zurück.

Display image (ID)

Dieses Beispiel zeigt, wie das ausgewählte Bild bei Verwendung des Rückgabetyps Image ID angezeigt wird. Dieses Beispiel verwendet die Funktion wp_get_attachment_image(), um den HTML-Code des Bildes zu generieren.

Bild anzeigen (Array)

Dieses Beispiel zeigt, wie das ausgewählte Bild angezeigt wird, wenn der Rückgabetyp Image Object verwendet wird. Dieser Rückgabetyp ermöglicht den Zugriff auf zusätzliche Bilddaten wie Alt-Text, Beschriftung und Größen.

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

Angepasste Anzeige (Array)

Dieses Beispiel zeigt, wie eine angepasste Größe des ausgewählten Bildes angezeigt wird, wenn der Rückgabetyp Image Object verwendet wird. Dieser Rückgabetyp ermöglicht den Zugriff auf zusätzliche Bilddaten wie Größen, Breite, Höhe und mehr.

Bild anzeigen (URL)

Dieses Beispiel zeigt, wie das ausgewählte Bild angezeigt wird, wenn der Rückgabetyp Image URL verwendet wird. Dieser Rückgabetyp ermöglicht die effiziente Anzeige eines einfachen Bildes, verhindert jedoch das Laden zusätzlicher Daten über das Bild.

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