wordpress 实现bootstrap4 分页样式

先说步骤

  • 新建一个分页文件
  • 在functions.php引入这个文件
  • 在文章循环中调用分页方法

一、在 inc 文件夹下新建 wp-bootstrap-4-pagination.php 文件,内容如下

function wp_bootstrap_4_pagination()
{

    if (is_singular()) {
        return;
    }

    global $wp_query;

    /** Check number of pages **/
    if ($wp_query->max_num_pages <= 1) {
        return;
    }

    $paged = get_query_var('paged') ? absint(get_query_var('paged')) : 1;
    $max = intval($wp_query->max_num_pages);

    /** Add current page to the array */
    if ($paged >= 1) {
        $links[] = $paged;
    }

    /** Add the pages around the current page to the array */
    if ($paged >= 3) {
        $links[] = $paged - 1;
        $links[] = $paged - 2;
    }

    if (($paged + 2) <= $max) {
        $links[] = $paged + 2;
        $links[] = $paged + 1;
    }

    echo '<div class="pagination-container"><ul class="pagination">' . "\n";

    /** Previous Post Link */
    if (get_previous_posts_link()) {
        printf('<li class="page-item">%s</li>' . "\n", get_previous_posts_link());
    }

    /** Link to first page, plus ellipses if necessary */
    if (!in_array(1, $links)) {
        $class = 1 == $paged ? ' class="page-item active"' : ' class="page-item"';

        printf('<li%s><a class="page-link" href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link(1)), '1');

        if (!in_array(2, $links)) {
            echo '<li>…</li>';
        }

    }

    /** Link to current page, plus 2 pages in either direction if necessary */
    sort($links);
    foreach ((array) $links as $link) {
        $class = $paged == $link ? ' class="page-item active"' : ' class="page-item"';
        printf('<li%s><a class="page-link" href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link($link)), $link);
    }

    /** Link to last page, plus ellipses if necessary */
    if (!in_array($max, $links)) {
        if (!in_array($max - 1, $links)) {
            echo '<li>…</li>' . "\n";
        }

        $class = $paged == $max ? ' class="page-item active"' : ' class="page-item"';
        printf('<li%s><a class="page-link" href="%s">%s</a></li>' . "\n", $class, esc_url(get_pagenum_link($max)), $max);
    }

    /** Next Post Link */
    if (get_next_posts_link()) {
        printf('<li class="page-item">%s</li>' . "\n", get_next_posts_link());
    }

    echo '</ul></div>' . "\n";

}

/*
 * Custom Attribute for links
 */

add_filter('next_posts_link_attributes', 'wp_boostrap_4_pagination_posts_link_attributes');
add_filter('previous_posts_link_attributes', 'wp_boostrap_4_pagination_posts_link_attributes');

function wp_boostrap_4_pagination_posts_link_attributes()
{
    return 'class="page-link"';
}

二、functions.php中引入

require_once get_template_directory() . '/inc/wp-bootstrap-4-pagination.php';

三、在文章循环中调用分页方法

<?php wp_bootstrap_4_pagination();?>
Leave a Reply