Enlaces next_post/previous_post en Wordpress

Si quieres personalizar tus enlaces de next y previous post de Wordpress sigue leyendo. Te daré dos formas:
1. Para utilizar imágenes
2. Para utilizar entidades html
1. Para utilizar imágenes —por ejemplo unas flechas— en lugar del tÃpico Previous/Next que viene predeterminado con Wordpress:
1. <?php previous_post_link(’%', ‘<img src=”URL imagen”>’ ); ?>
2. </div>
3. <div align=”center” ><?php the_title(); ?></div>
4. <div align=”center” >
5. <?php next_post_link(’%', ‘<img src=”URL imagen”>’ ); ?>
6. </div>
En este primer ejemplo la primera lÃnea nos da un imagen que enlaza con los artÃculos anteriores del artÃculo que se esté leyendo, que es dado entre imagen e imagen por el codigo de la tercera lÃnea. La quinta lÃnea de codigo nos da la imagen que enlazará con los artÃculos posteriores.
Nota: recuerda rellenar el path de la URL de las imágenes que quieras utilizar.
2. Para utilizar caracteres escritos en codigo—esto se llama entidades— en lugar de la configuración predeterminada de Wordpress:
1. <div class=”navigation”>
2. <div class=”alignleft”>
3. <?php previous_post(’ ← %’,”,’yes’); ?>
4. </div>
5. <div class=”alignright”>
6. <?php next_post(’% → ‘,”,’yes’); ?>
7. </div>
8. </div>
En este ejemplo la estructura cambia. Si en el primero habÃa tres elementos —anterior, actual y posterior—, en este sólo tenemos anterior y posterior, los cuales se quedan al mismo nivel horizontal.
La primera lÃnea nos abre la caja contenedora principal que además tiene una clase de CSS que podemos ajustar a nuestro gusto en el archivo style.css del directorio del tema que estemos modificando.
Entre la segunda y la cuarta lÃnea se nos da el enlace a artÃculo anterior, con una flecha izquierda delante del tÃtulo del artÃculo, dada por el codigo — ← —.
Entre la cinco y la 7 lo mismo pero con flecha hacÃa la derecha — → —. La octava lÃnea nos cierra el contenedor principal.
Otros caracteres escritos en codigo que puedes utilizar para este supuesto son los siguientes:
← Flecha hacÃa la izquierda
↑ Flecha hacÃa arriba
→ Flecha hacÃa la derecha
↓ Flecha hacÃa abajo
↔ Flecha a izquierda y derecha
↵ Flecha de retorno de carro
⇐ Flecha doble hacÃa la izquierda
⇑ Flecha doble hacÃa arriba
⇒ Flecha doble hacÃa la derecha
⇓ Flecha doble hacÃa abajo
⇔ Flecha doble a izquierda y derecha
Más información en Wordpress.org
SUSCRIPCIÓN













