ev borcu WordPress sitesi
Divi Eklentisinin Öne Çıkanları: Divi Learndash Kiti
Learndash, WordPress web siteniz için kendi kurslarınızı oluşturmanıza olanak tanıyan bir öğrenme yönetim sistemidir (LMS). Kullanımı ve öğrenmesi kolaydır, ancak tasarım yetenekleri biraz sınırlıdır. Daha iyi tasarlanmış düzenlere sahip kurslar, potansiyel müşteriler için daha çekici olacaktır, bu nedenle kendi kurs düzenlerinizi tasarlama becerisine sahip olmak, kursunuzu kalabalıktan ayırabilir. Bariz seçim, mizanpajlarınızı Divi Builder ile tasarlamak olacaktır. Divi Learndash Kit adlı bir üçüncü taraf eklentisi tam olarak bunu yapar.
Divi Learndash Kiti, Learndash sayfalarında Divi Builder'ı etkinleştirir; ancak Divi Builder'a yeni modüller ekleyerek bundan daha da ileri gider. Bu modüller, kurslar, dersler, konular, kısa sınavlar vb. için editör alanına Learndash öğelerini yerleştirmek için kullanılabilir.
Bu eklenti vurgusu için LearndashLMS sürüm 2.5.4 ve Learndash Course Grid sürüm 1.3.0 ile birlikte 1.0.5 sürümünü kullanıyorum. Tüm resimler Learndash demosundan alınmıştır.
Standart Learndash Sayfaları
Normal Learndash sayfaları, içeriği oluşturmak için standart WordPress düzenleyicisini kullanır. Buna kurslar (kısa kodlar kullanarak hem ziyaretçiler hem de öğrenciler için farklı bir tanım sağlayabilen), dersler, konular, sınavlar, sertifikalar, gruplar vb. dahildir.
Bu, Learndash demosundaki örnek kurstur. Tasarım, tıpkı herhangi bir standart sayfa veya gönderi gibi düzenleyiciden gelir. İşlevsel ama elbette sınırlı. Yayınlama seçenekleri standart bir gönderiyle aynıdır, bu nedenle dersleriniz ve kurs açıklamalarınız başlıklar, metalar, kenar çubukları (Learndash'in birkaç widget'ı vardır) vb. ile görüntülenecektir.
Divi Learndash Kit, HER ŞEYİ kontrol etmez. Hâlâ erişemediğimiz kurs oluşturucu öğeler var. Açıklama alanına erişimimiz var ve belirli öğeleri yerleştirmek için modülleri kullanabiliriz. Kursta gezinme gibi bazı şeyler dersler ve diğer sayfaların kendileri tarafından kontrol edilir. Bir kullanıcının oturum açıp açmadığına göre neyin görüntüleneceğine karar vermek gibi diğer öğeler kısa kodlarla kontrol edilir.
Divi Learndash Kit'i kullanan Learndash Sayfaları
Divi Learndash Kit, Divi Builder'ı LearnDash kurslarınıza, derslerinize, sınavlarınıza, konularınıza, sertifikalarınıza ve gruplarınıza ekler. Artık tüm bu sayfalar Divi Builder kullanılarak oluşturulabilir. Buna Divi Özel Gönderi Ayarları dahildir, böylece sayfa düzeninizi (kenar çubuğu yerleşimi), nokta gezinmeyi, kaydırmadan önce gezinmeyi gizlemeyi ve yazı başlığını gösterip gizlemeyi seçebilirsiniz.
Örnek olarak, Divi Builder ile demo kurs sayfasını yeniden oluşturdum. Bir Gönderi Başlığı modülü ekledim ve başlığı resmin üzerinde görüntüledim. Ayrıca başlık boyutunu büyüttüm ve gölge verdim.
Kenar çubuklarını göstermeden tam ekran gösterecek şekilde ayarladım. Elbette kenar çubukları bazı yararlı bilgiler görüntüler. Neyse ki yeni modülleri kullanarak bunu gösterebiliriz.
Divi Learndash Kit Modülleri
Divi Builder'ı Learndash özel gönderi türüne eklemek faydalıdır, ancak Divi Learndash Kit, Divi Builder'a 13 modül ekleyerek daha da ileri gider:
- Kurs İçeriği – kursun içeriğini gösteren bir tablo
- Kurs Bitiş Durumu – kursun sona erme tarihini gösterir
- Kurs Bilgisi – kullanıcıya sunulan kurslar hakkında bilgi gösterir
- Ders Listesi – derslerin listesini gösterir
- Kurs İlerlemesi – kullanıcının kurs boyunca kaydettiği ilerlemeyi gösteren bir ilerleme çubuğu görüntüler
- Ders Listesi – derslerin listesini gösterir
- Ödeme Düğmeleri – kullanıcının ödeme yapabileceği düğmeleri görüntüler
- Profil – kullanıcının profilini görüntüler
- Sınav Listesi – sınavların listesini gösterir
- Konu Listesi – konuların listesini gösterir
- Kullanıcı Kurs Puanları – kullanıcının kazandığı puanları gösterir
- Kullanıcı Grupları – kullanıcının atandığı grupların listesini gösterir
- Video – videolu kursların bir listesini gösterir
Modüller, bu öğeler için Learndash kısa kodlarını kullanmak zorunda kalmadan LearnDash öğelerini kullanarak kendi düzenlerinizi oluşturmanıza olanak tanır. İyi etiketlenmişler ve bulması kolay.
Not – modüller Visual Builder'da çalışmaz.
Modüller, beklediğiniz tüm özelleştirmeleri içerir. İçerik, Tasarım ve Gelişmiş sekmeleri, arka planlar, metin, kenarlık, gölge, animasyon, boşluk, CSS vb. için ayarları içerir. Ayrıca görüntülenecek sütun sayısı, görüntülenecek öğe sayısı, kategori filtreleri, etiketler için seçimler içerirler. , vb. Elbette bu, modülün görüntülediği içeriğin türüne bağlıdır.
Divi Learndash Kit Düzenlerinizi Divi Kitaplığına Kaydedin
Düzenleriniz için ana kitaplığı kullanmayı seçebilirsiniz. Kontrol panelinde Ayarlar > Divi Learndash Kit'e gidin . Tek ayar Ana Kitaplığı Kullan'dır . Bu, Divi ile birlikte gelen önceden tanımlanmış düzenler ve Divi Kitaplığına yüklediğiniz veya kaydettiğiniz her şey dahil olmak üzere düzenlerinizi kaydetmek ve yeniden kullanmak için Divi Kitaplığını kullanmanıza olanak tanır.
Sayfa tasarımınızı oluşturduktan sonra düzeni kitaplığa kaydedebilir ve yeniden kullanabilirsiniz. Bu resim, oluşturduğum ve yüklediğim bir düzeni gösterir. Kurslarınızı oluşturmak için düzenleri içe aktarabilmesini seviyorum. Bunları kütüphanede de oluşturabilirsiniz. Örnek olarak birkaç tane ekleseydiniz iyi olurdu.
Divi Learndash Kit Kursu Örneği
İşte daha önce gördüğümüz temel kurs sayfasının bir modifikasyonu. Üniversiteler ve Kolejler için Ana Sayfa Düzeninden başlığı yükledim ve resmi ve düğme metnini değiştirdim. Tam ekrana ayarladım ve Kurs İlerleme Durumu, Ders Listesi, Kurs İçeriği ve Sınav Listesi ekledim.
Tüm öğelerimi içeren temiz bir kurs sayfası oluşturur.
Divi Learndash Kit Ders Örneği
İşte videolu standart bir ders düzeni.
Divi modüllerini kullanarak düzeni yeniden oluşturdum. Videoyu bir video modülüne ekledim, videonun altına meta içermeyen bir yazı başlığı ekledim, kullanıcı kurs puanları ekledim ve kullanıcının kayıtlı olduğu diğer kursları gösterecek bir profil ekledim. Kenar çubuğunu tuttum ve başlık eklemedim .
Sonuç orijinaline benziyor ama şimdi benim eklemelerim ve ince ayarlarım var. Birkaç özellik daha eklemek istiyorum.
Tam genişlikte bir yazı başlığı ve kenar çubuğu ekleyebilmem için tüm modülleri özel bir bölüme taşıdım. Yazı düzeni ayarlarında kenar çubuğunu devre dışı bıraktım.
Metnin arkasında bir arka plan bulunan tam genişlikteki resme başlığı ekledim. Ayrıca başlık yazı tipini de artırdım.
Divi Learndash Kit Konu Örneği
İşte örnek bir Konu. Kimin ilerlediğine, navigasyona ve konunun kendisine ilişkin unsurlara sahiptir.
Tam genişlikte bir yazı başlığı ekledim, öne çıkan bir resim ekledim, başlığı resmin üzerinde görüntülenecek şekilde ayarladım ve kenar çubuğunu sol tarafa taşıdım.
Sonuç temiz. Önceki konulara ve derslere bağlantılar ve kaydet ve devam et düğmesi, Divi Builder ile bunlara stil vermek için erişimimiz olmayan Learndash sisteminin bir parçasıdır.
Tabii ki bu da bir uzmanlık bölümü ile iyi çalışır.
Sadece bir başlık eklemenin tasarıma ne yaptığı şaşırtıcı.
Divi Learndash Kit Test Örneği
Bu standart sınav açıklamasıdır.
Divi Builder, test açıklama alanına eklenir. Test soruları ve yanıtları hala standart düzenleyiciyi kullanır. Her birine farklı bir arka plana sahip birden fazla bölüm ekledim. Kenar çubuğunu devre dışı bıraktım ve öne çıkan bir resim ekledim.
Her bölümü farklı bir arka plan rengi yaptım. Normalde bu konuya en uygun renkleri ve bunun bir test olduğu gerçeğini kullanırdım (renk psikolojisi ve tüm bunlar). Teste başlamak için aşağı kaydırmak için açıklamaya bir mesaj yerleştirdim. Test düğmesi, onu Divi Builder ile biçimlendirmek veya taşımak için erişimimiz olmayan sınav alanının bir parçasıdır.
Lisans, Belgeler ve Nereden Satın Alınır
Divi Learndash Kit sınırsız kuruluma sahiptir. Hatta 365 gün para iade garantisi var. Belgeler, geliştiricinin web sitesinde bir makale ile sağlanır. Learndash ve Divi'ye aşina olan herkes, modüllerin nasıl kullanılacağını anlamakta herhangi bir sorun yaşamamalıdır.
Divi Learndash Kit'i geliştiricinin web sitesinden satın alabilirsiniz.
Biten Düşünceler
Divi Learndash Kit, Learndash sayfalarınıza birçok tasarım özelliği ekler. Sadece Divi Builder'ı bu sayfalara eklemek büyük bir yardımdır, ancak size Learndash öğelerinin 13 modülünü ve düzenleri kaydetme ve Divi Kitaplığına aktarma yeteneği vererek büyük bir tasarım avantajı sağlar. Divi Builder ile biçimlendiremediğimiz veya yerleştiremediğimiz birkaç Learndash öğesi var, ancak avantajı kolayca görmek için yeterli özellik var.
Örneklerim Divi Builder ile Learndash düzen tasarımlarının yüzeyini çiziyor. Sayfa tasarlamaya yardımcı olması için indirip kullanabileceğiniz birkaç örnek düzen görmek istiyorum. Bu, kullanıcıların hızlı bir şekilde başlamasına yardımcı olur. Bunlar olmadan bile Divi Learndash Kit'in birçok özelliği vardır ve Learndash'i Divi ile kullanan herkes için dikkate değerdir.
Senden duymak istiyoruz. Divi Learndash Kit'i denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.
Mascha Tace / Shutterstock.com aracılığıyla Öne Çıkan Görsel