Bu 4 Basit Adımla WordPress Web Sitenize Karanlık Mod Nasıl Eklenir

Ekim 2019'da Instagram ve diğer birkaç büyük web sitesi ve uygulama karanlık modu eklediğinde, insanların bu özelliğe olan ilgisinde büyük bir artışa tanık olduk.

Bununla birlikte, Instagram'ın karanlık, diğer bir deyişle gece modunu benimsemesi olan aykırı değeri hariç tutsak bile, yukarıdaki grafik, özelliğin son birkaç yılda popülaritesindeki artışı açıkça göstermektedir.

Instagram ile birlikte, diğer birçok büyük şirket gece modu dönemine geçti ve siz de geçiş yapmayı düşünmelisiniz. Yalnızca trend olduğu için değil, kullanıcılarınızın göz yorgunluğunu azaltması, sitenizi ziyaret etmek için kullanılan cihazların pil ömrünü artırması ve çok daha havalı görünmesi dahil ancak bunlarla sınırlı olmamak üzere, kullanıcılarınıza sağladığı pek çok fayda için.

Tamam, sonuncusu biraz öznel olabilir, ama biz buna bağlı kalıyoruz.

Neyse ki, WordPress web sitenize karanlık bir mod eklemek oldukça basittir. Yalnızca web sitenizin her kullanıcıya nasıl görüneceğini ayarlamakla kalmaz, aynı zamanda özelliği yönetici panonuza ekleyebilir ve kendi gözlerinize bir mola verebilirsiniz.

Sitenize karanlık bir mod eklemeyi düşünüyorsanız, bunu yapmanın birkaç yolu vardır, ancak bir eklenti kullanmak, tahmin edebileceğiniz gibi, en basitidir.

Bu gönderide, Los Angeles'taki çoğu web sitesi tasarım şirketinin önerdiği bir eklentiyi tanıtacağız - WP Dark Mode - ve bu işlevi web sitenize ve WordPress temanıza uyacak şekilde eklemek ve özelleştirmek için atmanız gereken tüm adımları gözden geçireceğiz.

Ama önce karanlık modun ne olduğuna ve en dikkat çekici faydalarına bir göz atalım. Okumaya devam etmek!

Karanlık Mod Nedir ve Neden Yararlıdır?

Gece modu olarak da bilinen karanlık mod, bir web sitesinin renk düzenini açıktan koyuya değiştiren basit bir ekran geçişidir.

Beyaz bir arka plan üzerinde siyah harflerle tipik bir web sitesinde, bu genellikle renkler basitçe tersine çevrilmiş gibi görünür, ancak aşağıda açıklayacağımız gibi, bundan biraz daha fazlası var.

Bu basit ayar, ekrandan gelen beyaz ışığı önemli ölçüde azaltarak, özellikle bir kullanıcı web sitesini akşamları ziyaret ediyorsa göz yorgunluğunu azaltır.

Karanlık modu etkinleştirme seçeneği, çoğu modern işletim sisteminde ve web tarayıcısında mevcuttur.

Karanlık Modun En Önemli Faydaları

Bu özelliğin bazı faydalarından bu gönderi boyunca zaten bahsettik, ancak size kolaylık sağlamak için hepsini burada güzel, madde işaretli bir listede özetlemeyi düşündük.

Bu nedenle, karanlık modun faydaları şunları içerir:

• Gözlerde daha az zorlanma
• Azaltılmış enerji tüketimi ve artan pil ömrü
• Ekranlardan daha az beyaz ışık
• Sayfanızda harcanan daha fazla zaman

Bildiğiniz gibi, modern tarayıcılar ve işletim sistemleri zaten bir seçenek olarak karanlık modu sunuyor, ancak web sitenizin onu tercih eden kullanıcılara doğru renk şemasında görünmesini istiyorsanız, bunu kendi başınıza eklemeniz gerekir.

Neyse ki, WP Dark Mode eklentisini yüklemek, bu işlemi basitleştirmenin yanı sıra web sitenizin karanlık mod görünümü üzerinde her türlü kontrolü size verebilir.

