web-dev-qa-db-fra.com

obtenir une taille d'image personnalisée

Dans un post, je veux placer une image personnalisée. Comment puis-je placer une vignette avec un lien vers l'image d'origine? ci-dessous est mon code actuel.

<a href="[site_url]/wp-content/uploads/GABON-Leopard-Gas-Discovery-1x1.jpg"><img class="alignright size-medium wp-image-5435" src="[site_url]/wp-content/uploads/GABON-Leopard-Gas-Discovery-1x1-200x112.jpg" alt="GABON-Leopard-Gas-Discovery-1x1" width="288" height="288" /></a>

J'ai dû mettre manuellement -200x112. Y a-t-il un moyen plus facile de faire cela?

1
shorif2000

Si vous connaissez l'ID de l'image:

wp_get_attachment_image( $image->ID, array(200, 112) );

retourne un élément HTML img ou une chaîne vide en cas d'échec. Le code entier pourrait être quelque chose comme:

<a href="<?= get_attachment_link( '5435' ); ?>">
   <?= wp_get_attachment_image( '5435', array(200, 112) ); ?>
</a>
3
skim-

En utilisant la fonction wp_get_attachment_image_src (), obtenez l'URL d'origine de la vignette

if ( has_post_thumbnail() ) {
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
$image = $image_url[0];

}

Ajoutez ensuite l'URL de l'image à votre code personnalisé

<a href="<?php echo $image; ?>"><img class="alignright size-medium wp-image-5435" src="<?php echo $image; ?>" alt="GABON-Leopard-Gas-Discovery-1x1" width="288" height="288" /></a>

Je pense que ça va marcher

1
Amit Mishra