Elementor'u Karanlık Mod'a Nasıl Değiştiririm?

Yüksek işlevli bir web sitesi oluşturmak, önceden herhangi bir deneyime sahip olmadan bile kolayca yapabileceğiniz bir şeydir. Sadece Elementor gibi bir WordPress eklentisi kullanıyorsunuz. Ancak, web sitenizin okunabilirliğini artırmaya gelince, elementor'u karanlık moda değiştirmeyi düşünmeniz gerekecek. Şimdi, muhtemelen merak ediyorsunuzdur, ilk etapta elementor'u karanlık moda nasıl değiştiririm?

QS karanlık modu gibi bir eklentinin aksine elementor'un varsayılan bir karanlık mod eklentisi yoktur. Bu, üçüncü taraf eklentileri yüklemeniz gerektiği anlamına gelir. QS karanlık mod eklentisini kullanmanın bir başka avantajı, uygulanmasının kolay olması ve elementor'dan daha kullanıcı dostu olmasıdır.

Bu derste, farklı eklentiler aracılığıyla elementor'u karanlık moda nasıl değiştireceğimize dair adımlara bakacağız.

Elementor Karanlık Modunu Neden Etkinleştirmeniz Gerekiyor?

Elementor karanlık modun kullanımı hem gereklilik hem de popülerlik açısından giderek artıyor. Yani, karanlık modu gerçekten etkinleştirmeniz gerekip gerekmediğini merak ediyorsanız, işte cevaplar.

Göz yorgunluğunu en aza indirir

Çok uzun süre mavi ışığa maruz kalmak dijital göz yorgunluğuna ve kuru göz ve baş ağrısı gibi semptomlara yol açabilir. Bu nedenle, temel veya karanlık modunu etkinleştirmek, gözlerinizi parıldayan ışıkların neden olduğu göz yorgunluğundan ve yorgunluktan korumaya yardımcı olabilir.

Okunabilirliği artırır

Elementor için karanlık modu kullanmanın bir başka yararı da, gelişmiş okunabilirlik için ekranınızı daha verimli hale getirmesidir. Bu, özellikle odada çok fazla güneş ışığı olduğunda, okumayı zorlaştırabilir. Bu nedenle, bir blogunuz varsa, kullanıcılarınızın web sitenizde daha uzun zaman geçirme olasılığı daha yüksektir.

Daha iyi görünürlük

Karanlık modun kullanımı, düşük ışık ayarlarında da kullanışlıdır. Basitçe, karanlık veya loş ortamlarda daha iyi görünürlük sağlar. Örneğin, partnerinizi uyandırma endişesi duymadan yatakta kullanabilirsiniz.

Pil ömründen tasarruf sağlar

Hem elementor hem de wordpress karanlık mod android , normal moda kıyasla daha az enerji kullanma eğilimindedir. Sonuç olarak, telefonunuzun veya dizüstü bilgisayarınızın pili daha uzun süre dayanabilir. Bazı uzmanlar, pilinizin ömrünü yaklaşık %30 artırabileceğini öne sürüyor.

Estetik amaçlı

Elementor normal moddaki diğer renk şemaları ile karşılaştırıldığında, bu mod gerçekten güzel görünümlü ve şık bir kullanıcı arayüzü sunar. Size gizemli ve yeni hissettiren bir şey sağlar.

Elementor'u karanlık moda nasıl değiştiririm?

Peki, web sitenizin öğesini tam olarak nasıl karanlık moda değiştirirsiniz? Sonuçta elementor blogunuzda varsayılan olarak karanlık mod özelliğini etkinleştirmenin bir yolu yoktur. Bu durumda, elementor için WP Dark Mode veya Plus Eklentileri gibi üçüncü taraf bir eklenti kullanırsınız. Her iki seçenek de ücretsiz ve Pro sürümlerinde mevcuttur.

Birinci Yöntem: WP Karanlık Modunu Kullanma

Bu, elementor'u karanlık moda değiştirmek için en yaygın ve popüler eklentidir. Elementor widget'ı için karanlık mod ve çoklu geçiş stilleri de dahil olmak üzere birçok özellik sunar. Aşağıda bu eklentinin nasıl kullanılacağına ilişkin adımlar bulunmaktadır.

1. Adım: Karanlık mod renklerinizi planlayın