Karanlık Mod ve Gece Modu

Devam etmeden önce, kartal gözlü okuyucuların sorun yaşayabileceği olası bir sorunu ele almak istiyoruz. Yani, teknik olarak iki farklı özelliği tanımlayabilmelerine rağmen, bu makale boyunca "karanlık mod" ve "gece modu" terimlerini birbirinin yerine kullandık ve kullanmaya devam edeceğiz.

"Gece modu" terimi, çoğu modern akıllı telefonda bulunan ve gece düştüğünde ekran süresinin uyku döngünüz üzerindeki etkisini azaltmak için mavi ışığı tamamen veya kısmen ortadan kaldıran bir özellik için kullanılır.

Ancak, daha önce açıkladığımız gibi, iki terim birbirinin yerine kullanılabilir, bu yazıda seçtiğimiz yaklaşım budur.

Artık bunu ortadan kaldırdığımıza göre, WordPress web sitelerinize nasıl karanlık (veya gece) modu ekleyebileceğinize bakalım.

​WP Dark Mode Eklentisini Kullanarak WordPress Web Sitenize Karanlık Mod Nasıl Eklenir

Artık WordPress sitenize karanlık mod eklemek isteyebileceğiniz tüm nedenleri bildiğinize göre, bunu dört basit adımda nasıl yapacağınızı göstereceğiz.

Miami'deki bir web tasarım şirketinden arkadaşlarımız, WP Dark Mode adlı özel bir eklentiye dayanan bu adım adım kılavuzu oluşturmamıza yardımcı oldu.

1. Eklentiyi Kurun

Birkaç karanlık mod WordPress eklentisi olmasına rağmen, WP Dark Mode'u en kullanıcı dostu ve güvenilir bulduk.

Karmaşık ayarlar veya kodlarla uğraşmanıza gerek kalmadan sitenizin karanlık bir sürümünü hızlı ve zahmetsizce oluşturmanıza olanak tanıyan bir eklentidir.

Tahmin edebileceğiniz gibi, WordPress Eklenti Dizini bu aracı bulabileceğiniz yerdir.

Sitenize daha önce eklentiler eklediğinizi varsayıyoruz, ancak her ihtimale karşı, tek yapmanız gereken yönetici panonuza gidip Eklentiler sekmesinden Yeni Ekle'yi seçmek.

Oradan WP Dark Mode'u bulabilir ve Şimdi Kur ve Etkinleştir seçeneğine tıklayabilirsiniz.

2. İstenen Ayarları açın

Genel Ayarlar sekmesinde karanlık modu açıp kapatabilirsiniz. Bu sekmeyi açtığınızda, varsayılan olarak iki seçeneğin zaten açık olduğunu göreceksiniz.

Bunlar, Ön Uç Karanlık Modunu Etkinleştir ve İşletim Sisteminden Duyarlı Karanlık Modu Etkinleştir'dir .

İlki, web sitenizde karanlık modu etkinleştirirken, ikincisi, kullanıcının işletim sistemi veya tarayıcısı Karanlık Mod'a ayarlanmışsa özelliğin otomatik olarak etkinleştirileceği anlamına gelir.

Başka bir seçenek de Karanlık Modu Varsayılan Yapmaktır . Bu oldukça açıklayıcı - açarsanız, tercihlerinden bağımsız olarak tüm kullanıcılar web sitenizin karanlık sürümünü görür.

3. Yüzer Anahtarı Açın ve Özelleştirin

Kullanıcılara istedikleri zaman karanlık ve aydınlık modlar arasında geçiş yapma seçeneği vermek istiyorsanız, Yüzer Anahtar Seçeneğini Göster'i de etkinleştirebilirsiniz.

Bu seçenek tam olarak kutuda ne yazıyorsa onu yapacak - sitenizin ön ucuna bir geçiş yaparak kullanıcıların karanlık modu istedikleri gibi açıp kapatabilmelerini sağlar.

