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,26 +324,28 @@ $nbpages = ceil(count($images_du_mois) / 12);
$prec = $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++) {
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 {
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>
<?php
wp_link_pages( array(

View File

@@ -68,8 +68,9 @@ div.modele {
}
*/
/* Ce-mois-ci */
#archive {
/**/
margin: 0 0 80px;
}
@@ -90,15 +91,15 @@ div.modele {
margin-top: 1em;
}
/*
.thumb {
width: 200px;
height: 200px;
border: 1px solid #ccc;
background-color: #fff;
.tags a {
color: #727172;
}
*/
.tags a:hover {
color: #dba425;
}
.albumdesc {
float: right;
text-align:center;
@@ -108,11 +109,11 @@ div.modele {
vertical-align: middle;
}
/*
.albumdesc a, .pagination a {
color: #333;
}
*/
.gras {
font-weight: bold;
}
@@ -163,4 +164,30 @@ input.search-field {
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;}