WordPress Web Sitenize Karanlık Mod Nasıl Eklenir

Yayınlanan: 2021-06-14

Karanlık mod, günümüzde hem web sitelerinde hem de uygulamalarda gerçekten yaygınlaşıyor. Karanlık mod ve normal mod arasında geçiş yapabilme özelliği, kullanıcıya web sitesini tercihlerine göre okuma veya görüntüleme özgürlüğü verir.

Karanlık Mod, özellikle geceleri web sitenizi okurken çok faydalı olur, bu da gözlerinize daha az ışık gitmesini sağlayarak göz yorgunluğunu azaltır.

Ayrıca, karanlık mod genellikle zararlı mavi ışığa maruz kalmayı azaltır ve genellikle web sitesini okumak için kullandığınız cihazınızın pil ömrünü uzatır.

Peki, WordPress Web Sitenize karanlık bir mod eklemek ister misiniz? Evet ise, o zaman doğru yere geldiniz çünkü bugün, WordPress web sitenizin ön yüzünde ve yönetici alanında WordPress karanlık modunu nasıl seçebileceğiniz konusunda size eksiksiz bir kılavuz vereceğiz.

Karanlık Mod Nedir?

Karanlık modları cep telefonlarında ve PC'lerde veya dizüstü bilgisayarlarda bulabilirsiniz ve karanlık mod, ekranın yaydığı beyaz ışık miktarını azaltır. Bazı gadget'lar, daha soğuk renk tonları yerine daha sıcak renk tonları kullanan bir gece modu içerir. Karanlık mod, arka planı koyu tonlarla doldurarak farklı bir yaklaşım benimsiyor.

WordPress Web Sitenize Neden Karanlık Mod Eklemelisiniz?

Karanlık mod, yayılan ve gözler için oldukça rahatsız edici ve zararlı olabilen doğrudan ışığı azalttığı için, web sitelerinizi gece görüntüleme konusunda kullanıcıya daha iyi bir deneyim sunar. Ayrıca, WordPress sitenize bir karanlık mod eklentisi eklemek, karanlık modu hem açma hem de kapatma seçeneğine sahip olacağınız anlamına gelir. Ek olarak, sitenizin karanlık modda nasıl göründüğü konusunda daha fazla yetkiye sahip olacaksınız. Karanlık mod ayrıca WordPress web sitesinde bir gece modu gibi çalışır.

Karanlık mod WordPress eklentisi ile, bunu mutlaka yalnızca ön uçta kullanamazsınız, bunun yerine karanlık modu WordPress admin için de kullanabilirsiniz, bu da gece boyunca kendiniz daha iyi bir çalışma deneyimine sahip olabileceğiniz anlamına gelir.

WordPress Web Sitenize Karanlık Mod Nasıl Eklenir

Aşağıda, WordPress web sitenize karanlık modu nasıl ekleyeceğinizi öğreteceğiz. Bu çok kolay olduğundan ve tüm prosedürü tamamlamak için sadece birkaç dakikaya ihtiyaç duyduğundan lütfen adımları dikkatlice izleyin.

WordPress.org'da Droit Karanlık Modu

Adım 1: Eklentiyi Yükleme

İlk ve en önemli adım, DroitThemes tarafından Droit Dark Mode'u indirip kurmaktır. Bu, piyasadaki en iyi WordPress karanlık mod eklentilerinden biridir ve bunun için herhangi bir para ödemeden önce özellikleri kontrol etmek için ücretsiz sürüme de erişebilirsiniz.

WordPress eklentisini kurmanın 3 yolu vardır.

Yöntem 1: İlk başta Eklenti indirilmeli ve sıkıştırılmış olmalıdır. Bundan sonra 'droit-dark-mode.zip' dosyasını açın ve ' /wp-content/plugins/ ' dizinine yerleştirin. Son adımda, Eklentiler » Yönetici bölümüne gitmeniz ve eklentiyi etkinleştirmeniz gerekir.

Yöntem 2: İzleyebileceğiniz başka bir adım da bu karanlık mod eklentisini kurmaktır . Pano » Eklenti » Yeni Ekle » Ara 'Droit Dark Mode' » Yükle » Etkin .

Eklenti Arama Sayfasında Droit Karanlık Modu

Yöntem 3: Ayrıca başka bir adım daha var, Önce 'droit-dark-mode.zip' indirilmeli, ardından aşağıdaki adımları izleyin: Pano > Eklenti > Yeni Ekle > Zip dosyasını yükle » Etkin.

2. Adım: Karanlık Modu Kontrol Etme

Etkinleştirmeden sonra, WordPress yöneticinizin Ayarlar » Droit Karanlık Modu sayfasına gidin ve Genel Ayarlar sekmesini seçin. Hemen oraya yönlendirilmelisiniz. Bir ziyaretçinin cihazı karanlık moda ayarlandığında, sitenizin karanlık mod sürümünü anında görüntüleyecektir.

