WordPressの自作テーマで違うページにスムーズスクロールしたいとき。

styleシートに
html {

scroll-behavior: smooth;

}
と記載し

phpで条件分岐する

<?php if (is_front_page()) : ?>

<li><a href="#event">TOP</a></li>

<li><a href="#news">NEWS</a></li>

<li><a href="#WonDear">ABOUT</a></li>

<?php else : ?>

<li><a href="<?php echo esc_url( home_url( '/' ) ); ?>#top">TOP</a></li>

<li><a href="<?php echo esc_url( home_url( '/' ) ); ?>#news">NEWS</a></li>

<li><a href="<?php echo esc_url( home_url( '/' ) ); ?>#about">ABOUT</a>
</li>

<?php endif; ?>