How to add posts_nav_link() to WordPress theme?

Building WP theme from scratch! You’ll definitely need to add pagination in the index, archives, and similar templates and you can do this by adding the posts_nav_link function. Here is how to add them.

Note: I assume that you have knowledge of PHP and where to add these codes.

Default pagination:

<?php posts_nav_link(); ?>

It would look like this:

« Previous PageNext Page »

Customizing the default pagination:

We can make it look better by wrapping it in a class.

<div class="navigation">
    <?php posts_nav_link('—','&larr; New Entries','Old Entries &rarr;'); ?>

And some CSS values to make it look better…

.navigation { font-size: 1.25rem; text-align: center; }

After some CSS customization, it would look like this:

← New EntriesOld Entries →

Here you can add three parameters inside the function which are a separator, previous label, and next label. You can customize the words with any HTML Unicode symbol or text.

Further, you need to beautify the “navigation” class using CSS.

Published by Atul Kumar Pandey

Atul Kumar Pandey is a creator of atulhost. Being a business management graduate, he has a flair for business writing but also likes to dabble in technological trends. He is a voracious reader and an avid tech tester and loves to try new things.

Leave a reply

Required fields are asterisked and email address will not be shared.