How to replace Older posts to Previous post and Newer posts to Next Posts in wordpress twenty ten theme

To Edit “Newer Posts” to Next posts and “Older Posts” Previous posts in wordpress twenty ten theme is very simple,to Change/Replace Older And Newer Posts With Posts Title Text follow these steps.

Replace Older & Newer Post Links With Post Title

First to Create Child theme

Display navigation to next/previous pages when open loop.php

Before

<?php if (  $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-below">
<div><?php next_posts_link( __( '<span

class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div><?php previous_posts_link( __( 'Newer

posts <span>&rarr;</span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-below -->
After changes
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-below">
<div><?php next_posts_link( __( '<span

class="meta-nav"></span> Previous ', 'twentyten' ) ); ?></div>
<div><?php previous_posts_link( __( 'Next

<span></span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-below -->

Change or Replace Older And Newer Posts in wordpress twenty ten theme

  • To change the font size and color in next and Prevoius posts

open style.css

Before

.navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
color: #888;
text-decoration: none;
}

After

.navigation {
color:#888;
font-size: 14px;
line-height: 18px;
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
color:#FF0000;
text-decoration: none;
}

Replace Older and Newer Post Links With Post Title

  • Removal or hide next post name and prevoius post name in category posts on top screen

How to change Newer Posts and Older Posts in wordpress twenty ten theme
Open loop.php and Delete or Edit your Requirement

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-above">
<div><?php next_posts_link( __( '<span></span>

Older posts', 'twentyten' ) ); ?></div>
<div><?php previous_posts_link( __( 'Newer posts <span

class="meta-nav"></span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-above -->
<?php endif; ?>

remove top before -next nav but Keep bottom twentyten - WordPress

  • Removal or hide next post name and prevoius post name in category single posts top screen

Removal or hide  next post name and prevoius post name in category posts top

  • Open loop.php and Delete or Edit your Requirement
<div id="nav-above">
<div><?php previous_post_link( '%link',

'<span>' . _x( '&larr;', 'Previous post link', 'twentyten' ) . '</span> %title' );

?></div>
<div><?php next_post_link( '%link', '%title

<span>' . _x( '&rarr;', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
</div><!-- #nav-above -->

and changes bottom code

<div id="nav-below">
<div><?php previous_post_link( '%link',

'<span>' . _x( '', 'Previous post link', 'twentyten' ) . '</span> %title' );

?></div>
<div><?php next_post_link( '%link', '%title

<span>' . _x( '', 'Next post link', 'twentyten' ) . '</span>' ); ?></div>
</div><!-- #nav-below -->

Removal or hide  next post name and prevoius post name in category single  posts top