Skip to content

H
hosting_reviews
Commit 7ec81660 by Muhammad Usman
Options

pagination links added

parent b57601c3
Showing with 76 additions and 89 deletions
WWW_DATA/wp-content/themes/hostingreviews/archive-hosting_reviews.php
...@@ -6,96 +6,81 @@ Template Name: Blog Page ...@@ -6,96 +6,81 @@ Template Name: Blog Page
<?php get_header(); ?> <?php get_header(); ?>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url(); ?>"><?php echo get_the_title( get_option('page_on_front') ) ?></a></li> <li class="breadcrumb-item"><a
<li class="breadcrumb-item active" aria-current="page"><?php echo REVIEWS_PAGE ?></li> href="<?php echo site_url(); ?>"><?php echo get_the_title( get_option( 'page_on_front' ) ) ?></a>
</ol> </li>
</nav> <li class="breadcrumb-item active" aria-current="page"><?php echo REVIEWS_PAGE ?></li>
</div> </ol>
<div class="col-sm-8"> </nav>
</div>
<div class="col-sm-8">
<div class="row">
<div class="row"> <?php
$page = isset($_GET['page']) ? $_GET['page'] : 1;
<?php $loop = new WP_Query( array( 'post_type' => 'hosting_reviews',
$loop = new WP_Query( array( 'post_type' => 'hosting_reviews', 'paged' => true, 'posts_per_page' => 2 ) ); 'paged' => $page,
if ( $loop->have_posts() ) : 'posts_per_page' => 10
while ( $loop->have_posts() ) : $loop->the_post(); ?> ) );
if ( $loop->have_posts() ) :
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="col-sm-12"> <div class="col-sm-12">
<img class="blogImage" src="<?php echo get_the_post_thumbnail_url();?>"> <img class="blogImage" src="<?php echo get_the_post_thumbnail_url(); ?>">
<div class="blogSingle"> <div class="blogSingle">
<a href="<?php the_permalink(); ?>"><h3><?php the_title(); ?> </h3></a> <a href="<?php the_permalink(); ?>"><h3><?php the_title(); ?> </h3></a>
</div> </div>
<div class="d-flex spaceBetween"> <div class="d-flex spaceBetween">
<div class="singleBox r-margin"> <div class="singleBox r-margin">
<img class="userIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/user-icon.png"> <img class="userIcon"
src="<?php echo get_template_directory_uri(); ?>/assets/images/user-icon.png">
<div class="blogSingle d-inline-block"> <div class="blogSingle d-inline-block">
<h5><?php echo get_the_author_meta('display_name'); ?> </h5> <h5><?php echo get_the_author_meta( 'display_name' ); ?> </h5>
</div> </div>
</div> </div>
<div class="singleBox"> <div class="singleBox">
<img class="userIcon" src="<?php echo get_template_directory_uri(); ?>/assets/images/date-icon.png"> <img class="userIcon"
src="<?php echo get_template_directory_uri(); ?>/assets/images/date-icon.png">
<div class="blogSingle d-inline-block"> <div class="blogSingle d-inline-block">
<h5><?php the_time('F j, Y'); ?></h5> <h5><?php the_time( 'F j, Y' ); ?></h5>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<?php endwhile; <?php endwhile;
if ( $loop->max_num_pages > 1 ) : ?> endif;
<div id="nav-below" class="navigation"> ?>
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Previous', 'domain' ) ); ?></div> <div class="pagination d-flex justify-content-center w-100">
<div class="nav-next"><?php previous_posts_link( __( 'Next <span class="meta-nav">&rarr;</span>', 'domain' ) ); ?></div> <?php
</div> $page = isset($_GET['page']) ? $_GET['page'] : 1;
<?php endif; echo paginate_links( array(
endif; 'current' => $page,
wp_reset_postdata(); 'format' => '?page=%#%',
?> 'prev_text' => '«',
'next_text' => '»',
'total' => $loop->max_num_pages
) );
?>
</div>
</div>
</div> </div>
<div class="ppage"> <div class="col-md-4">
<?php
global $wp_query;
paginate_links();
?>
</div>
<div class="d-flex j-content-center"> <?php get_sidebar(); ?>
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">01</a></li>
<li class="page-item"><a class="page-link" href="#">02</a></li>
<li class="page-item"><a class="page-link" href="#">03</a></li>
<li class="page-item"><a class="page-link" href="#">04</a></li>
<li class="page-item"><a class="page-link" href="#">05</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-md-4">
<?php get_sidebar(); ?>
</div>
</div> </div>
</div> </div>
</div>
<?php <?php
......
WWW_DATA/wp-content/themes/hostingreviews/assets/css/custom.css
...@@ -2953,7 +2953,16 @@ h2 span ...@@ -2953,7 +2953,16 @@ h2 span
/*----- Media Query Style End {320px} ----- */ /*----- Media Query Style End {320px} ----- */
.page-numbers {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.loader { .loader {
border: 8px solid #f3f3f3; border: 8px solid #f3f3f3;
......
WWW_DATA/wp-content/themes/hostingreviews/home.php
...@@ -21,8 +21,10 @@ Template Name: Blog Page ...@@ -21,8 +21,10 @@ Template Name: Blog Page
<?php <?php
$page = isset($_GET['page']) ? $_GET['page'] : 1;
$the_query = new WP_Query(array( $the_query = new WP_Query(array(
'posts_per_page' => 10 'posts_per_page' => 10,
'paged' => $page
)); ));
if ( $the_query->have_posts() ) : if ( $the_query->have_posts() ) :
...@@ -50,34 +52,25 @@ Template Name: Blog Page ...@@ -50,34 +52,25 @@ Template Name: Blog Page
?> ?>
<div class="pagination d-flex justify-content-center w-100">
<?php
$page = isset($_GET['page']) ? $_GET['page'] : 1;
echo paginate_links( array(
'current' => $page,
'format' => '?page=%#%',
'prev_text' => '«',
'next_text' => '»',
'total' => $the_query->max_num_pages
) );
?>
</div>
<?php <?php
endif; endif;
?> ?>
</div> </div>
<div class="d-flex j-content-center">
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="page-item"><a class="page-link" href="#">01</a></li>
<li class="page-item"><a class="page-link" href="#">02</a></li>
<li class="page-item"><a class="page-link" href="#">03</a></li>
<li class="page-item"><a class="page-link" href="#">04</a></li>
<li class="page-item"><a class="page-link" href="#">05</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment