Inicio > Wordpress > Añadir o Activar Imagen Destacada o Thumbnails en WordPress

Añadir o Activar Imagen Destacada o Thumbnails en WordPress

Si queremos añadir una Imagen Destacada o Thumbnais en WordPress deberemos activarlos en el archivo functions.php de nuestro tema con el siguiente código.

if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' );

Una vez añadimos el codigo al archivo de funciones tendremos la acción activada por lo que nos saldrá en la parte derecha de la entrada para añadir  o agregar la imagen que más nos guste.

imagendestacada

Seleccionaremos Establecer imagen destacada y navegaremos por nuestra sección multimedia en busca de la imagen deseada, o añadiremos una nueva y seleccionaremos a Usar como imagen destacada

agregardestacada

Una vez listo tenemos varias funciones para imprimir la imagen en la plantilla post .

has_post_thumbnail();
the_post_thumbnail();
get_post_thumbnail_id();
get_the_post_thumbnail();

La función mas usada es the_post_thumbnail, donde le podremos dar el tamaño y atributos (opcional este ultimo) entre ellos tenemos

<?php the_post_thumbnail( $size, $attr ); ?>  

the_post_thumbnail('thumbnail'); // Thumbnail (default 150px x 150px max)
the_post_thumbnail('medium'); // Medium resolution (default 300px x 300px max)
the_post_thumbnail('large'); // Large resolution (default 640px x 640px max)
the_post_thumbnail('full'); // Full resolution (original size uploaded)
the_post_thumbnail( array(100,100) ); // Other resolutions

  1. 6 diciembre 2016 a las 04:10

    alguien me sabria decir como agregar mas de dos fotos destacadas, si necesidad de usar plugins? gracias

  2. raquel
    8 mayo 2014 a las 18:44

    Hola, mi problema es que al agregar la imagen
    no me aparecen las opciones de tamaño.

    el codigo de functions.php es:
    if ( function_exists( ‘add_theme_support’ ) ) {
    add_theme_support( ‘post-thumbnails’ );//Agrega soporte
    add_image_size( ‘header-thumbnail’, 730, 240, true );
    }
    y para llamarlo uso:
    if ( has_post_thumbnail() ) {
    the_post_thumbnail();
    }

    alguna idea de que puede pasar?

  3. 22 octubre 2013 a las 23:22

    Hola, tengo un problema y agregue el código y me sale para asignar la imagen destacada, pero cuando voy a mi sitio me aparece dañada la imagen.

  1. 27 agosto 2016 a las 01:17
  2. 17 agosto 2016 a las 09:12
  3. 11 agosto 2016 a las 13:38
  4. 4 junio 2016 a las 17:21
  5. 11 julio 2015 a las 16:19

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: