Home » Ask (Forum) » Cara Membuat Page Number tanpa Plugin?

Question

Hi,

Saya baca-baca di blog ini, beberapa hari yang lalu ada ya menanyakan membuat page number dengan plugin. Na kalo membuat page number tampa plugin bagaimana ? cz blog ane sudah terlalu banyak plugin

thanks

Aug 18, 2016 (4 months ago) - Posted by 1 Comment

One Answer

  1. angga says:

    Mencoba menjawab pertanyaannya

    copykan kode dibawah ini pada file Fungtion.php difolder template yang anda gunakan.

    function wp_page_number() {
     
        if( is_singular() )
            return;
     
        global $wp_query;
     
        /** Stop execution if there's only 1 page */
        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="navigation"><ul>' . "\n";
     
        /** Previous Post Link */
        if ( get_previous_posts_link() )
            printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
     
        /** Link to first page, plus ellipses if necessary */
        if ( ! in_array( 1, $links ) ) {
            $class = 1 == $paged ? ' class="active"' : '';
     
            printf( '<li%s><a 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="active"' : '';
            printf( '<li%s><a 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="active"' : '';
            printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
        }
     
        /** Next Post Link */
        if ( get_next_posts_link() )
            printf( '<li>%s</li>' . "\n", get_next_posts_link() );
     
        echo '</ul></div>' . "\n";
     
    }

    Setelah anda menambahkan script diatas tadi, sekarang copykan tag php dibawah ini pada index.php, category.php, tags.php dan archive.php yang berada di folder template yang anda gunakan. script php dibawah ini digunakan untuk memanggil function yang sudah anda buat tadi dengan nama function wp_page_number, dan ganti default script previous_posts_link and next_posts_link dengan script dibawah ini.

    <?php wp_page_number(); ?>

    jika anda ingin mempercantik tampilan page number yang anda buat, silahkan copy kode CSS dibawah ini dan taruh di file Style.CSS di Folder Template yang anda gunakan.

    /* csss pagination */
     
    .navigation li a,
    .navigation li a:hover,
    .navigation li.active a,
    .navigation li.disabled {
        color: #fff;
        text-decoration:none;
    }
     
    .navigation li {
        display: inline;
    }
     
    .navigation li a,
    .navigation li a:hover,
    .navigation li.active a,
    .navigation li.disabled {
        background-color: #38B7EE;
        border-radius: 30px;
        cursor: pointer;
        padding: 5px 10px;
        transition:all 0.25s linear 0s;
    }
     
    .navigation li a:hover,
    .navigation li.active a {
        background-color: #000;
    }

    selamat mencoba, dan dibawah ini adalah screnshoot dari page number yang sudah kita buat tadi, tampilanya sebagai berikut :

    Register Member

Your Answer

Your email address will not be published. Required fields are marked *