Cómo Usar Miniaturas Con Enlaces De Publicaciones Anteriores Y Siguientes En Wordpress

Cómo usar miniaturas con enlaces de 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 de la publicación anterior / siguiente en WordPress. Las funciones next_post_link y previous_post_link no tienen una configuración de mosaico lo suficientemente simple como para que un nuevo desarrollador pueda activar y desactivar. En este artículo, le mostraremos cómo usar miniaturas de publicaciones con enlaces de publicaciones 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 agregar el siguiente código en el ciclo, probablemente después de zone_content ():

Lo siguiente que debe hacer es abrir su archivo style.css y agregar los siguientes estilos: # cooler-nav {clear: both; altura: 100px; margin: 0 0 70px;} # cooler-nav .nav-box {background: # e9e9e9; padding: 10px;} # cooler-nav img {float: left; margin: 0 10px 0 0;} # cooler-nav p {margin: 0 10px; tamaño de fuente: 12px; vertical-align: middle;} # cooler-nav .previous {float: left; alineación vertical: media; ancho: 250px; height: 100px;} # cooler-nav .next {float: right; width: 250px;} Siéntase libre de cambiar el estilo para adaptarlo a su tema. A menudo, a nuestros usuarios les gusta modificar el estilo del código, lo que les facilita perfeccionarlo. Este es solo un estilo básico que debería poder personalizar fácilmente. Si desea cambiar el tamaño de la miniatura, simplemente cambie la matriz (100,100) a lo que desee. Fuente: itsbarry

Leave a Reply