Divi Çocuk Teması Nasıl Oluşturulur

Bir site oluştururken seçebileceğiniz binlerce (doğru, binlerce!) WordPress teması var. Ancak çoğu web tasarımcısı, WordPress temalarının iyi bir başlangıç ​​noktası olmasına rağmen daha fazla özelleştirme istediklerini ve bir alt tema oluşturmanın bunu yapmanın harika bir yolu olduğunu düşünüyor.

Alt temalar ana temaları oluşturur ve kendi kodunuzu eklemenize veya kaldırmanıza olanak tanır. WordPress sitenizi gerçekten özelleştirmek istiyorsanız, alt temaları kullanmak en iyi yoldur ve Divi de en iyi seçeneklerden biridir.

Yaratıcıların Divi alt teması oluşturmasının en büyük nedeni, ana tema güncellendiğinde sitenizde hiçbir şeyin bozulmamasıdır. Divi'den bir alt tema oluşturmak, esasen bir güvenlik ağı görevi görür ve sitenizi bozulmadan önce yakalamak için her zaman oradadır! Ama kendimi aşıyorum, o yüzden temel bilgilerle başlayalım.

Bu makalede şunları ele alacağım:

• Divi nedir ve özellikleri nelerdir?
• Divi çocuk teması nasıl oluşturulur (+ ücretsiz çocuk indirme!)
• Divi alt temanızın çalışıp çalışmadığını nasıl test edebilirsiniz?

Hadi dalalım.

Divi Nedir ve Özellikleri Nelerdir?

Divi, sayfalarınızı sıfırdan farklı yapısal öğeler kullanarak oluşturmanıza olanak tanıyan, Elegant Themes'in sunduğu bir WordPress temasıdır. Bu, üstün görsel düzenleyicisi sayesinde, oluşturduğunuz sitelerdeki her şey üzerinde tam kontrole sahip olduğunuz anlamına gelir.

Ayrıca yüzlerce önceden hazırlanmış tasarımla birlikte gelir; bu nedenle tema oluşturma ve özelleştirme konusunda deneyiminiz yoksa endişelenmeyin! İster ilk sitenizi özelleştirmek isteyen yeni başlayan biri olun ister deneyimli bir geliştirici olun, Divi size fikirlerinizi hayata geçirmeniz için gerekli araçları sağlar.

Divi'nin iki oluşturucu arayüzü vardır: WordPress'in ön ucundaki görsel düzenleyici ve arka uç oluşturucu. Görsel düzenleyicide, müşteriler için site oluşturmayı 10 kat daha kolay, daha hızlı ve daha keyifli hale getirir çünkü sayfada düzenleme yapabilir ve düzenlemelerinizi canlı olarak görebilirsiniz. Arka uçta, gönderinin içindeki blok tabanlı gösterimi düzenliyorsunuz. Ancak yine de yeni modüller ekleyebilir ve görsel düzenleyicide yaptığınız gibi esasen her şeyi yapabilirsiniz. Tercihinize bağlı olarak editörler arasında ileri geri geçiş yapmak da kolaydır.

Divi ayrıca oldukları gibi kullanabileceğiniz veya tam spesifikasyonlarınıza göre özelleştirebileceğiniz üç ana yapısal öğeye sahiptir: bölümler, sıralar ve modüller.

Bölümler: Bunlar Divi oluşturucudaki en büyük yapı taşlarıdır. Bunları, içeriğinizi görsel olarak ayırt edilebilir alanlara gruplandırabilen yatay yığınlama blokları olarak düşünebilirsiniz. Oluşturduğunuz her şey bir bölümle başlar.

Satırlar: Satırlar, bölümlerin içine yerleştirilebilecek çeşitli sütun düzenleridir. Satırın sol üst kısmındaki ayarlar simgesine tıklayarak erişilebilen çeşitli ayarlara sahiptirler ve modüllerinizin barındırıldığı yapıyı oluşturduklarından Divi Builder ile oluşturulan düzen çeşitliliğini büyük ölçüde artırmak için kullanılabilirler.

Modüller: Modüller resimler, içerik, kaydırıcılar, galeriler, iletişim formları, CTA'lar, bloglar, formlar, referanslar vb. gibi farklı içerik öğeleri içerir. Aralarından seçim yapabileceğiniz ve ardından istediğiniz şekilde özelleştirebileceğiniz 40'tan fazla modül vardır.

Artık Divi'yi biraz daha iyi anladığınıza göre, nasıl çocuk teması oluşturulacağına geçelim.

Divi Çocuk Teması Nasıl Oluşturulur

