Задать вопрос

Genadii Jendos

Начинающий developer
Лайки

  • Как изменить структуру (разметку) паганации?

    yaleksandr89
    @yaleksandr89 Автор вопроса
    PHP developer
    За неимением готовых решений пришлось слепить свое :).

    Может кому пригодиться, в принципе, если скорректировать массив $replaceто можно реализовать любую разметку пагинации.
    функция ya_custom_navigation

    function ya_custom_navigation() {
	$nav     = get_the_posts_pagination();
	$search  = [
		'screen-reader-text',
		'<nav class="navigation pagination" role="navigation">',
		'<div class="nav-links">',
		'</div>',
		'<a class=\'page-numbers\'',
		'<a class="prev page-numbers"',
		'<a class="next page-numbers"',
		'</a>',
		'<span aria-current=\'page\' class=\'page-numbers current\'>',
		'<span class="page-numbers dots">',
		'</span>',
		';<span class="sr-only">(current)</span></span></li>'
	];
	$replace = [
		'screen-reader-text small-title',
		'<nav>',
		'<ul class="pagination justify-content-center">',
		'</ul>',
		'<li class="page-item"><a class="page-link"',
		'<li class="page-item"><a class="page-link"',
		'<li class="page-item"><a class="page-link"',
		'</a></li>',
		'<li class="page-item active"><span aria-current="page" class="page-link">',
		'<li class="page-item disabled"><span class="page-link">',
		'<span class="sr-only">(current)</span></span></li>',
		';</span></li>'
	];
	$nav  = str_replace( $search, $replace, $nav );
	return $nav;
}



    Из стандартной html разметки:
    <nav class="navigation pagination" role="navigation">
    <h2 class="screen-reader-text">Навигация по записям</h2>
    <div class="nav-links">
        <span aria-current='page' class='page-numbers current'>1</span>
        <a class='page-numbers' href='http://ya.loc/blog/page/2/'>2</a>
        <span class="page-numbers dots">&hellip;</span>
        <a class='page-numbers' href='http://ya.loc/blog/page/4/'>4</a>
        <a class="next page-numbers" href="http://ya.loc/blog/page/2/">Далее</a></div>
</nav>


    Делает, разметку, согласно разметки bootstrap 4.3:
    <nav>
    <h2 class="screen-reader-text small-title">Навигация по записям</h2>
    <ul class="pagination justify-content-center">
        <li class="page-item active">
            <span aria-current="page" class="page-link">1<span class="sr-only">(current)</span></span>
        </li>
        <li class="page-item">
            <a class="page-link" href='http://ya.loc/blog/page/2/'>2</a>
        </li>
        <li class="page-item disabled">
            <span class="page-link">&hellip;</span>
        </li>
        <li class="page-item">
            <a class="page-link" href='http://ya.loc/blog/page/4/'>4</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="http://ya.loc/blog/page/2/">Далее</a>
        </li>
    </ul>
</nav>


    5d45aa28eae8b174933952.png
    Ответ написан
    Комментировать
    Комментировать

  • Wordpress the_posts_pagination() не работает. При клике на следующую страницу, выводит посты с первой. Как исправить?

    @Lord_Dantes
    Значит перед тем как делать навигацию вам нужно:
    - определить сколько постов на странице и для чего делать навигацию, дальше определить какая это страница

    Делается это так:
    ?php $current = absint(max(1, get_query_var( 'paged' ) ? get_query_var( 'paged' ) : get_query_var( 'page' ))); 
						$posts_per_page = 9; ?>
			<?php $args = array( 'post_type' => 'blog', 'posts_per_page' => $posts_per_page, 'paged' => $current ); $loop = new WP_Query( $args ); ?>
			<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
				// код вывода поста блога например
			<?php endwhile; ?>


    Далее собственно выводим пагинацию:
    <?php
				  echo wp_kses_post(
				  	paginate_links([
				  		'total' => $loop->max_num_pages,
				  		'current' => $current,
				  		'prev_text' => 'prev',
					        'next_text' => 'next',
				  	])
				  );
			 	?>
    Ответ написан
    1 комментарий
    1 комментарий