【ページ内リンク】スムーズスクロールをCSSに追記しよう

ワードプレスで、ページ内リンクを設置した場合、

特に何もせず、ただのリンク設定だけだと、ワープしたみたいに瞬間移動で飛んでしまいます。

「スー」っと移動してくれると見え方も綺麗です。以前はプラグインがありましたが、追加CSSに以下を追記するだけでOKです。

html {
  scroll-behavior: smooth;
}

あわせてこちらもご覧ください

【WordPress】ページの中の「特定の場所」にリンクする方法～アンカー～