Как настроить пагинацию WordPress под мою разметку?

Question

[kaidos]

Как сделать чтобы в .input отображалась текущая страница,
и при нажатии btn.next переходило на след. страницу?

<main class="jobs_body">

	<div class="container">

		<div class="job_list">

			<?php
			$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
			$args = array(
				'post_type' => 'job',
				'posts_per_page' => 3,
				'paged' => $paged
			);
			$loop = new WP_Query( $args );
			while ( $loop->have_posts() ) : $loop->the_post();?>

			<div class="job_item">
				<p class="jobs_title"><?php the_field('jobs__title') ?></p>
				<p class="jobs_descript"><?php the_field('jobs__description') ?></p>
				<p class="jobs_descript_full"><?php the_field('jobs__more__description') ?></p>
				<a class="jobs_more">Подробнее <span><ion-icon name="chevron-down-outline"></ion-icon></span></a>
			</div>

			<?php endwhile; ?>

		</div>

		<div class="container">

			<div class="jobs_btn">

				<?php
					$big = 999999999;
					echo paginate_links( array(
						'base' => str_replace( $big, '%#%', get_pagenum_link( $big ) ),
						'format' => '?paged=%#%',
						'current' => max( 1, get_query_var('paged') ),
						'total' => $loop->max_num_pages,
						'prev_text' => '&laquo;',
						'next_text' => '&raquo;'
					) );
				?>

				<div class="jbtn_wrapper">

					<button class="next">Далее</button>

					<div class="arrow_body">

						<div class="arrow"><ion-icon name="chevron-back-outline"></ion-icon></div>
						<input type="number" min="1" value="1" class="num_page">
						<div class="arrow"><ion-icon name="chevron-forward-outline"></ion-icon></div>

					</div>

				</div>

			</div>

			<?php wp_reset_postdata(); ?>

		</div>

	</div>

</main>

Answer 1

[Rst0]

если правильно понял :

<?php
     $prev_url = get_permalink( get_adjacent_post(false,'',true) ->ID ); // предыдущая
     $next_url = get_permalink( get_adjacent_post(false,'',false)->ID ); // следующая
     $current_num   = (get_query_var('paged')) ? get_query_var('paged') : 1; // номер текущей
?>
        <div class="jbtn_wrapper">
<?php if($prev_url !== false){?>
          <button type="button" class="prev" onclick="window.location.href = '<?=$prev_url?>';">Назад</button>
<?php } ?>

<?php if($next_url !== false)?>
          <button type="button" class="next" onclick="window.location.href = '<?=$next_url?>';">Далее</button>
<?php } ?>
          <div class="arrow_body">

            <div class="arrow"><ion-icon name="chevron-back-outline"></ion-icon></div>
            <input type="number" min="1" value="<?=$current_num?>" class="num_page">
            <div class="arrow"><ion-icon name="chevron-forward-outline"></ion-icon></div>

          </div>

        </div>

Comments

[kaidos]

На сайте возникла критическая ошибка.

[Rst0]

if($next_url !== false) { ?> // <-- тут скобка нужна, и заработает. Сорян)

[kaidos]

Rst0, спасибо)