Çevrimiçi öğrenme dünyasında, gezinme kolaylığı kullanıcıları çekmede ve elde tutmada önemli bir rol oynar. Özelleştirilebilir kurs kartları, web sitenizi daha etkileşimli ve bilgilendirici hale getirmenin harika bir yoludur.
Bu kartlar, ziyaretçilerin ilgilendikleri programları hızlı bir şekilde bulmalarını ve tek bir butonla kurs sayfalarına kolayca gitmelerini sağlar. Bu makalede, web sitenizin kullanılabilirliğini artırmak ve kullanıcıların eğitim hedeflerine daha hızlı ulaşmalarına yardımcı olmak için özelleştirilebilir kurs kartları bölümünün nasıl ayarlanacağını inceleyeceğiz.
Çevrimiçi bilgi kartları kullanmak yerine, web sitesi sayfasına ders listeleri ekleyebilirsiniz: bölümde gerekli kursu seçmeniz yeterlidir, tüm dersler görüntülenecektir.
"Kurs kartları" bölümü nasıl eklenir
"Kurs kartları" bölümünü eklemek için web sitenizin düzenleme modunda "+" simgesine tıklayın.
Ardından açılan menüde "Kurs kartları" bölümünü bulun ve web sitenize eklemek için üzerine tıklayın:
Bölüm web sitenize eklenecek ve içerik ayarları menüsü sizin için açılacaktır:
İçerik bölümü
Kurs kartları bölümünün içeriğini yapılandırmak, projede zaten oluşturulmuş olan bir veya daha fazla kursu web sitesinde görüntülemek için seçmek ve kart öğelerini özelleştirmekten oluşur.
Mavibot platformunda kursların nasıl oluşturulacağı "Çevrimiçi kurslar" bölümünde açıklanmıştır.
Kurs seçme
Web sitenizde sergilemek istediğiniz kursları seçin:
Bunu yapmak için gerekli kursun adının yanındaki kutuyu işaretleyin.
Seçilen kurslar, kurs ayarlarında belirlediğiniz kapakla birlikte web sitesi sayfanızda hemen görüntülenecektir.
Özelleştirme
Gerekli kursları seçtikten sonra kart öğelerini özelleştirmeye devam edin:
- Gölge
Bölümdeki kurs kartları için gölge yoğunluğunu ayarlayabilirsiniz:
a) gölgesiz:
b) hafif gölge:
c) güçlü gölge:
Kart öğeleri renk ayarları
Çeşitli öğeler için renkleri ayarlayarak kartın görünümünü özelleştirin. Ayrıca etkileşimli üzerine gelme efektleri de ekleyebilirsiniz.
- Metin Rengi: Karttaki ana metin rengini değiştirir (butonlar hariç).
- Kart Arka Planı: Kartın arka plan rengini ayarlar.
- Kenarlık Rengi: Kartın ana hat veya çerçeve rengini tanımlar.
- Buton Metni: Butonun içindeki metnin rengini ayarlar (statik durum).
- Buton Arka Planı: Butonun arka plan rengini ayarlar.
Etkileşimli üzerine gelme efektleri (isteğe bağlı bölüm):
Kullanıcı imleci kartın üzerine getirdiğinde bu öğelerin rengini dinamik olarak değiştirmek için üzerine gelme efektlerini etkinleştirin.
Artık MaviBot sitenizde mevcut kursları "Kurs kartları" bölümünü kullanarak nasıl görüntüleyeceğinizi biliyorsunuz.
Arka plan ve görüntüleme ayarları için "Genel bölüm ayarları" makalesine bakın.
"Dersler" bloğu nasıl eklenir
Kurstaki derslerin listesini görüntülemek için bir blok eklemek için web sitesi düzenleme moduna geçin ve çalışma alanının üzerine gelin, ardından "+" simgesine tıklayın:
Sağ tarafta, sitenin mevcut bölümlerinin bulunduğu bir menü açılır; burada "Dersler" bloğunu bulmanız gerekir:
"Kurs kartları"na tıklayın, ardından bloğun içeriğini yapılandırmak için bir menü açılacaktır:
Açılır menüden Mavibot'ta zaten oluşturulmuş olan gerekli kursu seçmeniz ve "Kaydet"e tıklamanız yeterlidir.
Ardından blok içeriğini özelleştirmek için ayarlara gidin:
Özelleştirme
"Ayarlar" düğmesine tıkladığınızda ve bölümün üzerine geldiğinizde, içeriği ve bloğun kendisini özelleştirme ayarları açılır:
Hangi ayarlar mevcut?
- Ders listesi stili
Varsayılan olarak, ders listesinin stili yeni bir formatta görüntülenir. Gerekirse, klasik formatın daha kısa bir sürümünü ayarlayabilirsiniz:
- Numaralandırma stili
Numaralandırma stili, kurs derslerini görüntülemenin yeni stili için kullanılabilir. Numaralandırma, ders kartının kendisinde değişir:
- Ders simgeleri
Kurs ayarlarında dersin içine bir önizleme eklediyseniz görüntülenirler.
Simgeler nasıl eklenir
Adım 1. Ders ayarlarına gidin:
Bunu yapmak için kurs ayarları moduna gidin ve Dersler sekmesini bulun:
Ardından "Düzenle"ye tıklayın, ardından ders sayfası düzenleme için açılacaktır.
Adım 2. Ders sayfası ayarlarını açın.
Ders sayfası ayarlarında "Genel" bölümüne gidin:
Adım 3. Ders önizlemesini yükleyin
Temel bilgi ayarlarında resim ayarları listesini genişletin:
Ders önizlemesi için bir resim yükleyin:
Ayarları kaydedin.
Tamamlandı! Artık ders önizlemeleri, web sitesindeki Dersler bölümünde simgeler olarak görüntülenecektir.
- Arka plan deseni
Ders kartlarınıza hacim ve benzersizlik katar:
- Öğe yuvarlama
Değer piksel cinsinden ayarlanır ve ders kartlarının köşelerini yuvarlar.
- Ders kartı stili
Ders kartlarını tek bir satırda veya tireli veya tiresiz bir satırda düzenlemeye yardımcı olur.
- Arka plan ve metin rengi
Kartın arka plan rengini ve ders kartındaki yazı tipi rengini ayarlamak için kapsamlı bir renk paleti mevcuttur:
Artık web sitenize ders listelerini nasıl ekleyeceğinizi ve bölümün içeriğini nasıl özelleştireceğinizi biliyorsunuz.
Arka plan ve görüntüleme ayarları için "Genel bölüm ayarları" makalesine bakın.