نمایش لینک نوشته های قبلی و بعدی در پست های وردپرس

<div class="container">
		    	    
<div class="convert">
<ul class="next_prev clr">
<li class="previous">
<a href="<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>" rel="prev">
<i class="fa fa-angle-right"></i>
<h4><small>قبلی</small><?php previous_post_link('%link',"$prevthumbnail <p>%title</p>", TRUE); ?></h4></a></li> 
<li class="next">
<a href="<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>" rel="next">
<h4><small>بعدی</small><?php next_post_link('%link',"$nextthumbnail <p>%title</p>", TRUE); ?></h4>
<i class="fa fa-angle-left"></i></a></li></ul></div></div>
<div class="clear"></div>

<a href="<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>" rel="prev">

<h4><small>قبلی</small><?php previous_post_link('%link',"$prevthumbnail <p>%title</p>", TRUE); ?></h4>

<a href="<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>" rel="next">

<h4><small>بعدی</small><?php next_post_link('%link',"$nextthumbnail <p>%title</p>", TRUE); ?></h4>

.next_prev .previous i, .next_prev .next i {
    color: #012b64;
    left: auto;
    right: 0;
    background-color: rgba(255,255,255,0.01);
    padding: 2px;
    border-style: solid;
    border-width: 2px;
    border-color: #00deff;
    border-radius: 50px;
}
.next_prev i {
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(167,167,167,.07);
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 100%;
    transition: all .2s ease-in-out;
}
.rtl .next_prev .next i {
    right: auto;
    left: 0;
}
.next_prev h4 {
    display: inline-block;
    vertical-align: middle;
    margin: -6px 0 0;
    font-size: 16px;
    padding-left: 70px;margin-right: 8px;margin-left: 8px;
}
.next_prev small {
    font-size: .8em;display: block;
}
ul.next_prev {
    position: relative;margin: 0;display: flex;align-items: center;box-sizing: border-box;list-style: none;
}
.rtl .next_prev .next h4 {padding: 0;padding-left: 70px;}
.next_prev .next h4 {padding: 0;padding-right: 70px;}
.convert{position: relative;padding: 0;margin:50px 0;transition: all .2s ease-in-o}
.rtl .next_prev .previous h4 {padding: 0;padding-right: 70px;}
.next_prev .previous {
    float: left;
    width: calc(50% - 10px);
}

<Div Id="next-previous" Class="Navigation">
<?Php $PrevPost = Get_previous_post(True);
If($PrevPost) {?>
<Div Class="Nav-Box Previous">
<?Php $Prevthumbnail = Get_the_post_thumbnail($PrevPost->ID, Array(100,100) );?>
<?Php Previous_post_link('%Link',"$Prevthumbnail <P>%Title</P>", TRUE); ?>
</Div>
 
<?Php } $NextPost = Get_next_post(True);
If($NextPost) { ?>
<Div Class="Nav-Box Next" Style="Float:right;">
<?Php $Nextthumbnail = Get_the_post_thumbnail($NextPost->ID, Array(100,100) ); } ?>
<?Php Next_post_link('%Link',"$Nextthumbnail <P>%Title</P>", TRUE); ?>
</Div>
<?Php } ?>
</Div><!--#Cooler-Nav Div -->
,

#next-previous{clear: both; height: 100px; margin: 0 0 70px;}
#next-previous .nav-box{background: #e9e9e9; padding: 10px;}
#next-previous  img{float: left; margin: 0 10px 0 0;}
#next-previous p{margin: 0 10px; font-size: 12px; vertical-align: middle;}
#next-previous .previous{float: left; vertical-align: middle; width: 250px; height: 100px;}
#next-previous .next{float: right; width: 250px;}