Özelleştirilebilir kartlar

Web sitesi oluşturucusundaki "Özelleştirilebilir kartlar" bölümü, ürünleri, hizmetleri veya müşteri yorumları hakkında temel bilgileri kolayca ve hızlıca sunmak isteyenler için tasarlanmıştır. Bu bloklar, site sayfasına görsel olarak çekici kartlar eklemenize olanak tanır ve işletmenizin ihtiyaçlarına göre özelleştirilebilir.

İster kurs hakkında ayrıntılı bir açıklama, ister memnun müşterilerden gelen geri bildirimler, ister hizmetlerinizi kullanmaya yönelik öneriler sunmak isteyin, "Özelleştirilebilir kartlar" ve "Kurs Kartları" bilgileri vurgulamaya ve site ziyaretçileri için daha erişilebilir ve kullanışlı hale getirmeye yardımcı olacaktır.

Blok nasıl eklenir?

"Özelleştirilebilir kartlar" bölümünü eklemek için web sitenizin düzenleme modunda "+" işaretine tıklayın:

Ardından, açılan menüde "Özelleştirilebilir kartlar" bölümünü bulun ve siteye eklemek için üzerine tıklayın. Bölüm siteye eklenecek ve içerik ayarları menüsü sizin için açılacaktır:

Kart nasıl eklenir?

İçeriğin "Özelleştirilebilir kartlar" bölümünün düzenleme menüsünde, kartların stili, görseller, düğmeler vb. için çeşitli ayar bölümleri göreceksiniz.

Sizin için kolaylık olması açısından, stil ayarlarının kartlara nasıl uygulandığını görmek için önce kart ekleyebilirsiniz.

Bunun için içerik ayarları menüsünde aşağı kaydırın ve "Kart Ekle" düğmesini bulun:

"Kart ekle" düğmesine tıkladığınızda, boş bir metin alanı, kart için ve düğme simgesi için görsel yükleme çubuğu, ayrıca düğmenin metni için ayarları görürsünüz:

Kartın ayar alanları isteğe bağlıdır: yani örneğin karta ya da düğme simgesine bir görsel yüklemeyi veya metin eklemeyi atlayabilirsiniz - her şey sizin takdirinize bağlıdır.

Örneğin kartta bağlantılı bir düğmeye ihtiyacınız yoksa, "Düğme adı" ve "Bağlantı" alanlarını boş bırakın: böylece düğmeler kartta gösterilmeyecektir.

Kart metni için, herhangi bir metin düzenleyicidekine benzer çeşitli ayarlar vardır; burada yazı tipi boyutunu, yazı tipi çerçevesini, rengi, vurgulamayı ayarlayabilir, ayrıca bağlantı ekleyebilir ve daha fazlasını yapabilirsiniz.

Bunun için metni (metnin bir bölümünü) seçin ve gerekli ayarları metne uygulayın:

İlk kartı tamamen yapılandırdıktan sonra, sonraki kartı ekleyin: bunun için, ilk eklenen kartın ayar çubuğunun altında bulunan "Kart Ekle" düğmesine tıklayın:

Kart ayarları

Kartlar tek bir stile göre yapılandırılır: bu bölümde kullandığınız tüm ayarlar aynı bölümdeki tüm kartlara uygulanır.

Kart Stili

Mavibot web sitesi oluşturucusunda kartlar için iki stil vardır: basit ve kaydırıcı biçiminde.

Basit bir stil kullanıldığında, tüm kartlar site bölümünün tek bir sayfasında hemen gösterilir:

"Kaydırıcı" stili kullanıldığında, kartlar bir karusel biçiminde olur ve böylece siteye daha fazla dinamizm katar:

Kaydırıcı stili için, kartın oklarının ve noktalarının nerede konumlanacağını seçebilirsiniz:

Oklar kaydırıcının içinde, dışında veya gizli olarak konumlandırılabilir (örneğin, kartların otomatik olarak dönmesi için bir zamanlayıcı ayarlarsanız):

Noktalar da kaydırıcının içinde, dışında veya gizli olabilir.

Kartları otomatik olarak kaydırmak için, bir sayfanın gösterim zaman aralığını ayarlayın:

Zamanlayıcı değeri 0 olarak ayarlanırsa, kartlar otomatik olarak kaydırılmaz.

Dikkat!

Süre milisaniye cinsinden ayarlanır; bir milisaniye 0,001 saniyeye eşittir. Bu, 7 saniye ayarlamanız gerekiyorsa, 7000 alanına değeri girmeniz gerektiği anlamına gelir.

Ayrıca kart türünü de seçebilirsiniz:

Kart öğeleri için renk ayarları

