Cómo usar las miniaturas con los enlaces de las publicaciones anteriores y siguientes en WordPress

Uno de nuestros usuarios nos preguntó en nuestra página de Facebook: Cómo usar las miniaturas para la navegación anterior/siguiente en WordPress. Las funciones next_post_link y previous_post_link no tienen un parámetro en miniatura lo suficientemente simple como para que un nuevo desarrollador pueda simplemente activarlo y desactivarlo. En este artículo, le mostraremos cómo usar las miniaturas de las entradas con enlaces de entradas anteriores y siguientes en WordPress.

El resultado final se vería así:

Lo primero que debe hacer es abrir el archivo single.php de su tema y añadir el siguiente código dentro del bucle, probablemente después del área_content():

12345678910111213141516 «cooler-nav «>>ID, array(100,100));?><?php previous_post_link('%link',"$prevthumbnail 

%título

» DIFUNDE LA PALABRA-} siguientePost= get_next_post(true);if($nextPost) { ?>>ID, array(100,100)); } ?><?php next_post_link('%link',"$nextthumbnail 

%título

«, VERDAD); ?>>

Lo siguiente que necesita hacer es abrir su archivo style.css y agregar los siguientes estilos:

123456#cooler-nav{clear: ambos; altura: 100px; margen: 0070px;}#cooler-nav.nav-box{background: #e9e9e9e9; acolchado: 10px;}#cooler-nav img{float: left; margin: 010px00;}#cooler-nav p{margin: 010px; font-size: 12px; vertical-align: middle;}#cooler-nav.anterior{float: left; vertical-align: middle; width: 250px; height: 100px;}#cooler-nav.next: right; width: 250px;}}.

Siéntete libre de cambiar el estilo para que coincida con tu tema. A menudo a nuestros usuarios les gusta estilizar el código, por lo que les resulta más fácil modificarlo. Esto es sólo un estilo básico que usted debería ser capaz de personalizar fácilmente.

Si desea cambiar el tamaño de las miniaturas, entonces simplemente cambie el array (100.100) a lo que desee.

Fuente: itsbarry

Deja un comentario