Öncelikle hangi elementor elementleri karanlık moda geçirmek istediğinize karar vermelisiniz. Bunun nedeni, bazı durumlarda muhtemelen değiştirmek zorunda kalmayacağınız karanlık arka planlara sahip olmanızdır. Çoğu durumda, yazı tipleri ve resimler dahil olmak üzere genel arka plan renklerini değiştirmeniz gerekebilir.

2. Adım: WP Dark Mode'u kurun

Sırada, WP Dark Mode eklentisini indirmelisiniz. WordPress kontrol panelinizde eklentileri arayın ve üzerine tıklayın. Ardından, Yeni Ekle'yi seçin ve WP Karanlık Modu'nu arayın. Ve son olarak, eklentiyi etkinleştirmek için Şimdi Kur'a tıklayın.

3. Adım: Karanlık modu etkinleştirin

WP Dark Mode'u yüklemeyi tamamladıktan sonra, sonraki şey karanlık modu etkinleştirmektir. Tek bir sayfa veya tüm web sitesi için etkinleştirmeyi seçebilirsiniz.

4. Adım: Tek bir sayfa için Karanlık Modu etkinleştirin

Öncelikle, yeni bir sayfa eklemeli veya mevcut bir sayfayı kullanmalısınız. WordPress Yönetici Kontrol Panelinizde, sayfaları ve ardından Yeni Ekle'yi tıklamanız yeterlidir. Ardından sayfanıza bir ad verin ve sağ kenar çubuğunuzdan Elementor Full Width olarak sayfa şablonunu seçin. Ardından, Elementor ile Düzenle seçeneğini seçin.

Bundan sonra, arama widget'ı seçeneğinde Karanlık Mod'u arayın. Buradan, widget'ı düzenlemekte olduğunuz sayfaya sürükleyip bırakın. İşiniz bittiğinde, sayfanızı yayınlayabilirsiniz.

Adım 5: Tüm site için WP Dark Mode'u etkinleştirin

Ayrıca, web sitenizin tamamı için öğeyi karanlık moda değiştirmeyi de seçebilirsiniz. Bu durumda, WordPress Admin Dashboard'da WP Dark Mode widget'ını ve ardından ayarları seçerek başlarsınız. Bundan sonra, Genel Ayarlar'da Ön Uç Karanlık modunu etkinleştir'e tıklayın.

Ardından, açmak için ayarlardaki Yüzer Anahtarı Göster sekmesine tıklayın. WordPress yönetici çubuğunuzun üstünde yeni bir geçiş anahtarının görüneceğini fark edeceksiniz. Elementor'u karanlık moda değiştirmek için kullanacağınız şey budur.

Adım 6: Bir kayan anahtar stili seçin

wp admin karanlık modunuzu etkinleştirdikten sonra, kişiselleştirilmiş bir görünüm için özelleştirebilirsiniz. Aralarından seçim yapabileceğiniz birkaç kayan anahtar stili vardır. Bu nedenle, blogunuzla eşleşen bir tema seçmeniz yeterlidir.

Gece modu sekmesine tıklayın ve ardından ayarları değiştir'i seçin. Açık tema ve karanlık tema dahil olmak üzere ön uç için farklı stillerde kayan anahtarlar göreceksiniz. Son olarak, ayarları kaydetmeyi seçin. Elementor için karanlık modunuz artık web sitenizin tüm sayfalarında etkinleştirilmelidir.

İkinci Yöntem: Plus Eklentilerini Kullanma

Elementor için Plus Eklentileri, elementor kullanarak sitenizi özelleştirmenize yardımcı olacak bir dizi widget ve şablon içerir. Bu eklenti, üstbilgi veya altbilgi alanına widget eklemenizi sağlar. Bu aracı kullanarak blogunuzun öğesini karanlık moda nasıl değiştireceğinizle ilgili bu adımları izleyin.

1. Adım: Plus Eklentilerini İndirin

WordPress yönetici kontrol panelinizde Eklentiler'e tıklayın ve Yeni Ekle'yi seçin. Eklenti deposuna yönlendirileceksiniz. Arama çubuğuna Elementor için The Plus Eklentileri yazın ve şimdi yükle düğmesine tıklayın.

Kurulumdan sonra Plus Ayarları, kontrol panelinizin sol alt köşesinde görünmelidir.

2. Adım: Karanlık mod widget'ını etkinleştirin