Kartları kendi tarzınıza göre özelleştirmek için renk ayarlarını kullanın:

Renk ayarları tüm kartlara aynı anda uygulanır. Metin renginin her kartta farklı olmasını istiyorsanız, metin alanındaki ayarları kullanın.

Renk özelleştirmesi için geniş bir renk paleti mevcuttur:

Ve renk ayarlarını kartın herhangi bir öğesine uygulayabilirsiniz.

Kenarlık ve iç boşluk ayarları

1. Satır başına kart sayısı - bir satırda (sayfada) gerekli kart sayısını ayarlamanıza yardımcı olacak bir metin alanı.

2. İç boşluklar - kartlar arasındaki yatay/dikey boşlukları ve kartların içindeki boşlukları artırmaya veya azaltmaya yardımcı olacak sayısal değerler girme alanlarıdır,

Kartların içindeki boşluk için ortak bir sayısal değer ayarlayabilir veya satırın sağ köşesindeki dişliye tıklayarak üst, alt, sol ve sağ kenarlar için ayrı değerler belirleyebilirsiniz:

Kart yönelimi

Kartın yönelimi yatay ya da dikey olabilir.

Hizalama

Merkezde, sol kenarda veya sağ kenarda olabilir.

Gölge ayarları

Kartlara derinlik katmaya ve onları bölümün/sayfanın arka planına karşı vurgulamaya yardımcı olur.

Görsel ayarları

Görsel ayarları, karta eklediğiniz tüm görsellere de uygulanır.

Görsel ayarlarında şunları belirlemeniz gerekir:

a) görsel genişliği:

Alan piksel cinsinden sayısal bir değer alır; belirtilmezse, görselin gerçek piksel genişliğine göre otomatik olarak gösterilir.

b) görsel yüksekliği:

Alan piksel cinsinden sayısal bir değer alır; belirtilmezse, görselin gerçek yüksekliğine orantılı olarak otomatik olarak gösterilir.

c) yuvarlama:

Piksel cinsinden sayısal bir değer alan alan, görselin köşelerini yuvarlamaya yardımcı olur:

d) görsel boyutu:

Ayar, görsel için belirtilen genişlik ve yüksekliğe göre görseli doldurmak/germek/konumlandırmak gerektiğinde uygulanır.

e) "Görsel metinden sonra" onay kutusu

Kutuyu işaretlerseniz, görsel kartta metnin altında yer alacaktır.

Düğmeler nasıl ayarlanır

Düğmenin metni, ayrıca bağlantısı site ziyaretçinizin tıklaması gereken sayfa, kartın içinde ayarlanır:

Ayrıca, metin ve bağlantıya ek olarak, kartta bir görsel yükleyerek düğme için bir simge de ayarlayabilirsiniz:

Düğme metninin ve arka planının rengini ayarlamak için buradaki ayarları kullanın:

Ardından, düğme için boyut, genişlik ve iç boşlukları ayarlayabilirsiniz:

1. Düğmenin genişliği - piksel ve yüzde değerlerini kabul eden bir alandır:

1. Düğme hizalaması - düğmeyi kartta sağ veya sol kenara göre, ayrıca merkeze göre ayarlamaya yardımcı olur.

1. Düğme kenar yuvarlama yarıçapı - düğme köşelerini yuvarlamak için piksel cinsinden sayısal değer alan bir alandır:

1. Kenarlık genişliği - düğme çerçevesinin genişliğini ayarlamak için piksel cinsinden sayısal değer alan bir alandır:

1. Kenar boşluğu

Düğme için kart içinde üst, alt, sol ve sağ kenarlara göre iç boşlukları ayarlamanıza yardımcı olur.

1. İç boşluk

Düğmenin içindeki boşlukları ayarlamanıza yardımcı olur.

1. Simge

Karttaki bir düğmeye bir simge yüklediyseniz, simge uygun şekilde ayarlanabilir:

Ayrıca simgenin metne göre sol veya sağdaki konumunu da ayarlayabilirsiniz:

1. Düğme için gölge

Gölge yalnızca kart için değil, düğme için de ayrı olarak ayarlanabilir. Bunun için düğme ayarlarında "Gölge" adlı açılır alanı bulup gölge yoğunluğu derecesini seçmek yeterlidir: hafif veya güçlü:

1. Düğme animasyonu

Müşterilerin (site kullanıcılarının) düğmedeki hedeflenen eyleme dikkatini çekmeye ve siteye dinamizm katmaya yardımcı olur:

1) flaş düğme animasyonu:

2) ripper düğme animasyonu:

Bitti! Şimdi web sitenizde kartları sıfırdan nasıl oluşturacağınızı ve özelleştireceğinizi biliyorsunuz.