Droit Karanlık Modunda Genel Ayarlar

Ayrıca seçiminize göre açıp kapatabileceğiniz bir “Stil Değiştir” seçeneği bulacaksınız; varsayılan olarak, açık olacaktır. Bu anahtar, web sitenizin herhangi bir yerinde gösterilebilir ve kullanıcı bu anahtarı kullanarak karanlık mod ile normal mod arasında seçim yapabilir.

Bu anahtarı varsayılan olarak web sitenizin sağ alt köşesinde bulabilirsiniz; normal bir izleyici olarak web sitenizi ziyaret edin ve web sitenizi karanlık modda kolayca değiştirmek için anahtarı tıklayabilirsiniz.

3. Adım: Gelişmiş Ayarlar

Eh, Droit Dark Mode hem ücretsiz bir eklenti hem de ücretli bir sürüm olarak geliyor. Ücretsiz sürüm size çok fazla kişiselleştirme seçeneği sunmazken, ücretli sürüm bu karanlık mod eklentisini istediğiniz şekilde özelleştirmenize izin verecektir.

Özelleştirme seçeneklerini Ayarlar » Droit Karanlık Modu » Gelişmiş Ayarlar sayfasında bulabilirsiniz ve ek özelleştirme seçenekleri vardır. Karanlık modu mu yoksa parlak modu mu kullanacağınıza karar verdiğinizde, varsayılan olarak saklanır.

Anahtar Stilini Değiştirme

Örneğin, Karanlık Mod değiştiricinin stilini değiştirmek için, Ekran Ayarları sekmesine tıklamanız yeterlidir: Web sitenizde seçebileceğiniz ve kullanabileceğiniz birkaç anahtar stili vardır. Ayrıca, herhangi bir gönderi veya sayfanın içeriğine bir Geçiş Düğmesi eklemek için kullanılabilen Elementor widget'ını da kullanabilirsiniz.

Gutenberg bloğu, herhangi bir gönderi veya sayfanın içeriğine bir Geçiş Düğmesi eklemek için kullanılabilir.

Anahtarı farklı konumlara ayarlama seçeneğiniz olsa ne güzel olur. Droit karanlık mod eklentisi sayesinde bu da mümkün çünkü web sitenizdeki anahtarları sol-üst, sol-alt, sağ-üstten başlayarak çeşitli konumlara yerleştirmenize izin veriyor. sağ-alt, orta-alt, orta-üst vb.

Ücretsiz sürümde; aralarından seçim yapabileceğiniz 2 karanlık mod değiştirici seçeneğiniz olacak.

Droit Karanlık Modunda Görüntü Ayarları

Kullanıcı, anahtar konumunu değiştirebilir ve bunları elementor widget'ını veya Gutenberg Bloğu'nu kullanarak herhangi bir içeriğe, gönderiye veya sayfaya yerleştirebilir. Anahtar, doğru konumu bulmak için anahtara tıklayarak ve farenizi çekerek farklı konumlarda hareket ettirilebilir.

Karanlık Modun Renklerini Değiştirme

Renk paletinden koyu mod rengini hızla değiştirmek için 10'dan fazla benzersiz renk ön ayarı arasından seçim yapabileceğiniz Çoklu Renk Ön Ayarlarına sahip olacaksınız. Sadece Droit Dark Mode ayarına gidin, ardından stil ayarlarına gidin ve seçiminize göre özelleştirebileceğiniz renk seçenekleri ayarını bulacaksınız.

Ayrıca, piyasadaki tüm ana temalar Droit Dark Mode eklentisi ile uyumludur, bu nedenle koruma altındasınız.

Ücretsiz sürümde 2 renk arasından seçim yapma seçeneğiniz olacak.

Droit Karanlık Modunda Önceden Ayarlanmış Renk

WordPress Yöneticinize Karanlık Mod Nasıl Eklenir

Şimdiye kadar WordPress web sitenize Droit Dark Mode eklentisini nasıl ekleyeceğinizi gösterdik, şimdi bunu admin'de nasıl ekleyebileceğimizi göstereceğim.

Bildiğiniz gibi, WordPress birçok farklı yönetici renk şeması sunar, ancak ne yazık ki hiçbiri karanlık moda sahip değildir ve ışığı azaltamaz. Bu yüzden en basit ve etkili çözüm, Droit Dark Mode eklentisini kullanmaktır.

Adım 1: Nasıl Eklenir

Ayarlar » Karanlık Mod sayfasındaki Genel Ayarlar sekmesine gitmeniz yeterlidir. Ardından 'Arka Uç Karanlık Modunu Etkinleştir' ayarını açın. Sayfanın altındaki Ayarları Kaydet düğmesine tıklayarak ayarlarınızı kaydetmeyi unutmayın: Ve şimdiye kadar yönetici çubuğunun üst kısmında, aydınlık ve karanlık mod arasında kolayca geçiş yapmanızı sağlayacak bir anahtar bulunmalıdır.

Droit Karanlık Modunda Arka Uç Karanlık Modunu Etkinleştir

2. Adım: Daha Fazla Özelleştirme Seçeneği ve Özellikler

Yönetici alanında bu karanlık mod eklentisinde bulabileceğiniz bazı özelliklere bakalım.

Renk Seçimi

Tarayıcınıza bağlı olarak Yönetici Panosu için bir Renk Ön Ayarı seçin, koyu ve açık yönetici panoları için bir renk ön ayarı belirleyebilirsiniz. Bu, WordPress web sitenizde çalışırken seçimlerinize göre rengi seçmek için tam erişime sahip olacağınız anlamına gelir.

Karanlık Mod bir yönetici renk şeması olmadığı için, WordPress'te zaten mevcut olanla kolayca birleştirebilirsiniz. Bunu yapmak için Kullanıcılar » Profil'e gidin ve açılır menüden Yönetici Renk Düzeni altında bir seçenek belirleyin. Yönetici renk şeması seçeneklerine erişmek için karanlık modu kapatmanız gerekeceğini belirtmekte fayda var:

Kullanıcı ayarları

Farklı Sayfa ve Gönderiler İçin Gece Modunu Ayarlama

Karanlık modu etkinleştirme/devre dışı bırakma ve seçimlerinize göre bireysel gönderilerde farklı bir renk paleti seçme seçeneğine sahip olacaksınız. Ayrıca her kategori için karanlık modu etkinleştirebilir/devre dışı bırakabilir ve ayrı bir renk paleti belirleyebilirsiniz.

Bu özelleştirme seçenekleri, özellikle web sitenizin diğer rakiplerinizden farklı olmasını istediğinizde harika çalışır.

Farklı Ürünlerin İçeriklerinin Öne Çıkarılması

Farklı ve belirli ürünlerde karanlık modu veya gece modunu etkinleştirmek veya devre dışı bırakmak ya da belki farklı bir renk ayarlamak istediğinizi varsayalım; Bu WordPress karanlık eklentisi bunu yapmanıza bile izin verecektir.

Belirli bir içeriği vurgulamak istediğinizi varsayalım. Bu WordPress eklentisi ile bu da kolaydır çünkü her sayfa/yazı türü için karanlık mod değiştirme düğmesini içerikten önce/sonra yerleştirebilirsiniz.

Özel Renk ve Metin Değiştir

Hatta tüm paragraflarınız, bağlantılarınız, başlık düğmeleriniz ve diğer tüm UI öğeleriniz için özel renkler seçip ayarlayabilirsiniz. O kadar çok kişiselleştirme seçeneği var ki, farklı seçenekler görmekten bıkacaksınız.

Ayrıca karanlık mod anahtarının metnini karanlıkta veya aydınlıkta düzenleyebilirsiniz.

Görüntü Özelleştirme

Görüntü, herhangi bir web sitesinde bir izleyicinin dikkatini çeken ilk şeydir. Droit Dark Mode pro sürümü ile görüntünüzün parlaklığını, opaklığını ve kontrastını kolaylıkla düzenleyebilirsiniz.

İçeriğinizi mükemmel şekilde eşleştirmek için parlaklığı, opaklığı ve kontrastı istediğiniz gibi artırın veya azaltın.

Küçük İpucu: WordPress blok düzenleyicide bir gönderi oluştururken karanlık modu da kullanabilirsiniz. Sol üstteki küçük renkli simgeye tıklayarak kullanmak istediğiniz modu seçin: Gözlerinizin daha az yorulmasını sağlayacak kolay bir çalışma deneyimi için daha ne istiyorsunuz?

Çözüm

Muhtemelen buradasınız çünkü WordPress web sitesine karanlık modu nasıl ekleyeceğinizi öğrenmek istediniz ve bugün bunu yaptık. Şimdiye kadar bu makalede, WordPress web sitenize karanlık mod eklemek için ihtiyacınız olan her şeyi tartıştık.

Karanlık modu doğrudan WordPress sitesine eklemek mümkün değildir ve bunun için ek bir Eklentiye ihtiyacınız olacak ve bizim için Droit Dark Mode eklentisi, web sitenizde ve yönetici panelinde karanlık mod vermek için gerçekten iyi çalışıyor. Bu eklentinin sağladığı özelleştirme muazzamdır ve hiç şikayet etmeden eğlenceli vakit geçireceksiniz.