где WordPress поисковая нумерация страниц - PullRequest
0 голосов
/ 15 января 2020

Где находится поисковая нумерация в wordpress?

Я использовал эту страницу поиска:

<?php echo paginate_links(); ?>

Возвращает нумерацию страниц, но я хочу добавить bootstrap нумерация страниц, но я не могу найти, где это? Как я могу добавить класс?

Ответы [ 2 ]

1 голос
/ 15 января 2020

Добавьте в конец файла search.php следующее:

<?php
if ( $GLOBALS['wp_query']->max_num_pages <= 1 ) {
  return;
}
$args = wp_parse_args(
  $args,
  array(
    'mid_size' => 2,
    'prev_next' => true,
    'prev_text' => __( '&laquo;' ),
    'next_text' => __( '&raquo;' ),
    'screen_reader_text' => __( 'Posts navigation' ),
    'type' => 'array',
    'current' => max( 1, get_query_var( 'paged' ) ),
  )
);
$links = paginate_links( $args ); ?>
<nav>
  <ul class="pagination">
<?php
foreach ( $links as $key => $link ) {
?>
    <li class="page-item <?php echo strpos( $link, 'current' ) ? 'active' : ''; ?>">
<?php echo str_replace( 'page-numbers', 'page-link', $link ); ?>
    </li>
<?php } ?>
  </ul>
</nav>
0 голосов
/ 15 января 2020

Я также искал то же решение, чтобы использовать его с bootstrap нумерацией страниц,

приведенный ниже код работает на 100% в моей теме.

function bittersweet_pagination() {

global $wp_query;

if ( $wp_query->max_num_pages <= 1 ) return; 

$big = 999999999; // need an unlikely integer

$pages = paginate_links( array(
        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
        'format' => '?paged=%#%',
        'current' => max( 1, get_query_var('paged') ),
        'total' => $wp_query->max_num_pages,
        'type'  => 'array',
    ) );
    if( is_array( $pages ) ) {
        $paged = ( get_query_var('paged') == 0 ) ? 1 : get_query_var('paged');
        echo '<div class="pagination-wrap"><ul class="pagination">';
        foreach ( $pages as $page ) {
                echo "<li>$page</li>";
        }
       echo '</ul></div>';
        }
}

используйте функцию позвонить в указатель. php например; или любой другой файл. Я также перезаписал некоторые стили bootstrap, которые могут вам помочь.

.pagination-wrap {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: center;
}
.pagination-wrap .pagination {
    margin-bottom: 0;
    margin-top: 0;
}
.pagination-wrap .pagination > li:first-child > a, 
.pagination-wrap .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination-wrap .pagination > li:last-child > a, 
.pagination-wrap .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.pagination-wrap .pagination > li > a,
.pagination-wrap .pagination > li > span {
    background-color: #4FBEBA;
    border: 1px solid #1BA5A0;
    padding: 10px 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.pagination-wrap .pagination > li > a:hover, 
.pagination-wrap .pagination > li > span:hover, 
.pagination-wrap .pagination > li > a:focus, 
.pagination-wrap .pagination > li > span:focus {
    background-color: #1BA5A0;
    border-color: #189690;
}
.pagination-wrap .pagination .current {
    background-color: #1BA5A0;
    border-color: #189690;
}
.pagination-wrap .pagination .current:hover,
.pagination-wrap .pagination .current span:hover {
    background-color: #189690;
    border-color: #148781;
}

удачи, братан.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...