Nasıl İletişime Geçmek İstersiniz?
Genel

WordPress Web Sitenize Karanlık Mod Ekleyin (Kolay Bir Şekilde)

Advertisements

WordPress sitenize karanlık mod eklemek ister misiniz?

Birçok cihaz artık yerel karanlık mod desteğiyle geliyor. Web sitenize karanlık bir mod eklemek, tasarımınızı otomatik olarak kullanıcılarınızın tarayıcı tercihine göre uyarlar. Sitenize bir karanlık mod değiştirici geçişi bile ekleyebilirsiniz.

Bu makalede, WordPress web sitenize hem ön uç hem de yönetici alanına kolayca karanlık modu nasıl ekleyeceğinizi göstereceğiz.

Karanlık Mod Nedir ve Neden Web Sitenize Eklemelisiniz?

Karanlık mod, mobil cihazlarda ve bilgisayarlarda ekrandan gelen beyaz ışık miktarını azaltmak için kullanılır.

Bazı cihazlar, bunun yerine daha sıcak renk tonları kullanan bir gece moduna sahiptir. Koyu mod, arka plana koyu renkler ekleyerek farklı bir yaklaşım kullanır.

Bir iPhone veya Android cihazınız varsa, sadece bir geçiş kullanarak karanlık moda geçebilirsiniz.

Alternatif olarak, bilgisayarınızda Night Eye gibi bir Chrome uzantısı kullanarak web sitelerini karanlık modda görüntüleyebilirsiniz. WPBeginner web sitesi bu uzantıyı kullanarak şöyle görünüyor:

WordPress web sitesi, Chrome'Night Eye' uzantısı kullanılarak görüntülendi

Sitenize karanlık mod eklemek, kullanıcılara sitenizi görüntülerken karanlık modu açma ve kapatma seçeneği sunar. Ayrıca, sitenizin karanlık modda nasıl görüneceği konusunda size daha fazla kontrol sağlar.

YouTube gibi popüler web siteleri de koyu bir renk düzeni sunar. Bu, kullanıcıların daha rahat bir izleme deneyimi ile gece geç saatlerde video izlemelerine olanak tanır.

YouTube'u koyu tema seçeneği açıkken görüntüleme

Web sitenizin ön ucuna karanlık mod eklemenin yanı sıra, WordPress yöneticinize de karanlık mod ekleyebilirsiniz. Sitenizde akşamları veya geceleri çalışıyorsanız bu yararlı olabilir.

İlk olarak, WordPress web sitenize karanlık mod eklemeye bir göz atacağız . Ardından, WordPress yönetici panonuza karanlık mod eklemeyi ele alacağız.

WordPress Web Sitenize Koyu Mod Ekleme

Öncelikle, WP Dark Mode eklentisini kurmanız ve etkinleştirmeniz gerekir . Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın .

Etkinleştirdikten sonra, WordPress yöneticinizde Ayarlar »WP Karanlık Modu sayfasına gidin ve Genel Ayarlar sekmesine tıklayın. Oraya otomatik olarak yönlendirilmelisiniz.

Burada, ‘İşletim Sistemine Duyarlı Karanlık Modu Etkinleştir’ ayarı sizin için açılmıştır. Bu, ziyaretçilerin, cihazları karanlık moda ayarlandığında sitenizin karanlık mod sürümünü otomatik olarak görecekleri anlamına gelir.

‘Yüzer Anahtarı Göster’ ayarı da açıldı. Bu, kullanıcıların, cihazlarında Karanlık Mod seçeneğini etkinleştirmemiş olsalar bile, sitenin görünümünü istedikleri zaman karanlık moda geçirebilecekleri anlamına gelir.

WP Dark Mode eklentisi için Genel Ayarlar sayfası

Sadece web sitenizi ziyaret edin ve sağ alt köşede anahtarı göreceksiniz. Sitenizi cihazınızda anında karanlık moda geçirmek için tıklayın:

Karanlık mod anahtarı artık web sitesinde ziyaretçiler için görüntüleniyor

