将 div 添加到导航 - Wordpress

Question

在我的 Wordpress 网站的 functions.php 中创建后退/下一个按钮

<?php if ( is_single() ) : // navigation links for single posts ?>

    <?php next_post_link( '<div class="nav-next">%link</div>', '<span class="fa fa-chevron-right"></span>' . _x( '', 'Previous post link', 'bnNav' ) ); ?>
    <?php previous_post_link( '<div class="nav-previous">%link</div>', _x( '', 'Next post link', 'bnNav' ). '<span class="fa fa-chevron-left"></span>'); ?>

...

哪个输出

<nav id="nav-below" class="post-navigation" role="navigation">
  <div class="nav-next">
      <a rel="next" href="http://localhost/wordpress/?p=369">
  </div>

  <div class="nav-previous">
     <a rel="prev" href="http://localhost/wordpress/?p=104">
  </div>
</nav>

我想在 .nav 中的每个 div 中放置另一个 div，但不确定如何将其添加到我的 functions.php 中的代码中

我希望输出是

<nav id="nav-below" class="post-navigation" role="navigation">
  <div class="nav-next">
      <div id="arrow-right"></div>
      <a rel="next" href="http://localhost/wordpress/?p=369">
  </div>

  <div class="nav-previous">
     <div id="arrow-left"></div>
     <a rel="prev" href="http://localhost/wordpress/?p=104">
  </div>
</nav>

Answer 1

尝试使用以下代码：

<?php if ( is_single() ) : // navigation links for single posts ?>

    <?php next_post_link( '<div class="nav-next"><div id="arrow-right"></div>%link</div>', '<span class="fa fa-chevron-right"></span>' . _x( '', 'Previous post link', 'bnNav' ) ); ?>
    <?php previous_post_link( '<div class="nav-previous"><div id="arrow-left"></div>%link</div>', _x( '', 'Next post link', 'bnNav' ). '<span class="fa fa-chevron-left"></span>'); ?>

只需在%link 之前添加新的<div>。