A lapozásos oldalszámozás stilizálása kódrészlet és wordpress plugin

Létrehoztam egy egyszerű wordpress plugint a beépített oldalszámozás testreszabásához, de használhatja a kódrészletet is.

Élő demó az oldalon mindenhol

[codeblock]
// example styling

.nav-links {
width: calc(100% – 30px);
margin: 10px 0 30px 30px;
display: block;
height: 50px;
}
.page-numbers {
font-size: 15px;
width: 15px;
background-color: #666666;
padding: 15px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
}
.page-numbers .current {
background-color: #D77C61;
}
.next.page-numbers,.prev.page-numbers {
border-bottom:1px solid #D77C61;

}
a.page-numbers {
background-color: #D77C61;
text-decoration: none;
color: #FFFFFF;
}
a.page-numbers:hover {
background-color: #333333;
}

[/codeblock]

The Posts Pagination WordPress Plugin Settings page

The Posts Pagination Styling Code Snippet And WordPress Plugin

letölthető innen: https://www.tigaman.com/the-posts-pagination-styling-code-snippet-and-wordpress-plugin/