Añade miniaturas a la portada de tu Theme

Si tienes un theme que muestra extractos, o incluso si estás creando uno desde cero, una opción que está muy de moda últimamente es añadir miniaturas a la portada, para mostrarlo con un aspecto de diario digital, de theme premium. Pues bien, si tu theme no incluye esta opción puedes añadirla tu mismo, tendrás que seguir esta pequeña guía.

theme-con-miniaturas

Editando index.php

Lo primero es localizar donde empieza la “llamada” a los posts, que en el theme ‘Default’ de WordPress sería aquí:

Justo después de ese código, y antes del siguiente:

tienes que añadir esto otro:

Lo que le estás diciendo es que si en los campos personalizados de un post encuentra el valor “miniatura”, usando la clase “miniatura”, introduzca esa imagen en un tamaño de 90 pixels.

Dando estilo

Como has visto antes llamábamos a la clase “miniatura”, pero claro … hay que crearla. Añadiremos estas líneas al fichero 'style.css' de tu plantilla activa:

En este caso estamos poniendo la miniatura a la izquierda del texto y con una separación del mismo de 6 pixels que, por supuesto, puedes modificar a tu gusto.

¡A jugarrrrr!

Pues ya lo tienes, la estructura de tu theme ya está preparada para insertar miniaturas desde los campos personalizados, y aplicarles el estilo que hayas definido. Ahora solo queda que cuando crees un nuevo post hagas lo siguiente:

  1. Tras crear tu post (o antes, a gusto del consumidor) ve al área llamada “Campos personalizados” y añade una nueva clave llamada – ¿lo adivinas? – “miniatura”. Esto es solo la primera vez, a partir de este primer posts con miniaturas verás la clave ya disponible en el desplegable.
  2. Sube tu imagen, la que quieras colocar como miniatura, y copia la URL absoluta de la misma
  3. Pega la URL de la imagen en el campo llamado “Valor”

Guarda tu post y verás la miniatura a la izquierda del texto en tu portada, ya sea en extractos o post completo.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (sin valoración aún)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar