Gisteren op de irc chat mijn vraag gedropt. De oorzaak van het probleem kwam toen al snel naar boven: WordPress werkt niet lekker samen met een url/domein redirection (wat ik dus heb)
Ben toen verder gaan zoeken en heb het uiteindelijk zelf kunnen oplossen.
Ik had nog een aantal thema’s geinstalleerd staan. Bij de meeste had ik het zelfde probleem maar bij eentje had ik wel een werkende pagina nummering. Ik heb de code van dat thema vervolgens gewoon gekopieerd naar mijn thema.
Dit was de code voor de pagina navigatie die ik gebruikte (zat standaard in het thema)
<?php if (is_single()) : ?>
<div class="navigation">
<p class="previous"><?php previous_post_link('← %link') ?></p>
<p><?php next_post_link('%link →') ?></p>
</div>
<?php else : ?>
<div class="navigation">
<p><span class="older"><?php next_posts_link('← Previous Entries') ?></span><?php previous_posts_link('Next Entries →') ?></p>
</div>
<?php endif; ?>
En dit is het geworden
<?php
$options = get_option('pb_options');
if($options['page_navi_type'] == 'pager') {
global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
$paginate_format = '';
$paginate_base = add_query_arg('paged', '%#%');
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
user_trailingslashit('page/%#%/', 'paged');;
$paginate_base .= '%_%';
}
echo '<div class="page-navi clearfix">'. "\n";
echo paginate_links( array(
'base' => $paginate_base,
'format' => $paginate_format,
'total' => $wp_query->max_num_pages,
'mid_size' => 2,
'current' => ($paged ? $paged : 1),
'type' => 'list',
'prev_text' => __('« Previous', 'piano-black'),
'next_text' => __('Next »', 'piano-black'),
));
echo "\n</div>\n";
} else {
echo '<div class="next-previous-navi clearfix">'."\n".'<div id="previous-page">'; previous_posts_link(__('Newer Entries','piano-black'));
echo "</div>\n".'<div id="next-page">'; next_posts_link(__('Older Entries','piano-black'));
echo "</div>\n</div>\n";
}
?>
Toen was alleen de layout nog niet mooi dus ik heb ook de css sheet aangepast
/* ------ page navi -------------- */
.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }
#comment-pager { margin:20px 0 0 0; }
.page-navi li { line-height:0%; display:block; float:left; }
.page-navi a, .page-navi a:visited, .page-navi a:hover,
.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots
{ font-size:11px; line-height:100%; margin:0 -1px 25px 0; padding:2px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }
.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }
.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }
.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }
#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }
#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }
#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }