En este tutorial veremos cómo añadir un botón siguiente post y anterior post cuando estamos mirando un post (valga la redundancia). También veremos como añadir un botón en la paginación que nos muestre el número total de páginas que tenemos y que al pulsarlo nos lleve a última página.
Buscamos lo siguiente:
{block:Posts}
<div class="post">
{block:Photo}
Y lo cambiamos por lo siguiente:
{block:Posts}
{block:PermalinkPagination}
<div class="post">
{block:PreviousPost}
<a href="{PreviousPost}">← Anterior Post</a>
{/block:PreviousPost}
{block:NextPost}
<a style="float:right;" href="{NextPost}">Siguiente Post →</a>
{/block:NextPost}
</div>
<br />
{/block:PermalinkPagination}
<div class="post">
{block:Photo}
El resultado sería:
Con {block
ermalinkPagination} hacemos que los botones sólo se vean cuando estás visitando un post concreto (permalink).
Podéis cambiar el texto “Anterior Post” o “Siguiente Post” por otro texto que os guste más o una imagen.
Nota: El <div class="post"> es para el theme redux. Si usáis otro theme, tenéis que usar otro class.
Para añadir un botón ir a última página, tenemos que buscar lo siguiente:
{/block:JumpPagination}
{/block:IfEnableJumpPagination}
Y cambiarlo por lo siguiente:
{/block:JumpPagination}
<a class="jump_page" href="/tagged//page/{TotalPages}">..{TotalPages}</a>
{/block:IfEnableJumpPagination}
El resultado sería:
Con este código tenemos un pequeño problema. Cuando estamos buscando por tags (ejemplo: http://delasazores.com/tagged/ayuda) si pulsamos en el botón no nos redirige a la última página de los tags, sino a la última página de la web. Si queréis solucionar este pequeño problema, podéis poneros en contacto con Welele.es , que fue quien me ayudó a corregirlo. No os preocupéis, no es difícil de solucionar