Ayarlar »WP Koyu Mod sayfasında daha fazla özelleştirme seçeneği mevcuttur . Ancak, bunlar ücretsiz eklenti ile oldukça sınırlıdır.

Örneğin, kayan anahtarın stilini değiştirmek için Görüntü Ayarları sekmesine tıklamanız yeterlidir:

Ekran Ayarlarında gece modu değiştirme düğmesinin seçilmesi

Koyu mod renklerini Stil Ayarları sekmesini kullanarak da özelleştirebilirsiniz:

Stil Ayarlarında koyu mod renk düzeninizi seçme

Herhangi bir değişiklik yaptıktan sonra Ayarları Kaydet düğmesini tıkladığınızdan emin olun.

Not: WP Dark Mode’un ücretsiz sürümü ile, yalnızca ilk 2 kayan anahtar stilini ve aralarından seçim yapabileceğiniz ilk 2 renk ön ayarını elde edersiniz.

WP Dark Mode’un profesyonel sürümü, çok daha fazla tasarım seçeneği, ayrıca belirli zamanlarda karanlık modu açma yeteneği ve özel CSS kodu ekleme seçeneği sunar.

WordPress Yöneticinize Koyu Mod Ekleme

WordPress yönetici renk şemalarıyla birlikte gelir, ancak varsayılan renk şemalarının hiçbiri ekranınızdan gelen beyaz ışığı azaltmaz. Neyse ki, bu eklenti bu sorunu da çözüyor.

Geç saatlerde daha keyifli bir kullanıcı deneyimi için WordPress yönetici alanınıza kolayca karanlık modu nasıl ekleyeceğinize bir göz atalım .

Basitçe gidin Ayarlar »WP Koyu Modu sayfa ve Genel Ayarlar sekmesine tıklayın. Ardından, ‘Arka Uç Karanlık Modunu Etkinleştir’ anahtarını açık konuma getirin. Sayfanın altındaki Ayarları Kaydet düğmesini tıklamayı unutmayın:

WordPress yöneticinizde karanlık modu kullanabilmek için Arka Uç Karanlık Modunu Etkinleştir geçişini açın.

Şimdi yönetici alanınızın üst çubuğunda yeni bir anahtar göreceksiniz:

Yönetici arayüzünüz için açık (normal) ve karanlık arasında geçiş yapmak için WordPress yöneticinizdeki geçiş anahtarı

Yönetici alanınızı anında karanlık moda geçirmek için bu anahtara tıklamanız yeterlidir.

İpucu: Sitenizde birden fazla WordPress kullanıcısı varsa , her kişi tercih ettiği şekilde karanlık modu açıp kapatabilir.

‘Koyu Mod’ bir yönetici renk şeması olmadığından, bunu mevcut bir WordPress yönetici renk şemasıyla birlikte kolayca kullanabilirsiniz. Bunu ayarlamak için, Kullanıcılar » Profil’e gidin ve Yönetici Renk Şeması altındaki bir seçeneği tıklayın.

Yönetici renk düzeni seçeneklerini görmek için karanlık modu kapatmanız gerekeceğini unutmayın:

Kullanıcı profili sayfanızda WordPress'te bir yönetici renk şeması seçme

WordPress blok düzenleyicide bir gönderi yazarken , karanlık modu da açabilirsiniz. Sol üstteki küçük renkli simgeye tıklayın, ardından kullanmak istediğiniz modu seçin:

WordPress blok düzenleyicide karanlık modu açma

Artık gece gözlerinizi yormadan rahatça yazı yazabilir ve web sitenizde çalışabilirsiniz.

Doğucan Güler

Yazar

Doğucan Güler

Ege Üniversitesi Grafik Tasarımı Bölümünden Mezun Olduktan Sonra İş Hayatıma, Marka İletişimi Ve Pazarlama Desteği Sunmak Adına Birçok Firma İle Tanıştım. Daha İyi Görsel İletişim Anlayışı Ve Kalite Düzeyi Arttırılmış Ürünler Ve Reklamlarını Tasarlamaya Devam Ediyorum.

Yorum bırak

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir