【WordPress】遷移元ページのURLを取得して戻るボタンを設置する方法｜wp_get_referer・history.back

<?php
$referrer = wp_get_referer();
if ($referrer) {
  echo '<a href="' . esc_url($referrer) . '" class="back-button">戻る</a>';
}
?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <article>
    <h1><?php the_title(); ?></h1>
    <div><?php the_content(); ?></div>

    <?php
    // 戻るボタン（リファラがあるときだけ）
    $referrer = wp_get_referer();
    if ($referrer) {
      echo '<a href="' . esc_url($referrer) . '" class="back-button">戻る</a>';
    }
    ?>
  </article>
<?php endwhile; endif; ?>

a.back-button {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 15px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s;
}

a.back-button:hover {
  background-color: #555;
}

<button type="button" onclick="history.back()" class="back-button">戻る</button>

document.addEventListener('DOMContentLoaded', function () {
  var ref = document.referrer;
  // リファラがあり、自サイト内からの遷移のときだけボタンを作る
  if (ref && ref.indexOf(location.origin) === 0) {
    var a = document.createElement('a');
    a.href = ref;
    a.textContent = '戻る';
    a.className = 'back-button';
    document.querySelector('.entry-content').appendChild(a);
  }
});