Imagen destacada en nuestras publicaciones

Imagen destacada en nuestras publicaciones

A la hora de crear nuestro nuevo theme para wordpress, nos daremos cuenta de que en nuestro panel de administración faltan cosas en comparación con las plantillas que vienen predeterminadas.

En la pasada publicación expliqué como activar la opción de menú e incorporar un menú a nuestro theme. Pueden ser más, pero eso quizás lo explique en otra publicación más adelante.

En ésta publicación os explicaré cómo activar la opción de imagen destacada en nuestras publicaciones e incorporarlas al blog. Realmente sólo son unas pocas líneas de código php, como vamos a ver a continuación.

Como os podéis imaginar, lo primero es abrir el fichero functions.php. Aquí agregaremos las siguientes líneas de código php:

if ( !function_exists ('cdw_imagendestacada') {
   function cdw_imagendestacada () {
      add_theme_support ( 'post_thumbnails' );
   }
 
  add_action ( 'init', 'cdw_imagendestacada' );

}

Parece fácil ¿verdad?. Y es por que realmente es muy sencillo. Como siempre una función que llame a add_theme_support, y el correspondiente hook de wordpress. Si ahora te vas al panel de administración de wordpress y abres una nueva publicación -o una que ya tengas publicada- te darás cuenta que la opción de imagen destacada, que antes no aparecía, ahora si que está presente.

¿Hemos terminado?. ¡Pues no!, aún nos queda algo más que hacer. Nos iremos a nuestro fichero index.php ( o front-page.php, ya recordarás que hablé sobre esto ). Donde hay que mostrar la imagen ( busca el tag <img … ) y sustituyelo por éste fragmento de código en php que, como apreciarás, tiene alguna similitud con el bucle de wordpress:

<a href="<?php the_permalink (); ?>">
<?php
   if ( has_post_thumbnail ()) : 
     the_post_thumbnail ( 'post_thumbnails', 
                 array ( 'class' => 'img-fluid' ));
?>
</a>

<?php endif; ?>

En éste código hacemos una llamada a través de una condicional para comprobar si hay alguna imagen destacada en nuestra publicación. Si así es, entonces se hace una llamada a la función the_post_thumbnails que tendrá dos argumentos:

¿Recuerdas el argumento que le pusimos a add_theme_support en el fichero function?. Pues ese será precisamente el argumento que llevará esta función.

Ahora, seguramente la imagen destacada podrá llevar asociada alguna clases que perfilen su aspecto en el blog. ¿Sabes como hacerlo?. ¡Efectivamente!, con un array asociativo. Puedes consultar la página oficial de wordpress para ver cuáles y cuántos argumentos pueden ponerse.

Con ésto terminamos el tema de las imágenes destacadas. Espero vuestos comentarios y vuestras aportaciones.

No Comments

Post a Comment