the_post_navigationを利用して記事の次前の表記内容を変更する

<?php
the_post_navigation( array(
    'prev_text' => '<span class="show-for-small-only">前の記事へ</span><span class="show-for-medium-up">前の記事<br>%title</span>',
    'next_text' => '<span class="show-for-small-only">次の記事へ</span><span class="show-for-medium-up">次の記事<br>%title</span>'
) );

@charset "utf-8";
.nav-links{
  @include clearfix();
  margin: 20px 0;
  a{
    display: block;
    padding: 10px;
    background-color: $vapor;
    font-size: rem-calc(12);
    &:hover{
      background-color: #000;
      color: #fff;
    }
  }
  .nav-previous{
    float: left;
    width: 48%;
    border-left: 5px solid #000;
  }
  .nav-next{
    float: right;
    width: 48%;
    text-align: right;
    border-right: 5px solid #000;
  }
}