lostyazilim

Wordpress Dark Mode nasıl yapılır?

6 Mesajlar 652 Okunma
lstbozum
wmaraci reklam

MustafaZahit MustafaZahit WM Aracı Kullanıcı
  • Üyelik 27.06.2018
  • Yaş/Cinsiyet 30 / E
  • Meslek Öğrenci
  • Konum Mersin
  • Ad Soyad Z** Z**
  • Mesajlar 307
  • Beğeniler 15 / 32
  • Ticaret 0, (%0)
arkadaşlar dark mode nasıl yapılır bilginiz var mı ? yabancı veya Türkçe kaynak bulamadım
İstediğim şey yukarıda bir icon olacak tıklayınca renkler siyah olacak (sayfa yenilenmeden) teşekkür ederim

wpuzman
 

 

wmaraci
reklam

muhammetdkaya muhammetdkaya WM Aracı Kullanıcı
  • Üyelik 11.04.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad M** D**
  • Mesajlar 638
  • Beğeniler 146 / 136
  • Ticaret 4, (%100)
Hocam biliyorum ama baya uğraştırıcı
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
ye özel css yazarsın. Mesela



Olunca css şöyle olur:

body.dark .container {
background-color: #000;
color: #fff;
}


Jquery ile butona tıklayınca body'ye dark class'ı verirsin veya dark varsa silersin.

$('.dark-mode').on('click', function() {
$('body').toggleClass('dark');
});


Yalnız, sayfa yenilenince dark modun aktif olması için, jquery ile cookie oluşturmalısın. Yani cookie de dark: true gibi bir şey. Sonra php ile, cookie yi kontrol edip, body'yi dark class'ı ile açmalısınki, kullanıcılar her seferinde dark moda basmak zorunda kalmasın.

Cookie olayı biraz ayrıntıya giriyor. O kadar vaktim yok anlatmaya. Biraz uğraşırsanız ve kodlarınızı yazarsanız yardımcı olurum yine.
 

 

MustafaZahit MustafaZahit WM Aracı Kullanıcı
  • Üyelik 27.06.2018
  • Yaş/Cinsiyet 30 / E
  • Meslek Öğrenci
  • Konum Mersin
  • Ad Soyad Z** Z**
  • Mesajlar 307
  • Beğeniler 15 / 32
  • Ticaret 0, (%0)

wpuzman adlı üyeden alıntı

ye özel css yazarsın. Mesela



Olunca css şöyle olur:

body.dark .container {
background-color: #000;
color: #fff;
}


Jquery ile butona tıklayınca body'ye dark class'ı verirsin veya dark varsa silersin.

$('.dark-mode').on('click', function() {
$('body').toggleClass('dark');
});


Yalnız, sayfa yenilenince dark modun aktif olması için, jquery ile cookie oluşturmalısın. Yani cookie de dark: true gibi bir şey. Sonra php ile, cookie yi kontrol edip, body'yi dark class'ı ile açmalısınki, kullanıcılar her seferinde dark moda basmak zorunda kalmasın.

Cookie olayı biraz ayrıntıya giriyor. O kadar vaktim yok anlatmaya. Biraz uğraşırsanız ve kodlarınızı yazarsanız yardımcı olurum yine.


muhammetdkaya adlı üyeden alıntı

Hocam biliyorum ama baya uğraştırıcı

Teşekkür ederim hocam deneyeceğim
 

 

wmaraci
wmaraci

enerjiveguc enerjiveguc Wordpress Destek Kullanıcı
  • Üyelik 28.05.2018
  • Yaş/Cinsiyet 52 / E
  • Meslek Street Engineer
  • Konum İstanbul Anadolu
  • Ad Soyad B** A**
  • Mesajlar 5151
  • Beğeniler 2185 / 2187
  • Ticaret 0, (%0)
Yada DarkMode for Wordpress araması yaparsın, bir çok eklenti bulursun.
SenolK

kişi bu mesajı beğendi.

muhammetdkaya muhammetdkaya WM Aracı Kullanıcı
  • Üyelik 11.04.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad M** D**
  • Mesajlar 638
  • Beğeniler 146 / 136
  • Ticaret 4, (%100)
wordpress eklenti kısmında ara güzel eklentiler var. Ancak tek tek tüm cssleri kendine göre düzenlemen gerekicek.
 

 

wmaraci
Konuyu toplam 5 kişi okuyor. (0 kullanıcı ve 5 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al