Bir şeyleri özelleştirmeye başlamadan önce Divi'nin kurulu ve etkinleştirildiğinden emin olmak isteyeceksiniz. Bu konuda gitmenin iki yolu vardır:

Seçenek 1: Hızlı ve kolay kurulum için Volan + Divi'yi kullanın.

Seçenek 2: Manuel yöntem (bu iki adımı izleyin)

Adım 1: Divi'ye buradan kaydolun ve indirin. Bir hesap oluşturup giriş yaptıktan sonra üyeler alanına yönlendirileceksiniz ve sol tarafa giderek "İndirilenler" sekmesini bulacaksınız. Divi'yi bulun ve "İndir"e tıklayın. Bu, Divi'nin indirilen dosyasını zip dosyası halinde İndirilenler klasörünüze gönderir.

Adım 2: WordPress sitenize giriş yapma zamanı geldi. Görünüm > Temalar'a gidin. Sağ tarafta Yeni ekle veya Yeni tema ekle'ye tıklayın. Sol üstteki “Temayı yükle” butonuna tıklayın. Dosyayı seçin ve Divi zip dosyasını bulun. Not: Zip dosyasında saklayın (sıkıştırmayı açmayın). Yükle'ye tıklayın. Kurulum tamamlandıktan sonra “Etkinleştir”e tıklayın ve sitenize yüklenip etkinleştirilsin! ?

Artık bir Divi çocuk teması oluşturmaya hazırsınız! Divi alt teması oluşturmanın üç ana yolu vardır: ücretsiz bir alt tema indirin, bir eklenti kullanın veya manuel olarak kodlayın.

Seçenek 1: Ücretsiz Divi Çocuk Tema Dosyasını İndirin

Bir alt tema oluşturmanın en hızlı (ve en kolay!) yollarından biri bu ücretsiz Divi alt temasını indirmektir. Başlamanız için tüm gereksinimlerin yanı sıra beğeninize göre özelleştirebileceğiniz alana da sahiptir! Ücretsiz Divi çocuk temanızı aşağıdan indirin.

İndirildikten sonra Divi'yi yükleyin, etkinleştirin ve hazırsınız! Bu kadar kolay. Divi alt teması oluşturmanın farklı bir yolunu tercih ederseniz her zaman bir eklenti deneyebilirsiniz.

Seçenek 2: Bir Eklenti Kullanarak Divi Çocuk Teması Oluşturun

Divi alt teması oluşturmanıza yardımcı olacak çeşitli eklentiler mevcuttur. İşte kişisel favorilerimden birkaçı:

• Divi'nin Çocukları
• Çocuk Teması Yapılandırıcısı
• Orbisius'tan Çocuk Teması Oluşturucu

Divi'nin Çocukları

Divi Children, Divi kullanıcıları için özel olarak geliştirilmiş ücretsiz bir eklentidir. Zor işleri sizin için otomatik olarak yapar, böylece yalnızca yaratıcı tarafa odaklanabilirsiniz! Divi Children tarafından oluşturulan her çocuk teması, WP Özelleştirici aracılığıyla birçok özelleştirme özelliğiyle birlikte gelir. Bu eklentiyi nasıl yükleyeceğinizi buradan öğrenin.

Çocuk Teması Yapılandırıcısı

Bu eklenti, alt tema stil sayfalarını doğrudan özelleştirmek isteyen WordPress kullanıcıları için tasarlanmıştır. Bu eklentiyle, özelleştirmek istediğiniz tam CSS niteliklerini kolayca tanımlayabilir ve geçersiz kılabilirsiniz; analizör, oluşturulan temayı tarar ve alt temanızı otomatik olarak yapılandırır. Bu eklenti ve nasıl kurulacağı hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Orbisius'tan Çocuk Teması Oluşturucu

Bu eklenti, sitenizde yüklü olan herhangi bir temadan hızlı bir şekilde alt temalar oluşturmanıza olanak tanır. Bu eklentiyle ana temanızdan sınırsız sayıda alt tema oluşturabilirsiniz, böylece seçenekler sonsuzdur. İki düzenleyiciye sahiptir ve bir temadan parçalar seçip diğerine yapıştırabilirsiniz. Özelleştirme hakkında konuşun! Bu eklentiyi yükleme hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Son olarak, eğer bir eklenti size göre değilse, Divi alt temasını manuel olarak oluşturma seçeneği her zaman vardır!

Seçenek 3: Divi Çocuk Temasını Manuel Olarak Oluşturun

Bir WordPress geliştiricisiyseniz veya sadece iyi bir meydan okumayı seviyorsanız, bu, Divi alt teması oluşturmanız için harika bir yoldur.

1. Adım: style.CSS dosyasını oluşturun

Muhtemelen bildiğiniz gibi style.css dosyası, WordPress'e alt temanızın ayrıntılarını anlatmak içindir ve özel CSS eklemek için kullanılabilir! Bunu yapmak için bilgisayarınızda bir klasör oluşturun ve ona bir ad verin (bunun bir Divi alt teması için olduğunu bilmenizi sağlayacak bir şey). Oradan bu klasörde bir dosya oluşturun ve onu style.css olarak adlandırın.

Not: Bir metin veya kod düzenleme aracınızın olduğundan emin olun, aksi takdirde bu dosyayı adlandırmak zor olacaktır!

Adım 2: Bunu style.css dosyasına ekleyin:

 /*
 Tema Adı: Divi Çocuk Teması
 Tema URI'si: https://www.elegantthemes.com/gallery/divi/
 Açıklama: Divi için Çocuk Teması
 Yazar: Adınız
 Yazar URI'si: https://getflywheel.com/
 Şablon: Divi
 Sürüm: 1.0.0
*/

Tema adı, tema URI'si, açıklama, yazar, yazar URI'sı ve sürümün tamamı düzenlenebilir. Şablon adını olduğu gibi koruyun! Daha fazla özelleştirme için (ve Divi alt temanızın çalıştığından emin olmak için) buraya herhangi bir özel CSS ekleyin.

3. Adım: Function.php dosyasını oluşturun

Daha önce oluşturduğunuz klasörde başka bir dosya oluşturun ve bu dosyaya işlevler.php adını verin.

Ardından bu kodu yeni dosyanıza ekleyin ve isteyebileceğiniz özel işlevleri son satırın altına ekleyin:

 <?php
işlev divi__child_theme_enqueue_styles() {
    wp_enqueue_style('ebeveyn stili', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'divi__child_theme_enqueue_styles');

4. Adım: Ekran görüntüsü oluşturun

Bu önemli bir adımdır, böylece sitenizde görselin WordPress temaları sayfasında olması gereken yerde boş bir alan kalmaz, bu nedenle hızlı bir ekran görüntüsü almak burada önemli bir adımdır! Ekran görüntünüzü çektikten sonra boyutların 880x660 piksel olduğundan, .png veya .jpeg olduğundan (ya işe yarar!) ve adın [screenshot.png] veya [screenshot.jpeg] olduğundan emin olun. Ardından ekran görüntüsü resminizi ana klasöre ekleyeceksiniz.

Adım 5: Klasörü sıkıştırın ve yükleyin

Son olarak klasörü bir zip dosyası türüne sıkıştırın ve WordPress'e yükleyin! Görünüm > Temalar > Yükle'ye gidip Etkinleştir'e tıklayacaksınız.

İşte! Başarıyla bir Divi çocuk teması oluşturdunuz ve kalbinizin isteğine göre özelleştirmeye hazırsınız.

Divi Çocuk Temanızın Çalışıp Çalışmadığını Nasıl Test Edebilirsiniz?

Alt temanızın düzgün çalışıp çalışmadığını test etmek için alt tema style.css dosyanıza biraz CSS ekleyin ve değişikliklerinizi kaydedin. Bu değişiklikleri canlı sitede görmelisiniz ve bu şekilde çalıştığını anlayacaksınız!

Not: Sayfanızın önbelleğe alınması durumunda özel bir tarayıcıda açmanız gerekebilir.

Unutmayın: Bir şeyi bozma ihtimaline karşı yayındaki sitenizde asla değişiklik yapmamalısınız! Ücretsiz bir yerel geliştirme uygulaması olan Yerel'i kullanın, böylece yerel ortamlarda hata ayıklamayı durdurabilir ve güzel WordPress sitelerini başlatmaya daha fazla zaman ayırabilirsiniz. Yerel hakkında daha fazla bilgiyi burada bulabilirsiniz.

Çözüm

Özelleştirme, WordPress kullanarak site oluşturmanın en iyi kısımlarından biridir ve temalar harika bir başlangıç ​​​​noktası olsa da, Divi gibi alt temaların elinizin altında olması güzel.

Ücretsiz Divi çocuk teması İndir

Bir alt tema oluşturmanın en hızlı (ve en kolay!) yollarından biri bu ücretsiz Divi alt temasını indirmektir. Başlamanız için tüm gereksinimlerin yanı sıra beğeninize göre özelleştirebileceğiniz alana da sahiptir! Ücretsiz Divi çocuk temanızı aşağıdan indirin.