XenForoda Tek Butonla İki Tema Arası Geçiş Nasıl Yapılır? (Light/Dark Mode)

Merhaba Sevgili SiberBasın okurları. Bu yazımızda sizlerle XenForo forum scriptinde nasıl tek buton ile iki tema arasında geçiş yaparız onu öğreneceğiz.

XenForo’da Light/Dark Mode Geçişi Nasıl Yapılır?

Öncelikle bu sistemi uygulayabilmemiz için iki adet tema bulundurmamız gerekiyor. Biri açık, diğeri ise kapalı tema olmalı. Temalarımızın id adresini öğrenmeliyiz. Bunun için Tema Düzenleme kısmında temamızın üzerine geliyoruz ve ekte görüldüğü kısımda yazan sayıyı kopyalıyoruz.

Daha sonra ise temanızın PAGE_CONTAİNER şablonunu açıp istediğiniz herhangi bir yere aşağıdaki kodları yapıştırıyoruz. (Siz nerede görünmesini istiyorsanız oraya yapıştırın. Tavsiyem .p-nav-opposite kısımına yerleştirmeniz.)

<a href="{{ link('misc/style', null, {
                'style_id': 1, '_xfRedirect': $redirect, 't': csrf_token()
            }) }}
" class="p-navgroup-link p-navgroup-link--iconic" data-xf-init="tooltip" title="NIGHT MODE">
<i class="fas fa-cloud-moon" aria-hidden="true"></i></a>

Görselde de göreceğiniz gibi yeşil kısımdan PAGE_CONTAİNER şablonuna nasıl gidebileceğiniz gösteriliyor.

Bu şekilde ekleyip, style_id’:5 yazan kısma hangi temaya geçmek istiyorsanız o temanın id adresini yapıştırmalısınız. Mesela şuan Light Temanın PAGE_CONTAİNER şablonunu düzenliyorsanız, Dark Temanın id adresini yazacaksınız.

Bu işlemleri iki temanın PAGE_CONTAİNER şablonuna da yapıyoruz. (Aksi halinde tek temada geçiş olur diğerinde olmaz.) Her şey buraya kadardı bakalım en sonunda nasıl bir görünüm elde ettik?