feat: Post navigation

Next/Previous links for Single Post.

#307

assets/scss/elements/blog/_single.scss

@@ -31,6 +31,22 @@
   display: flex;
 }
 
+.nv-content-wrap .post-navigation {
+  display: flex;
+  justify-content: space-between;
+
+  .previous,
+  .next {
+    a {
+      text-decoration: none;
+    }
+  }
+
+  .next {
+    align-self: end;
+  }
+}
+
 .nv-content-wrap .page-numbers {
   justify-content: center;
   margin: $spacing-xs auto;

inc/customizer/options/layout_single_post.php

@@ -53,11 +53,13 @@ private function control_content_order() {
 		$order_default_components = array(
 			'title-meta',
 			'thumbnail',
+			'post-navigation',
 		);
 
 		$components = array(
-			'title-meta' => __( 'Title & Meta', 'neve' ),
-			'thumbnail'  => __( 'Thumbnail', 'neve' ),
+			'title-meta'      => __( 'Title & Meta', 'neve' ),
+			'thumbnail'       => __( 'Thumbnail', 'neve' ),
+			'post-navigation' => __( 'Post navigation', 'neve' ),
 		);
 
 		$this->add_control(
@@ -86,6 +88,7 @@ public function sanitize_post_elements_ordering( $value ) {
 		$allowed = array(
 			'thumbnail',
 			'title-meta',
+			'post-navigation',
 		);
 
 		if ( empty( $value ) ) {

inc/views/pluggable/pagination.php

@@ -24,6 +24,7 @@ class Pagination extends Base_View {
 	public function init() {
 		add_filter( 'neve_filter_main_script_localization', array( $this, 'filter_localization' ) );
 		add_action( 'neve_do_pagination', array( $this, 'render_pagination' ) );
+		add_action( 'neve_post_navigation', array( $this, 'render_post_navigation' ) );
 
 		add_action( 'wp_ajax_infinite_scroll', array( $this, 'infinite_scroll' ) );
 		add_action( 'wp_ajax_nopriv_infinite_scroll', array( $this, 'infinite_scroll' ) );
@@ -57,6 +58,7 @@ public function filter_localization( $data ) {
 	public function render_pagination( $context ) {
 		if ( $context === 'single' ) {
 			$this->render_single_pagination();
+
 			return;
 		}
 
@@ -88,6 +90,21 @@ private function render_single_pagination() {
 		);
 	}
 
+	/**
+	 * Render single post navigation links
+	 */
+	function render_post_navigation() {
+		$prev_format = '<div class="post-navigation"><div class="previous">%link</div>';
+		$next_format = '<div class="next">%link</div></div>';
+
+		$prev_link = esc_html__( 'PREVIOUS', 'neve' );
+		$next_link = esc_html__( 'NEXT', 'neve' );
+
+		previous_post_link( $prev_format, $prev_link );
+		next_post_link( $next_format, $next_link );
+	}
+
+
 	/**
 	 * Infinite scroll ajax callback function.
 	 */

style-rtl.css

@@ -1505,6 +1505,18 @@ article {
   display: flex;
 }
 
+.nv-content-wrap .post-navigation {
+  display: flex;
+  justify-content: space-between;
+}
+.nv-content-wrap .post-navigation .previous a,
+.nv-content-wrap .post-navigation .next a {
+  text-decoration: none;
+}
+.nv-content-wrap .post-navigation .next {
+  align-self: end;
+}
+
 .nv-content-wrap .page-numbers {
   justify-content: center;
   margin: 10px auto;

template-parts/content-single.php

@@ -9,6 +9,7 @@
 do_action( 'neve_before_content', 'single-post' ); ?>
 	<div class="nv-content-wrap entry-content">
 		<?php the_content(); ?>
+		<?php do_action( 'neve_post_navigation' ); ?>
 		<?php do_action( 'neve_do_pagination', 'single' ); ?>
 	</div>
 <?php