Paginación de TWBootstrap en WP

README.md

Agregando paginación con twitter Bootstrap en Wordpress

El twitter Bootstrap entre sus componente que tiene trae incorporado un sistema de paginación, con links activos, normales y deshabilitados.

http://twitter.github.com/bootstrap/components.html#pagination

Por otra parte el sistema Wordpress suele agregar la paginación de los posts en el archivo loop.php de la plantilla en cuestión, desgraciadamente la función paginate_links nos genera un código html algo diferente a lo que requerimos para adaptarlo al bootstrap.

http://codex.wordpress.org/Function_Reference/paginate_links

Navegando por Internet encontré algunas implementaciones, p.e:

http://panosgalatis.com/2012/08/14/wordrpess-and-twitter-bootstrap-pagination/#.UHvXCqyqyio

Sin embargo incluyen modificaciones al CSS, cuando este renderizado se puede hacer solo con PHP como se muestra en el archivo loop.php incluido en este gists:

loop.php

<!-- Inicio paginación -->
<?php 
# /* Paginación */
#
$total_pages = $wp_query->max_num_pages;

if ($total_pages > 1){
	$current_page = max(1, get_query_var('paged'));
	printf(
		"<div class='pagination pagination-centered'>\n\t%s</div>",
		paginate_links(array(
			'base' => get_pagenum_link(1) . '%_%',
			'format' => '/page/%#%',
			'current' => $current_page,
			'total' => $total_pages,
			'type' => 'list',
			'prev_text' => '&larr; Entradas Antiguas',
			'next_text' => 'Entradas Nuevas &rarr;'
		))
	);
}
?>
<!-- Fin paginación -->

salida_ejemplo.html

<!-- Inicio de paginación -->
<div class='pagination pagination-centered'>
<ul class='page-numbers'>
	<li>
	  <a class="prev page-numbers" href="http://dominio.com">&larr; Entradas Antiguas</a>
	</li>
	<li>
	  <a class='page-numbers' href='http://dominio.com'>1</a>
	</li>
	<li>
	  <span class='page-numbers current'>2</span>
	</li>
	<li>
	  <span class="page-numbers dots">&hellip;</span>
	</li>
	<li>
	  <a class='page-numbers' href='http://dominio.com/page/11'>11</a>
	</li>
	<li>
	  <a class="next page-numbers" href="http://dominio.com/page/3">Entradas Nuevas &rarr;</a>
	</li>
</ul>
</div>
<!-- Fin de paginación -->