Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Web Sitenize Koyu Mod Nasıl Eklenir (Kolay Yol)

Birçok kullanıcı, özellikle geceleri veya ışığın az olduğu ortamlarda bir web sitesinde gezinirken cihazlarında ve tarayıcılarında karanlık modu kullanmayı tercih eder. Bu nedenle web sitenizde karanlık modu etkinleştirmek, göz yorgunluğunu azaltmaya ve daha rahat bir görüntüleme deneyimi oluşturmaya yardımcı olarak sitenizi bu ziyaretçiler için daha kullanıcı dostu hale getirebilir.

WordPress’e koyu mod eklediğinizde web siteniz ziyaretçinin tarayıcı tercihlerine göre otomatik olarak uyum sağlayacaktır. Ayrıca ziyaretçilerin karanlık ve aydınlık modlar arasında kolayca geçiş yapabilmesi için bir karanlık mod geçişi de ekleyebilirsiniz.

Bu makalede, WordPress web sitenize nasıl kolayca karanlık mod ekleyebileceğinizi göstereceğiz.

How to add dark mode to your WordPress website

Karanlık Mod Nedir ve Neden Web Sitenize Eklemelisiniz?

Birçok mobil cihaz ve bilgisayar, ekrandan gelen beyaz ışık miktarını en aza indirmek için karanlık mod kullanır. Bu, özellikle düşük ışık koşullarında göz yorgunluğunu azaltabilir.

Hatta bazı insanlar, beyaz ve mavi ışık uykunuzu bozmadan gece geç saatlere kadar bilgisayar ve mobil cihazları kullanmanıza olanak sağladığına inanıyor.

Bazı cihazlar, sadece daha sıcak renk tonları kullanan yerleşik bir gece modu ile birlikte gelir. Ancak karanlık mod aslında cihazın arka planına koyu renkler ekler.

YouTube gibi bazı popüler web siteleri yerleşik bir koyu renk düzeni sunar.

YouTube's dark mode

Masaüstü bilgisayarlarda, Night Eye gibi bir Chrome uzantısı kullanarak web sitelerini karanlık modda ziyaret edebilirsiniz.

İşte WPBeginner web sitesinin bu uzantı kullanılarak nasıl göründüğü:

An example of a website, with dark mode enabled

Web sitenize bir karanlık mod geçişi ekleyerek, kullanıcılar özel bir tarayıcı uzantısı yüklemek zorunda kalmadan tercih ettikleri modu seçebilirler.

WordPress yönetici alanınıza karanlık mod bile ekleyebilirsiniz. Bu, siteniz üzerinde geceleri çalışıyorsanız veya göz yorgunluğunuz varsa faydalı olabilir.

Bunu akılda tutarak, web sitenizin herkese açık ön ucuna ve WordPress web sitenizin yönetici alanına karanlık modu nasıl ekleyebileceğinizi görelim.

İpucu: Ziyaretçinin cihazı normal veya gündüz modundayken bile koyu bir renk düzeni kullanmak mı istiyorsunuz? O halde WordPress için en iyi koyu temalar listemize göz atın.

WordPress Web Sitenize Koyu Mod Nasıl Eklenir

Web siteniz için karanlık bir mod oluşturmanın en kolay yolu WP Dark Mode kullanmaktır. Bu eklenti, ziyaretçilerin web sitenizde karanlık modu etkinleştirebilmeleri için bir geçiş ekler. Hatta yönetici alanına bir geçiş ekleyebilir, böylece WordPress panosu için karanlık modu etkinleştirebilirsiniz.

Detaylı WP Dark Mode incelememizde eklenti hakkında daha fazla bilgi edinebilirsiniz.

Öncelikle ücretsiz WP Karanlık Mod eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için lütfen WordPress eklentisi yükleme kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress panosundan WP Karanlık Modu ” Ayarlar sayfasını ziyaret edin ve ‘Ön Uç Karanlık Modunu Etkinleştir’ anahtarını ‘AÇIK’ olarak değiştirin.

Bunu yaptıktan sonra, web sitenizin ön ucu için varsayılan bir mod da seçebilirsiniz. Bundan sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Enable frontend dark mode

Ardından, anahtar düzenini, boyutunu ve konumunu özelleştirebileceğiniz ‘Özelleştirme’ sekmesine geçin.

