Mr. FFP

Turns out, the reCAPTCHA incident was simply coincidence. The true problem was caused by a recent update to my commenting solution plugin, WPDiscuz.

They will be fixing this in a future release, but have provided code to be added to functions.php for now:

if (!function_exists(‘hide_empty_div’) && function_exists(‘wpdiscuz’)) {
add_action(‘wp_footer’, ‘hide_empty_div’);

function hide_empty_div() {
 global $post;
 $wpd = wpdiscuz();
 if ($wpd && !$wpd->helper->isLoadWpdiscuz($post)) {
 $css = “#wpdInfo{display:none;}”;
echo $css;
 }
 }
 }

• This reply was modified 8 years ago by Mr. FFP. Reason: Added link to WPDiscuz solution

Lille,

After review I actually like your solution better, as your code tweaks are more intuitive since they leave no statements which contain both “next” and “previous” references as did mine. This would have the potential to confuse upon a further visit to the code.

That said, for novice bloggers (and coders!) such as myself, figuring out which statements to move to change the direction of the arrows and add the required spaces between the arrows and the “Previous” and “Next” links was a bit difficult.

I’ve therefore pasted full nisarg_post_navigation function code snippets below to both work-arounds for sake of future reference:

Novice Method:

function nisarg_post_navigation() {
	// Don't print empty markup if there's nowhere to navigate.
	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true );
	$next     = get_adjacent_post( false, '', false );

	if ( ! $next && ! $previous ) {
		return;
	}
	?>
	<nav class="navigation" role="navigation">
		<h2 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'nisarg' ); ?></h2>
		<div class="nav-links">
			<div class="row">
			<!-- Get Next Post -->
			
			<?php
				$next_post = get_previous_post();
				if ( is_a( $next_post , 'WP_Post' ) ) { 
			?>
			<div class="col-md-6 next-post">
			<a class="" href="<?php echo esc_url(get_permalink( $next_post->ID )); ?>"><span class="next-prev-text"><i class="fa fa-angle-left"></i>
 <?php _e(' PREVIOUS','nisarg'); ?></span><br><?php if(get_the_title( $next_post->ID ) != ''){echo get_the_title( $next_post->ID );} else {  _e('Previous Post','nisarg'); }?></a>
			</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			<!-- Get Previous Post -->
			
			<?php
				$prev_post = get_next_post();
				if (!empty( $prev_post )){
			?>
				<div class="col-md-6 prev-post">
				<a class="" href="<?php echo esc_url(get_permalink( $prev_post->ID )); ?>"><span class="next-prev-text"><?php _e('NEXT ','nisarg'); ?><i class="fa fa-angle-right"></i>
</span><br><?php if(get_the_title( $prev_post->ID ) != ''){echo get_the_title( $prev_post->ID );} else { _e('Next Post','nisarg'); }?></a>
				</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			</div>
		</div><!-- .nav-links -->
	</nav><!-- .navigation-->
	<?php
}

More Elegant Method:

function nisarg_post_navigation() {
	// Don't print empty markup if there's nowhere to navigate.
	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true );
	$next     = get_adjacent_post( false, '', false );

	if ( ! $next && ! $previous ) {
		return;
	}
	?>
	<nav class="navigation" role="navigation">
		<h2 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'nisarg' ); ?></h2>
		<div class="nav-links">
			<div class="row">
			<!-- Get Previous Post -->
			
			<?php
				$prev_post = get_previous_post();
				if (!empty( $prev_post )){
			?>
				<div class="col-md-6 prev-post">
				<a class="" href="<?php echo esc_url(get_permalink( $prev_post->ID )); ?>"><span class="next-prev-text" ><i class="fa fa-angle-left"></i><?php _e(' PREVIOUS','nisarg'); ?></span><br><?php if(get_the_title( $prev_post->ID ) != ''){echo get_the_title( $prev_post->ID );} else { _e('Previous Post','nisarg'); }?></a>
				</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			<!-- Get Next Post -->
			
			<?php
				$next_post = get_next_post();
				if ( is_a( $next_post , 'WP_Post' ) ) { 
			?>
			<div class="col-md-6 next-post">
			<a class="" href="<?php echo esc_url(get_permalink( $next_post->ID )); ?>"><span class="next-prev-text"><?php _e('NEXT ','nisarg'); ?><i class="fa fa-angle-right"></i></span><br><?php if(get_the_title( $next_post->ID ) != ''){echo get_the_title( $next_post->ID );} else {  _e('Next Post','nisarg'); }?></a>
			</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			</div>
		</div><!-- .nav-links -->
	</nav><!-- .navigation-->
	<?php
}

• This reply was modified 8 years, 2 months ago by Mr. FFP. Reason: Edited for clarity
• This reply was modified 8 years, 2 months ago by Mr. FFP.

As it so happens, I was able to successfully resolve this issue! I had literally spent the better part of 2-3 days combing through the code in Nisarg/inc/template-tags.php and trying different combinations of swapped “Next” and “Previous” code to obtain the desired results.

I was pulling my hair out due to the fact that NONE of my changes were making ANY impact whatsoever on the format of my website. I had purged my website cache in cPanel, disabled my caching plugin, and was clearing IE 11 browser history by using CTRL+R, but was still seeing no results.

I’m a fairly logical person and this defied all logic. As a last resort, I attempted some code revisions to the template-tags.php file within the parent Nisarg theme itself rather than my child theme, and voila! Code changes started resulting in dynamic changes on my website which enabled me to link code to given behavior and thus ferret out the required changes.

For sake of posterity and hopefully preventing others from pulling their hair out as I have mine, I’ve outlined the required code changes below:

1) Navigate to Niarg/inc/template-tags.php and download a local backup copy for safety

