X

Liens vers toutes les tailles d’images Style Flickr

Snippets by IsItWP

Voulez-vous créer automatiquement un lien vers toutes les tailles d’images ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour créer un lien vers toutes les tailles d’images à la manière de Flickr dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

function my_get_image_size_links() {
	if ( !wp_attachment_is_image( get_the_ID() ) )
		return;
	$links = array();
	$sizes = get_intermediate_image_sizes();
	$sizes[] = 'full';

	foreach ( $sizes as $size ) {
		$image = wp_get_attachment_image_src( get_the_ID(), $size );

		if ( !empty( $image ) && ( true == $image[3] || 'full' == $size ) )
			$links[] = "<a class='image-size-link' href='{$image[0]}'>{$image[1]} &times; {$image[2]}</a>";
	}
	return join( ' <span class="sep">/</span> ', $links );
}

Ajoutez cet extrait de code au fichier image.php ou attachment.php de votre thème WordPress.

<?php if ( wp_attachment_is_image( get_the_ID() ) ) { ?>
	<div class="image-meta">
		<?php printf( __( 'Sizes: %s', 'example-textdomain' ), my_get_image_size_links() ); ?>
	</div>
<?php } ?>

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 50+ meilleurs thèmes WooCommerce et comment créer un formulaire de don sur WordPress.

Commentaires   laisser une réponse

  1. not work aniway

  2. Thanks for this snippet – works great! I’m trying to display only certain images sizes but had no success so far. Any hint how to do that?

    Also I’d like to show these links on the single post template…
    Cheers,
    Thomas

    1. Hi Thomas, well $sizes is an array you could add a statement within foreach to only display specific sizes.

      1. Ok, I see, thanks! And regarding the display on the single post template?

        Cheers,
        Thomas

        1. you can create a page template see link for details. Then you can add above code to template file. http://codex.wordpress.org/Pages

  3. This is awesome!! love this..!

    1. Cool glad to hear it. 

  4. S.K. (Insfired) mai 25, 2011 à 2:43 pm

    Kevin, I was looking for something like this a few weeks ago and gave up after not finding a simple solution for a code-dummy like me. Lucky to have stumbled across your blog though, gonna go try it! =)

    1. cool glad I could help out! don’t forget to follow us I post new snippets daily!

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !