wordpress active class sayfa değiştiğinde çalışmıyor

beyler kodlar codepende çalışıyor ama wordpress'e yüklüyorum çalışmıyor daha doğrusu butona tıklayınca çalışıyor o butona active uyguluyor ama sayfa değiştiğinde tekrar active tanımlı olan butonda kalıyor active class normalde home ile groups adında menüler var ve active class home'da tanımlı sayfa değiştiğinde groups yüklendiğinde o butona active class uygulaması lazım r10.net mobil menüsü gibi umarım derdimi anlatabilmişimdir her yönden anlattım 2 gündür uğraşıyorum çok canımı sıktı. not: js ve kodlar codepende çalışıyor sorunsuz

buna cevap verecek babayiğit yok mu ?

kodları wordpress için düzenledim kaynak az olduğu için kendim eklemeler ile buldum umarım ihtiyacı olanın işini görür

// 1. Aktif olarak ziyaret edilen sayfanın URL'sini al
const activePage = window.location.pathname;
// 2. URL'den son bölümü (example.com/buradakiurl/) al
const pageName = activePage.split('/').pop();
// 3. özelliği koyacağınız class'ı seçin
const navLinks = document.querySelectorAll(' active sınıfını vermek istediğiniz class buraya gelecek');
// 4. Navigasyon bağlantılarını dolaş navLinks.forEach(link => {
// 5. Eğer bağlantı, ziyaret edilen sayfanın URL'sini içeriyorsa
if(link.href.includes (`${activePage}`)){
// 6. sayfa değiştikten sonra 4. aşamadaki class'a "active" sınıfı ekleyecek
link.classList.add('active'); } });

//temiz kod


const activePage = window.location.pathname;
const pageName = activePage.split('/').pop();
const navLinks = document.querySelectorAll('.bottom-nav-item');

navLinks.forEach(link => {
  if(link.href.includes (`${activePage}`)){
    link.classList.add('active');
  }
});