Pagination

-ajout pagination sur page Ce-mois-ci
This commit is contained in:
2019-01-06 17:13:33 +01:00
parent 904e6ac59b
commit 4d9b34861c
2 changed files with 45 additions and 16 deletions

View File

@@ -324,18 +324,22 @@ $nbpages = ceil(count($images_du_mois) / 12);
$prec = $ppage - 1; $prec = $ppage - 1;
$suiv = $ppage + 1; $suiv = $ppage + 1;
if ($ppage >= 2) echo '<a class="prev page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$prec.'" title="'.gettext("Previous Page").'"> ← </a>&nbsp;'; echo '<ul class="paginate">';
if ($ppage >= 2) echo "<li class='previous-off'><a href='" . $_SERVER['REQUEST_URI'] . "?page=" .$prec . "' title='" . gettext("Previous Page") . "'>&laquo;</a></li>";
for ($i = 1; $i <= $nbpages; $i++) { for ($i = 1; $i <= $nbpages; $i++) {
if ($i != $ppage) { if ($i != $ppage) {
echo '<a class="page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$i.'" title="'.gettext("Page").' '.$i.'">'.$i.' </a>&nbsp;'; echo "<li><a href='" . $_SERVER['REQUEST_URI'] . "?page=" . $i . "' title='" . gettext("Page") . " " . $i . "'>$i</a></li>";
} }
else { else {
echo "<span class='current page-numbers'>".$i."</span>&nbsp;&nbsp;"; echo "<li><a href='' class='active'>" . $i . "</a></li>";
} }
} }
if ($page < $nbpages) echo '<a class="next page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$suiv.'" title="'.gettext("Next Page").'"> → </a>&nbsp;'; if ($ppage < $nbpages) echo "<li class='next'><a href='" . $_SERVER['REQUEST_URI'] . "?page=" . $suiv.'" title="'.gettext("Next Page") . "'>&raquo;</a></li>";
echo '</ul>';
?> ?>
</div> </div>
@@ -343,8 +347,6 @@ if ($page < $nbpages) echo '<a class="next page-numbers" href="'.$_SERVER['REQUE
</div> </div>
<?php <?php
wp_link_pages( array( wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages', 'toppic' ) . '</span>', 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages', 'toppic' ) . '</span>',

View File

@@ -68,8 +68,9 @@ div.modele {
} }
*/ */
/* Ce-mois-ci */
#archive { #archive {
/**/
margin: 0 0 80px; margin: 0 0 80px;
} }
@@ -90,15 +91,15 @@ div.modele {
margin-top: 1em; margin-top: 1em;
} }
/* .tags a {
.thumb { color: #727172;
width: 200px;
height: 200px;
border: 1px solid #ccc;
background-color: #fff;
} }
*/
.tags a:hover {
color: #dba425;
}
.albumdesc { .albumdesc {
float: right; float: right;
text-align:center; text-align:center;
@@ -108,11 +109,11 @@ div.modele {
vertical-align: middle; vertical-align: middle;
} }
/*
.albumdesc a, .pagination a { .albumdesc a, .pagination a {
color: #333; color: #333;
} }
*/
.gras { .gras {
font-weight: bold; font-weight: bold;
} }
@@ -163,4 +164,30 @@ input.search-field {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
/* Pagination (Ce. mois. ci) */
.blog-pagination {
text-align: center;
margin-top: 2em;
}
ul.paginate {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
ul.paginate li {display: inline;}
ul.paginate li a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
border-radius: 5px;
}
ul.paginate li a.active {
background-color: #dba425;
color: white;
border-radius: 5px;
}
ul.paginate li a:hover:not(.active) {background-color: #ffbf00;}