9) Locate the (‘Previous Post’,’nisarg’); statement on line 99 and replace “Previous” with “Next”

That’s it! Save your changes and you should now be seeing the “Next Post” label and article beneath your post on the right hand side, and “Previous Post” label and article on the left.

Optionally, you can copy and paste the below code snippet, which contains the above changes:

function nisarg_post_navigation() {
	// Don't print empty markup if there's nowhere to navigate.
	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true );
	$next     = get_adjacent_post( false, '', false );

	if ( ! $next && ! $previous ) {
		return;
	}
	?>
	<nav class="navigation" role="navigation">
		<h2 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'nisarg' ); ?></h2>
		<div class="nav-links">
			<div class="row">
			<!-- Get Next Post -->
			
			<?php
				$next_post = get_previous_post();
				if ( is_a( $next_post , 'WP_Post' ) ) { 
			?>
			<div class="col-md-6 next-post">
			<a class="" href="<?php echo esc_url(get_permalink( $next_post->ID )); ?>"><span class="next-prev-text"><i class="fa fa-angle-left"></i>
 <?php _e(' PREVIOUS','nisarg'); ?></span><br><?php if(get_the_title( $next_post->ID ) != ''){echo get_the_title( $next_post->ID );} else {  _e('Previous Post','nisarg'); }?></a>
			</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			<!-- Get Previous Post -->
			
			<?php
				$prev_post = get_next_post();
				if (!empty( $prev_post )){
			?>
				<div class="col-md-6 prev-post">
				<a class="" href="<?php echo esc_url(get_permalink( $prev_post->ID )); ?>"><span class="next-prev-text"><?php _e('NEXT ','nisarg'); ?><i class="fa fa-angle-right"></i>
</span><br><?php if(get_the_title( $prev_post->ID ) != ''){echo get_the_title( $prev_post->ID );} else { _e('Next Post','nisarg'); }?></a>
				</div>
			<?php } 
			 else { 
				echo '<div class="col-md-6">';
				echo '<p> </p>';
				echo '</div>';
			} ?>
			
			</div>
		</div><!-- .nav-links -->
	</nav><!-- .navigation-->
	<?php
}

If you’re not seeing the changes as expected, be certain to purge your website cache in cPanel, disable or purge your WordPress plugin cache (if you have a caching plugin installed), and clear your browser cache for the specific page you’re attempting to view. This can be done in IE 11 and Mozilla Firefox by hitting CTRL+R.

For whatever reason, copying the inc folder containing the template-tags.php file into my child theme directory didn’t work to override the original template-tags.php file code. Nor did storing the corrected template-tags.php file directly within the top-level of my child theme directory.

The only way I was able to make this work was by editing the Nisarg parent theme template-tags.php file directly. For this reason, I recommend downloading and storing a copy of the original template-tags.php file locally. Also, be aware that should you update your Nisarg theme in future, this solution may need to be re-implemented.

If you have any questions about this code or this process, I’d be happy to help. You can reach me by email at [email protected]. Cheers!

• This reply was modified 8 years, 2 months ago by Mr. FFP. Reason: Edited to include code snippet
• This reply was modified 8 years, 2 months ago by Mr. FFP. Reason: Bolded manual code change steps