Кликабельный логотип в шапке страницы

Для начала делаем скрипт плавного подъема на вверх.

script

const anchors = document.querySelectorAll('a[href*="#"]')

for (let anchor of anchors) {
  anchor.addEventListener('click', function (e) {
    e.preventDefault()
    
    const blockID = anchor.getAttribute('href').substr(1)
    
    document.getElementById(blockID).scrollIntoView({
      behavior: 'smooth',
      block: 'start'
    })
  })
}

 Далее в header пишем код, который будет проверять на главной странице ли мы находимся и от результата проверки вставлять нужную ссылку.

Пример

<div class="container-header2__center">
				<?php
				if ($_SERVER[REQUEST_URI]=="/") {
				?>
				<a class="container-header2__center-logolink" href="#home">
				<?php
				} else {
				?>
				<a class="container-header2__center-logolink" href="/">
				<?php
				}
				?>
				<img class="container-header2__center-img" src="/wp-content/themes/mielemos/assets/images/logo.png" alt="">
				</a>
			</div>