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)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress sitenize karanlık mod eklemek mi istiyorsunuz?

WordPress’e karanlık mod eklediğinizde, web siteniz ziyaretçinin tarayıcı tercihlerine göre otomatik olarak uyum sağlayacaktır. Ayrıca sitenize bir karanlık mod geçişi ekleyerek ziyaretçilerin karanlık ve aydınlık modlar arasında kolayca geçiş yapmasını sağlayabilirsiniz.

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.

Video Eğitimi

Subscribe to WPBeginner

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

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 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, beğeninize göre bir anahtar düzeni, boyutu ve konumu seçebileceğ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, burada en üstte bir koyu mod simgesi göreceksiniz. Burada, 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

Umarız bu makale WordPress web sitenize karanlık modu nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te nasıl açılış sayfası oluşturacağınıza dair rehberimizi veya olmazsa olmaz WordPress eklentileri 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

19 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Bryan Durio says

    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 says

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

      Yönetici

  3. Adarsh Gupta says

    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

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.