Luquerias.com [ Lu que querías ]
INDICE | ARCHIVOS · CATEGORÍAS · BUSCAR | CONTACTO | SUSCRIPCIÓN
Buscando sonidos para tus vídeos en internet

El gobierno español y el negocio de la muerte

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(’ &larr; %’,”,’yes’); ?>
4. </div>
5. <div class=”alignright”>
6. <?php next_post(’% &rarr; ‘,”,’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 — &larr; —.

Entre la cinco y la 7 lo mismo pero con flecha hacía la derecha — &rarr; —. La octava línea nos cierra el contenedor principal.

Otros caracteres escritos en codigo que puedes utilizar para este supuesto son los siguientes:
&larr; Flecha hacía la izquierda
&uarr;
Flecha hacía arriba
&rarr;
Flecha hacía la derecha
&darr;
Flecha hacía abajo
&harr;
Flecha a izquierda y derecha
&crarr;
Flecha de retorno de carro
&lArr;
Flecha doble hacía la izquierda
&uArr;
Flecha doble hacía arriba
&rArr;
Flecha doble hacía la derecha
&dArr;
Flecha doble hacía abajo
&hArr;
Flecha doble a izquierda y derecha

Más información en Wordpress.org


Buscando sonidos para tus vídeos en internet

El gobierno español y el negocio de la muerte


Envia tu comentario

(*=obligatorio)