Ekran Ayarları bölümünde simgenin yerleşimi ve stili ile uğraşabilirsiniz. Stil açısından seçenekleriniz eklentinin ücretsiz sürümünde biraz sınırlıdır, ancak temel işlev (karanlık modu açma veya kapatma) oradadır.

4. Farklı Karanlık Mod Renk Şemaları ile Denemeler Yapın

Bu noktada, WordPress web sitenizin tamamen işleyen bir karanlık modu vardır ve aradığınız tek şey buysa, bu adımı atlayabilirsiniz.

Ancak sitenizin genel görünmesini istemiyorsanız, koyu mod renklerinizi özelleştirmenizi önemle tavsiye ederiz. Stil Ayarları bölümünde ihtiyacınız olan tüm seçenekleri bulacaksınız.

Bu ekran, sitenizin görsel kimliğiyle çalışabilecek bir renk paleti sunar.

Tahmin edebileceğiniz gibi, WP Dark Mode eklentisinin ücretsiz sürümü burada biraz sınırlı seçenekler sunuyor, ancak uygun bir çözüm bulabilmelisiniz.

Renkleri daha fazla özelleştirmek istiyorsanız, premium sürüm daha geniş bir önceden ayarlanmış renk paleti yelpazesi sunar ve kendi şemanızı oluşturmanıza olanak tanır.

​Bonus — WordPress Admin Dashboard'da Karanlık Modu Etkinleştirme

Müşterilerinize ve potansiyel müşterilerinize WordPress web sitenizin ön ucunda karanlık modun tüm avantajlarını sunacaksanız, neden aynı nezaketi kendinize de göstermiyorsunuz ve modu yönetici panonuza da eklemiyorsunuz?

Varsayılan WordPress renk şeması zevkinize göre çok parlaksa, WP Dark Mode eklentisinin çözümü vardır. Bunu nasıl yapacağınız aşağıda açıklanmıştır:

1. WP Dark Mode eklentisini yükleyin - burada açıklanacak fazla bir şey yok. Bu adımı nasıl tamamlayacağınızla ilgili talimatlar için yukarıdaki bölüme bakın.
2. Arka Uç Karanlık Modunu Etkinleştir — bu seçenek, daha önce bahsettiğimiz diğer temel ayarlarla aynı sekmededir ( Genel Ayarlar ). Bu bölüme gitmeniz ve Arka Uç Karanlık Modunu Etkinleştir başlıklı bir anahtarı çevirmeniz gerekecek. Değişikliği uygulamak için aşağı kaydırmayı ve Ayarları Kaydet'e tıklamayı unutmayın.
3. Yönetici Panonuzdan Koyu Modu Açın - Yönetici Panonuz artık en üstte karanlık modu açmanıza izin veren bir anahtara sahip olacak. Bu, özellikle birden fazla yöneticiye sahip web siteleri için kullanışlıdır, çünkü her kişi karanlık modu bağımsız olarak açıp kapatabilir.
4. (İsteğe bağlı) Yönetici Panosu renk düzeninizi ayarlayın — karanlık mod açıkken, her şeyin daha güzel görünmesi için bazı renkleri değiştirmek isteyebilirsiniz. Bunu yapmak için Kullanıcılar > Profil'e gidin ve tercih ettiğiniz paleti seçin. Renkleri ayarladıktan sonra, yeni ayarları uygulamak için Profili Güncelle'yi tıklayın.

Ve hepsi bu kadar. Bu kılavuzun, WordPress sitenize ve Yönetici Panonuza karanlık modu uygulamanıza yardımcı olacağını umuyoruz.

Bu yükseltme, WP Dark Mode eklentisiyle göz ardı edilemeyecek kadar basittir, bu nedenle bu mükemmel işlevi sitenize eklemenizi öneririz.

Yazar Biyografisi: Christopher, Digital Strategy One'da dijital pazarlama uzmanı ve serbest çalışan bir blog yazarıdır. Yeni web teknolojisi trendlerine ve farklı kanallarda dijital ses dağıtımına odaklanmıştır. Christopher boş zamanlarında davul ve Magic: the Gathering çalıyor.