Include the “Post Title” in the Next-Previous post buttons in wordpress-Astra theme

If you notice, i have changed the class of the arrows icons, so they dont hide in mobile screen “ast-left-arro” & “ast-right-arro”

Here are the advantages of changing the Next-Previous post buttons to show the post title in WordPress:

1. Clear Navigation: Displaying post titles provides clear navigation cues, improving user experience and helping readers understand the context of the posts they’re navigating to.
2. Improved Engagement: Showing post titles encourages users to click and explore additional content, increasing engagement on your website.
3. Enhanced User Experience: Meaningful post titles eliminate ambiguity and confusion, improving the overall user experience.
4. Better Content Discovery: Post titles on navigation buttons pique curiosity, leading to the discovery of relevant content.
5. SEO Benefits: Including post titles helps search engines understand the content hierarchy and potentially improve indexing and ranking.
6. Increased Accessibility: Displaying post titles assists users relying on screen readers or assistive technologies.

          

            Copy
            
          
          add_filter( 'astra_single_post_navigation', 'astra_change_next_prev_text' );

/**
 * Function to change the Next Post/ Previous post text.
 *
 * @param array $args Arguments for next post / previous post links.
 * @return array
 */
function astra_change_next_prev_text( $args ) {
    $next_post = get_next_post();
    $prev_post = get_previous_post();
    $next_text = false;
    if ( $next_post ) {
        $next_title = substr( $next_post->post_title, 0, 35 );
        if ( strlen( $next_title ) === 35 ) {
            $next_title = rtrim( $next_title, "!,.-" ) . '...';
        }
        $next_text = sprintf(
            '%s <span class="ast-right-arro">→</span>',
            $next_title
        );
    }
    $prev_text = false;
    if ( $prev_post ) {
        $prev_title = substr( $prev_post->post_title, 0, 35 );
        if ( strlen( $prev_title ) === 35 ) {
            $prev_title = rtrim( $prev_title, "!,.-" ) . '...';
        }
        $prev_text = sprintf(
            '<span class="ast-left-arro">←</span> %s',
            $prev_title
        );
    }
    $args['next_text'] = $next_text;
    $args['prev_text'] = $prev_text;
    return $args;
}

          

            
              How to use this
            
            Copy