Στο παρελθόν, αν θέλατε να έχετε μια κίνηση υψηλής ποιότητας στο site σας, έπρεπε να χρησιμοποιήσετε βαριά αρχεία GIF ή βίντεο που επιβράδυναν τη φόρτωση. Σήμερα, η επανάσταση ονομάζεται Lottie Animations. Πρόκειται για διανυσματικά (vector) αρχεία κίνησης σε μορφή JSON, τα οποία είναι εξαιρετικά ελαφριά (συχνά μικρότερα από μια απλή εικόνα JPG) και δεν χάνουν ποτέ την ποιότητά τους, όσο κι αν τα μεγαλώσετε. Η ενσωμάτωση Lottie στο Divi είναι ο απόλυτος τρόπος για να προσθέσετε επαγγελματικά animations που θα κάνουν το site σας να ξεχωρίσει.
Γιατί Lottie και όχι GIF;
Τα αρχεία Lottie είναι 600% μικρότερα από τα GIF και υποστηρίζουν διαφάνεια (transparency) χωρίς "pixelation". Επιπλέον, είναι διαδραστικά. Μπορείτε να ορίσετε ένα animation να ξεκινά μόνο όταν ο χρήστης σκρολάρει μέχρι εκεί ή μόνο όταν κάνει κλικ.
Πώς να τα χρησιμοποιήσετε στο Divi
Παρόλο που το Divi δεν έχει (ακόμα) ενσωματωμένο module για Lottie στην βασική του έκδοση, η διαδικασία είναι απλή:
- Βρείτε το Animation: Επισκεφθείτε το LottieFiles.com και επιλέξτε ανάμεσα σε χιλιάδες δωρεάν ή premium animations. Κατεβάστε το αρχείο σε μορφή JSON ή αντιγράψτε το Lottie Link.
- Χρήση Προσθέτου ή Code Module:
- Plugin: Μπορείτε να χρησιμοποιήσετε το δωρεάν plugin "LottieFiles for WordPress" ή το "Supreme Modules for Divi" που διαθέτει ειδικό Lottie module.
- Κώδικας: Μπορείτε να χρησιμοποιήσετε το Code Module του Divi και να επικολλήσετε το "Lottie Player" script που παρέχει η ίδια η πλατφόρμα LottieFiles.
- Ρυθμίσεις Ελέγχου: Μπορείτε να ρυθμίσετε το animation να παίζει σε λούπα (loop), να παίζει μόνο μία φορά, ή να ακολουθεί την ταχύτητα του σκρολαρίσματος (scroll sync).
- Εφαρμογές: Χρησιμοποιήστε Lottie για εικονίδια που κινούνται, για εντυπωσιακά banners στην αρχική σελίδα ή για επιβεβαιωτικά εφέ (π.χ. ένα "check" που σχεδιάζεται μόνο του) μετά την αποστολή μιας φόρμας.
Τα Lottie Animations είναι το μέλλον του web design. Προσφέρουν την οπτική δύναμη ενός βίντεο με την ταχύτητα ενός κειμένου. Ενσωματώνοντάς τα στο Divi, προσφέρετε στους πελάτες σας μια σύγχρονη, γρήγορη και οπτικά ελκυστική ιστοσελίδα που ακολουθεί τα κορυφαία παγκόσμια standards.
