Boa noite, estou querendo criar uma navegação personalizada entre single-posts no Wordpress, mas não sei como fazer, e não quero usar um plugin pra isso, vejam o que estou tentando fazer (Sem Nenhum Sucesso!):
*.php
<a href="<?php next_post_link();?>">
<div class="seta-next">
<i></i>
</div>
</a>
<a href="<?php previous_post_link(); ?>">
<div class="seta-prev">
<i></i>
</div>
</a>
*.css
.seta-prev{
padding:15px 20px;
border:6px solid #ccc;
border-radius:50px;
float:left;
margin:0 10px;
box-shadow: 0 0 4px rgba(0,0,0,0.7);
transition:all linear 0.2s;
}
.seta-prev i{
border-right: 20px solid #ccc;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
float:left;
}
.seta-prev:hover{
transform: rotateX(180deg)
}
.seta-next{
position: relative;
padding:15px 20px;
border:6px solid #ccc;
border-radius:50px;
top: 50%;
float:right;
margin:0 10px;
box-shadow: 0 0 4px rgba(0,0,0,0.7);
transition:all linear 0.2s;
}
.seta-next i{
border-left: 20px solid #ccc;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent; float:left;
}
.seta-next:hover{
transform: rotateX(180deg)
}