Plus Eklentilerini yükledikten sonra, Plus Eklenti panosunda Plus Widget'larını seçin. Ardından, arama kutusuna karanlık mod yazın ve düğmeyi sağa kaydırarak açın.

Adım 3: Widget'ı elementor düzenleyicinize ekleyin

Karanlık mod widget'ınızı eklemek için web sitenizin başlığını açın ve ardından 'Elementor ile Düzenle' sekmesine tıklayın. Ardından, Elementor widget'ları panelinize karanlık mod widget'ını yazın. Son olarak, widget'ı sürükleyin ve sağa bırakın.

Adım 4: Öğeyi karanlık moda değiştirin

Öğe veya karanlık mod widget'ında içerik sekmesini seçin. Karanlık mod, konum ve ekstra seçenek dahil olmak üzere üç seçenek göreceksiniz. Karanlık modun farklı tonlarından web sitenize veya markanıza uygun bir tema seçmek için karanlık mod seçeneğini seçin.

Karanlık modu daha da özelleştirmek isterseniz, ekstra seçenek ayarını kullanabilirsiniz. Değişiklikleri uygulamak için ayarları kaydet'e tıklayın. Bu aşamada elementorunuz karanlık mod ayarında olmalıdır.

Elementor Normal Mod ve Karanlık Mod: Farklar nelerdir?

Elementor normal modu, önceden tanımlanmış veya varsayılan 4 genel renkle birlikte gelir. Bu renkler birincil, metin, yükseliş ve ikincil renkleri içerir. Ana renkler başlıklar ve simgeler içindir, ikincil renkler ise liste öğeleri, fiyat tablosu arka planları ve alt başlıklar içindir. Bu arada, metin renkleri menü öğeleri ve paragraflar için, vurgu renkleri ise rozetler ve bağlantılar içindir.

Elementor karanlık modu ile, daha koyu arka plan renkleri ve daha açık ön plan renkleri içerir. Normal modun aksine, bu mod Elementor ile varsayılan ayar olarak gelmez. Bu nedenle, etkinleştirmek için ücretsiz veya profesyonel karanlık mod eklentileri kullanmanız gerekecektir. Karanlık modda elementor, gece modu görünümünü oluşturmak için yalnızca iki arka plan rengi seti kullanır.

Karanlık mod renk seçicilerinin kullanımları nelerdir?

Koyu modu kullanırken, web sitenizin stiline uyacak şekilde seçebileceğiniz farklı koyu renk paletleri vardır. Renk seçici, görsel öğelerin en iyi renklerini seçmenize yardımcı olur. Başka bir deyişle, tasarımlarınızda kullanmak üzere bir rengi hızlıca seçmek için koyu mod renk seçiciyi kullanabilirsiniz.

Renkleri seçmenize izin vermenin yanı sıra, karanlık mod için renk seçiciler bu renkleri saklamanıza olanak tanır. Sık kullandığınız renkleri, ihtiyaç duyduğunuz her an erişim kolaylığı için kolayca kaydedebilirsiniz.

Ek olarak, renk seçiciler, artık ihtiyacınız olmayan renkleri sürükle ve bırak özelliğiyle silmenize olanak tanır. Daha da önemlisi, en iyi karanlık mod renklerinizi doğrudan seçiciden doğru sırayla yeniden düzenlemenizi sağlar.

Çözüm

Gelişmiş okunabilirlik veya görünürlük için öğeyi karanlık moda değiştirmek isteyip istemediğinizi kolayca yapabilirsiniz. Elementor karanlık modunuzu etkinleştirmek için hangi eklentileri kullanacağınızı ve izlemeniz gereken adımları bilmeniz yeterlidir. Bunun nedeni, QS karanlık modu gibi eklentilerin aksine elementor'un yerleşik bir varsayılan karanlık mod eklentisine sahip olmamasıdır.

Şansınıza, tüm bu bilgileri yukarıda bulabilirsiniz. Bununla birlikte, elementor'u karanlık moda değiştirmek için kullanabileceğiniz başka eklentiler olduğunu belirtmekte fayda var.

Daha fazla rahatlık için karanlık mod için renk seçicileri kullanmanızı öneririz. Farklı sayfalarınız için doğru karanlık mod rengini ve temasını seçme konusunda size zaman kazandırabilir.

Tek Blog gönderisi şablonu