X

Enlaces a todos los tamaños de imagen Estilo Flickr

Snippets by IsItWP

¿Quieres enlazar automáticamente a todos los tamaños de imagen? Aunque probablemente exista un plugin para ello, hemos creado un rápido fragmento de código que puedes utilizar para enlazar a todos los tamaños de imagen al estilo Flickr en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

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 );
}

Añade este fragmento de código al archivo de plantilla image.php o attachment.php de tu tema de 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 } ?>

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 50+ mejores temas de WooCommerce y cómo crear un formulario de donación en WordPress.

Comentarios   Deja una respuesta

  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) mayo 25, 2011 en 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!

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!