Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
How do you create the navigation at the moment?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You could wrap your navigation in a conditional statement;
Exampled
if ( get_next_posts_link() ) {
// Your code that creates the next navigation
}
if ( previous_posts_link() ) {
// Your code that creates the previous navigation
}
Of course replace the conditional functions exampled with relevance.
Hi Andrew, thank you for your help. Unfortunately, that code will not work in my situation.
Currently I have the following code:
<nav class="navigation">
<div class="nav-count"><?php current_paged(); ?></div>
<div class="nav-links"><?php posts_nav_link('<span class="nav-sep">⋅</span>','« Previous Page','Next Page »'); ?></div>
<div class="sep"></div>
</nav> <!-- end #navigation -->
I would like this to only display if there is more than one page. Currently, the only thing that does not show is the previous and next link. But, I would like the whole .navigation div to not show if there is only one page. How can I do that?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You could use a conditional statement around the entire navigation div.
Something like
if ( wp_count_posts > 1 ) {
?>
<nav class="navigation">
<div class="nav-count"><?php current_paged(); ?></div>
<div class="nav-links"><?php posts_nav_link('<span class="nav-sep">⋅</span>','« Previous Page','Next Page »'); ?></div>
<div class="sep"></div>
</nav> <!-- end #navigation -->
<?php
}
?>
That sorta works. While it does remove the whole .navigation, now if there is more than one page it won’t display at all.
this is the conditional statement used in Twenty Eleven:
global $wp_query;
if ( $wp_query->max_num_pages > 1 ) : ?>
used in your example:
<?php global $wp_query; if ( $wp_query->max_num_pages > 1 ) : ?>
<nav class="navigation">
<div class="nav-count"><?php current_paged(); ?></div>
<div class="nav-links"><?php posts_nav_link('<span class="nav-sep">⋅</span>','« Previous Page','Next Page »'); ?></div>
<div class="sep"></div>
</nav> <!-- end #navigation -->
<?php endif; ?>
@alchymyth excellent! That worked! Next time I’ll look at the default themes before posting here 🙂
