Champs personnalisés avancés
J'utilise le plug-in Champs personnalisés avancés pour ajouter une option de téléchargement d'image à une page, mais je me demande s'il existe un moyen pour que, lorsque je le sors sur un thème avec <img src="<?php the_field('add_image'); ?>"/>, il n'est pas en taille réelle, il est rogné ou défini. à l’une des tailles de média prédéfinies wordpress. À l'heure actuelle, il affiche l'image en taille réelle. Par conséquent, à moins que j'apprenne à mon utilisateur à rogner et à redimensionner des images, cela ne semble pas fonctionner pour moi.
Merci d'avance.
Dans Advanced Custom Fields, dans l'écran de modification de champ dans lequel vous avez ajouté les champs requis et les avez affectés à des écrans de post-édition, avez-vous choisi une URL d'image ou un ID de pièce jointe pour le champ d'image? On dirait que vous l'avez définie en tant qu'URL d'image, qui renvoie simplement l'URL du fichier téléchargé à l'origine, comme vous l'avez découvert.
Le site Web Advanced Custom Fields où se trouve la documentation contient une page d’exemples de code et une section traitant de l’utilisation de l’ID de pièce jointe.
Voir ci-dessous un exemple de code tiré de la page d'exemple de code ici .
<?php $image = wp_get_attachment_image_src(get_field('add_image'), 'full'); ?>
<img src="<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('add_image')) ?>" />
J'ai changé le nom des champs en celui de ceux que vous avez fournis dans votre question. Donc changez le champ média en ID pièce jointe et vous pourrez utiliser le code ci-dessus.
Je suppose que vous savez comment changer le champ pour utiliser l'ID de pièce jointe, mais si ce n'est pas le cas , cette page contient des captures d'écran du champ d'image et explique tout pour vous.
L'image ci-dessous provient du lien de la documentation sur les champs d'image ACF, qui apparaît clairement à côté de l'étiquette "valeur de retour" URL de l'image ou ID de pièce jointe.
Les nouvelles versions d'ACF prennent désormais en charge les tailles d'image personnalisées définies dans votre fichier de fonctions. Lors de la création du champ personnalisé, vous verrez maintenant une liste qui inclut les tailles d'image personnalisées définies, même avec l'option URL de l'image sélectionnée.