Web sitesi oluşturucudaki "Özelleştirilebilir Kartlar" bölümü, ürünleriniz, hizmetleriniz veya müşteri yorumlarınız hakkında temel bilgileri kolayca ve hızlı bir şekilde sunmak isteyenler için tasarlanmıştır. Bu bloklar, web sitesi sayfasına işletmenizin ihtiyaçlarını karşılayacak şekilde özelleştirilebilen görsel olarak çekici kartlar eklemenize olanak tanır.

Kursun ayrıntılı bir açıklamasını, memnun müşterilerden gelen geri bildirimleri veya hizmetlerinizi kullanma önerilerini sağlamak isteyip istemediğinize bakılmaksızın, "Ö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 bölümü 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?

"Özelleştirilebilir Kartlar" bölümünün düzenleme menüsünde, içerik için çeşitli ayarlar bölümleri göreceksiniz: kartların stili, resimler, düğmeler vb.

Kolaylığınız için, stil ayarlarının kartlara nasıl uygulandığını görmek için önce kartları ekleyebilirsiniz.

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

"Kart ekle" düğmesine tıklayarak, boş bir metin alanı, kart için bir resim ve düğme simgesi yüklemek için bir çubuk ve ayrıca düğmenin metni için ayarları olan bir kart görürsünüz:

Kartın ayar alanları isteğe bağlıdır: yani, örneğin kartın kendisi için bir resim veya düğme simgesi yüklemeyi, metin eklemeden 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: bu durumda düğmeler kartta görüntülenmeyecektir.

Kart metni için, herhangi bir metin düzenleyiciye benzer şekilde, yazı tipi boyutunu, yazı tipi anahattını, rengini, vurgulamayı ayarlayabileceğiniz ve ayrıca bir bağlantı ve daha fazlasını ekleyebileceğiniz çeşitli ayarlar vardır.

Bunu yapmak için metni (metnin bir kısmını) seçin ve metne gerekli ayarları uygulayın:

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

Kart ayarları

Kartlar tek bir stilde yapılandırılır: bu bölümde kullandığınız tüm ayarlar, aynı bölümdeki tüm kartlara uygulanacaktır.

Kart Stili

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

Basit bir stil kullanırken, tüm kartlar site bölümünün bir sayfasında hemen görüntülenecektir:

"Kaydırıcı" stilini kullanırken, kartlar bir atlıkarınca şeklinde olacak ve böylece siteye daha fazla dinamizm katacaktır:

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

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

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

Kartları otomatik olarak kaydırmak için bir sayfayı görüntüleme zaman aralığını ayarlayın:

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

Dikkat!

Süre milisaniye cinsinden ayarlanır; burada 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 stilinize göre özelleştirmek için renk ayarlarını kullanın:

Renk ayarları aynı anda tüm kartlara uygulanır. Her kartta metin renginin 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ıkları ve dolguları ayarlama

  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. Dolgular - kartlar arasındaki yatay/dikey boşlukları ve kartların içindeki boşlukları artırmaya veya azaltmaya yardımcı olacak sayısal değerlerin girildiği alanlar,

Kartların içindeki girinti için ortak bir sayısal değer belirleyebilir veya satırın sağ köşesindeki dişli çark simgesine tıklayarak üst, alt, sol ve sağ kenarlıklar için ayrı bir değer belirleyebilirsiniz:

Kart yönü

Kartın yönü yatay veya dikey olabilir.

Hizalama

Merkezde, sol veya sağ kenarda olabilir.

Gölge ayarları

Kartlara derinlik eklemeye ve bunları bölüm/sayfa arka planında vurgulamaya yardımcı olur.

Resim ayarları

Resim ayarları, karta eklediğiniz tüm resimlere de uygulanır.

Resim ayarlarında aşağıdakileri ayarlamanız gerekir:

a) resim genişliği:

Alan piksel cinsinden sayısal bir değer alır, belirtilmezse resmin piksel cinsinden gerçek genişliğine göre otomatik olarak görüntülenir.

b) resim yüksekliği:

Alan piksel cinsinden sayısal bir değer alır, belirtilmezse resmin gerçek yüksekliğiyle orantılı olarak otomatik olarak görüntülenir.

c) yuvarlama:

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

d) resim boyutu:

Ayar, resim için belirtilen genişlik ve yüksekliğe göre resmi doldurmak/uzatmak/konumlandırmak gerekiyorsa uygulanır.

e) "Resmi metnin altına yerleştir" onay kutusu

Onay kutusunu işaretlerseniz, resim kartta metnin altında bulunacaktır.

Düğmeler nasıl ayarlanır

Metin ve ayrıca site ziyaretçinizin tıklaması gereken sayfaya olan bağlantı, kartın içinde yapılandırılır:

Ayrıca, metin ve bağlantıya ek olarak, karta bir resim yükleyerek düğme için bir simge ayarlayabilirsiniz:

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

Ardından, düğme için boyutu, genişliği ve dolguları ayarlayabilirsiniz:

  1. Düğmenin genişliği - hem piksel hem de yüzde cinsinden sayısal bir değer alan bir alan:

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

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

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

  1. Kenar boşluğu

Düğme için kartta üst, alt, sol ve sağ kenarlara göre dolguları ayarlamanıza yardımcı olur.

  1. Dolgu

Düğmenin içindeki dolguları ayarlamanıza yardımcı olur.

  1. Simge

Karttaki bir düğmeye bir simge yüklediyseniz, simge sığacak ş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, aynı zamanda düğme için ayrı ayrı da ayarlanabilir. Bunu yapmak için, düğme ayarlarında "Gölge" adlı açılır alanı bulmak ve 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) dikkatini düğmedeki hedeflenen eyleme çekmeye ve siteye dinamizm katmaya yardımcı olur:

1) flaş düğme animasyonu:

2") yırtıcı düğme animasyonu:

Tamamlandı!
Artık web sitenizde sıfırdan kartları nasıl oluşturacağınızı ve özelleştireceğinizi biliyorsunuz.