Good night, I'm trying to create a personalized navigation between single-posts in Wordpress, but I do not know how to do it, and I do not want to use a plugin for this, see what I'm trying to do (No No Success!):
* .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)
}