Koyu mod anahtarının rengini de değiştirebilirsiniz, ancak bunun için eklentinin pro sürümüne ihtiyacınız olacaktır.

Customize the dark mode switch

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın. Şimdi, karanlık mod geçişini çalışırken görmek için WordPress sitenizi ziyaret edin.

Web sitenizin mobil sürümünü görüntülerseniz, karanlık modun akıllı telefonlarda ve tabletlerde de çalıştığını görürsünüz.

Website dark mode preview

WordPress Yönetici Alanınıza Koyu Mod Ekleme

WordPress ‘te yerleşik ayarları kullanarak yönetici renk düzenini değiştirebilirsiniz. Ancak, varsayılan renk şemalarının hiçbiri ekrandan gelen beyaz ışığı azaltmaz.

Akşam geç saatlere kadar çalışıyorsanız veya göz yorgunluğunuz varsa, WordPress yönetici alanına ve blok düzenleyicisine karanlık mod eklemeyi deneyebilirsiniz.

Bunu yapmak için WP Karanlık Modu ” Ayarlar sayfasını ziyaret edin ve sol sütundan ‘Yönetici Paneli Karanlık Modu’ sekmesine geçin.

Burada, ‘Yönetici Panosu Koyu Modunu Etkinleştir’ seçeneğinin anahtarını ‘AÇIK’ konumuna getirin ve ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Add dark mode in the WordPress dashboard

Bunu yaptığınızda, karanlık mod anahtarının WordPress panonuzun en üstünde olduğunu fark edeceksiniz.

Buradan, bu modu istediğiniz zaman etkinleştirmek için düğmeyi değiştirebilirsiniz.

Toggle the dark mode switch in WordPress dashboard

Blok düzenleyici için de bir karanlık mod eklemek istiyorsanız, ‘Blok Düzenleyici Karanlık Modu’ anahtarını ‘AÇIK’ konumuna getirmeniz gerekir.

Ardından, ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Enable dark mode for the block editor

Şimdi içerik düzenleyicide bir sayfa veya gönderi açın. En üstte bir karanlık mod simgesi göreceksiniz. Sekmeyi genişletmek için üzerine tıklayın ve ‘Koyu Mod’ seçeneğini seçin.

Blok düzenleyiciniz karanlık modda bu şekilde görünecektir.

Block editor dark mode preview

Video Eğitimi

Subscribe to WPBeginner

Umarız bu makale WordPress web sitenize karanlık modu nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress siteniz için mükemmel bir renk şemasını nasıl seçeceğinize ilişkin kılavuzumuzu veya sitenizi özelleştirmek için en iyi WordPress tema oluşturucuları için uzman seçimlerimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

18 yorumBir Cevap Bırakın

  1. Oreofe Oyebamiji

    Great info. I really love the plug-in and easy to use

    • WPBeginner Support

      Glad you found it helpful!

      Yönetici

  2. Kurt

    I generally prefer dark modes in apps that support it. Thank you for this great tip.

    • WPBeginner Support

      Glad we could share this option :)

      Yönetici

  3. Iponk

    wow…nice info, thanks

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Yönetici

  4. Agung

    This is wonderful. Thanks I’ll try it!

    • WPBeginner Support

      Glad our guide was helpful :)

      Yönetici

  5. Bryan Durio

    This is a fantastic plugin to save people’s eyes. I’ve used dark color schemes in Windows for years and now I can add it to my WP site. I appreciate your explanation of a few of its options. Thank you profusely!

    • WPBeginner Support

      Glad you found our guide helpful :)

      Yönetici

  6. Richard hickman

    What does this feature do to Accessibility requirements?

    • WPBeginner Support

      It would depend on the specific accessibility requirements you are attempting to comply with for if this does anything or not.

      Yönetici

  7. Richard Mayowa

    It is just too awesome possibility

    • WPBeginner Support

      Glad you like the available option :)

      Yönetici

  8. Jennifer C. Valerie

    This is awesome. Thanks!

    • WPBeginner Support

      You’re welcome :)

      Yönetici

  9. Adarsh Gupta

    Wow Amazing.
    I haven’t know about the Dark mode. But it’s so easy to add dark mode in WordPress
    Thanks for Great Explained

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.