Divi 3.0 Διαθέτει ένα καταπληκτικό Builder Front End για εσάς WooCommerce Προϊόντα

Divi είναι το θέμα της επιλογής μας στο WordPress όταν πρόκειται WooCommerce, Και το νέο Divi 3.0 εισάγει ένα εντελώς νέο "visual builder" (αναφέρεται επίσης ως "front-end editor") που έχει ανακατασκευαστεί από την αρχή χρησιμοποιώντας το React, μια σύγχρονη βιβλιοθήκη JavaScript για διεπαφές χρήστη. Αυτό το νέο πρόγραμμα δημιουργίας επιτρέπει στους χρήστες να επεξεργάζονται τις σελίδες WordPress στο μπροστινό μέρος του ιστότοπού τους χρησιμοποιώντας απλά και όμορφα οπτικά στοιχεία ελέγχου. Όταν ενεργοποιείτε το πρόγραμμα δημιουργίας, βλέπετε τη σελίδα σας ακριβώς όπως θα εμφανίζεται στο μπροστινό μέρος του ιστότοπού σας.

Με το πρόγραμμα δημιουργίας ενεργό, ωστόσο, η σελίδα γίνεται επεξεργάσιμη χρησιμοποιώντας DiviΗ τεράστια γκάμα στοιχείων περιεχομένου και σχεδιαστικών ρυθμίσεων. Μπορείτε να κάνετε κλικ σε μια παράγραφο και να αρχίσετε να πληκτρολογείτε, να επισημάνετε κείμενο και να προσαρμόσετε τη γραμματοσειρά, το μέγεθος και το στυλ της ή να ανοίξετε τις ρυθμίσεις για οποιοδήποτε στοιχείο και να αλλάξετε το περιεχόμενο, την εμφάνιση και τη θέση του. Η μεταφορά, απόθεση, αλλαγή μεγέθους, αντιγραφή, επικόλληση, διαγραφή και αντιγραφή στοιχείων είναι επίσης εύκολη.

Η σελίδα γίνεται ζωντανή και κάθε στοιχείο αισθάνεται απτό επειδή μπορείτε να χειριστείτε τα πάντα με φυσικούς και διαισθητικούς τρόπους. Όταν κάνετε μια αλλαγή σχεδίασης ή προσθέτετε νέο περιεχόμενο σε μια σελίδα, αυτές οι αλλαγές εμφανίζονται αμέσως. Αυτό συμβαίνει επειδή το νέο πρόγραμμα δημιουργίας εικόνων δεν βασίζεται στην παραδοσιακή φόρτωση, επομένως υπάρχει ανάγκη για ανανέωση σελίδας ή ράβδους φόρτωσης Ajax κατά την πλειοψηφία της εμπειρίας του δημιουργού. Αυτό είναι το μέλλον του WYSIWYG.

Προσθήκη νέου περιεχομένου από Divi40+ Ενότητες

Προσθήκη νέου περιεχομένου στο Divi Το 3.0 είναι απλό. Τοποθετήστε τον δείκτη του ποντικιού πάνω από την τοποθεσία που θέλετε στη σελίδα και κάντε κλικ στο κουμπί "+" για να προσθέσετε ένα νέο στοιχείο. Σας υποδεχόμαστε με μια λίστα με Divi40+ ενότητες περιεχομένου που μπορούν να χρησιμοποιηθούν για τη δημιουργία σχεδόν οποιουδήποτε είδους ιστότοπου. Δεν υπάρχει ανάγκη μεταφοράς και απόθεσης περιεχομένου από μια κεντρική αποβάθρα επειδή DiviΗ συμβουλή εργαλείου περιεχομένου είναι πάντα εκεί όταν τη χρειάζεστε.

Inline-Editor-1

Προσαρμόστε εύκολα τα πάντα

Η ομορφιά του Divi Το 3.0 γίνεται εμφανές όταν αρχίζετε να προσαρμόζετε τη σχεδίαση του περιεχομένου σας. Όλα μπορούν να προσαρμοστούν και μπορείτε να δείτε αυτές τις αλλαγές να εμφανίζονται σε πραγματικό χρόνο:

  • Επιλέξτε από δεκάδες προσαρμοσμένες γραμματοσειρές.
  • Προσαρμόστε το χρώμα του κειμένου, το μέγεθος, το ύψος της γραμμής και το διάστιχο.
  • Προσθέστε προσαρμοσμένη επένδυση και περιθώρια.
  • Αλλαγή δομών στηλών και ύψους σειράς.
  • Προσθέστε χρώματα και εικόνες φόντου.
  • Ενεργοποίηση φόντου παράλλαξης και φόντου βίντεο.
  • Σύρετε, αποθέστε, αντιγράψτε και επικολλήστε στοιχεία περιεχομένου.
  • Εφαρμόστε διαφορετικές ρυθμίσεις σχεδίασης για κάθε αποκριτικό σημείο διακοπής.
  • Σύρετε για να προσαρμόσετε τα ύψη και τα πλάτη της σειράς.
  • Απολαύστε μια όμορφη εμπειρία επεξεργασίας Inline

Όταν το νέο οπτικό εργαλείο είναι ενεργό, όλο το κείμενο στη σελίδα γίνεται επεξεργάσιμο. Δεν χρειάζεται να ανοίξετε τις ρυθμίσεις ενός στοιχείου για να προσαρμόσετε το περιεχόμενο του κειμένου του. Απλώς κάντε κλικ σε οποιαδήποτε παράγραφο και αρχίστε να πληκτρολογείτε για να προσθέσετε κείμενο ή να επισημάνετε οποιοδήποτε κείμενο για να προσαρμόσετε τη γραμματοσειρά, το μέγεθος, το στυλ και το διάστιχο. Έχουν δημιουργήσει το δικό τους ενσωματωμένο περιβάλλον εργασίας επεξεργαστή που είναι εξαιρετικά ομαλό και υπέροχο στη χρήση. Εάν έχετε απογοητευτεί ποτέ από την τυπική πολυάσχολη διεπαφή TinyMCE, θα εκπλαγείτε ευχάριστα όταν χρησιμοποιείτε Divi 3.0.

Ζήστε την απίστευτη ταχύτητα

Divi Το οπτικό πρόγραμμα δημιουργίας 3.0 είναι πιθανώς η ταχύτερη εμπειρία δημιουργίας ιστοτόπων που έχετε χρησιμοποιήσει ποτέ. Υπάρχουν λίγες έως καθόλου ανανεώσεις σελίδων ή μπαρ φόρτωσης Ajax. Στην πραγματικότητα, δεν υπάρχει καμία παραδοσιακή φόρτωση οποιουδήποτε είδους κατά τη διάρκεια της περισσότερης διαδικασίας κατασκευής. Αυτό συμβαίνει επειδή η JavaScript δίνει δύναμη στον κατασκευαστή και η εμπειρία κατασκευής δημιουργείται αποκλειστικά στο πρόγραμμα περιήγησής σας.

Αντί να βασίζεστε στην επικοινωνία μεταξύ του προγράμματος περιήγησης και του διακομιστή σας για να γίνουν αλλαγές, το Divi Το 3.0 builder χρειάζεται μόνο να περιμένει τον χρόνο που χρειάζεται για να υπολογίσει κάθε αλλαγή την εφαρμογή. Όταν χρησιμοποιείται με έναν αξιοπρεπή υπολογιστή και ένα σύγχρονο πρόγραμμα περιήγησης, θα αντιμετωπίσετε σχεδόν άμεσες ενημερώσεις καθώς προσθέτετε και προσαρμόζετε περιεχόμενο. Το φορτίο του διακομιστή σας, η ταχύτητα του διακομιστή και η ταχύτητα του Διαδικτύου δεν αποτελούν πλέον παράγοντα.

Το "Αόρατο" & προσαρμόσιμο περιβάλλον εργασίας Builder

Προσαρμόσιμη διεπαφή-2

Κωδικοποίησαν το όνομα του σχεδιασμού του νέου οπτικού δημιουργού «Αόρατη διασύνδεση». Αυτό αντιπροσωπεύει μια από τις βασικές φιλοσοφίες σχεδιασμού τους, που είναι ότι «ο καλός σχεδιασμός συχνά δεν γίνεται αντιληπτός» Το καλύτερο περιβάλλον εργασίας χρήστη είναι αυτό που δεν σας εμποδίζει, και αυτό που προβλέπει τις προθέσεις σας και σας προσφέρει λύσεις. Αυτό σημαίνει ότι μια διεπαφή είναι πραγματικά «διαισθητική». Divi Το 3.0 δεν σας βομβαρδίζει με περιττά πλέγματα, γραμμές και κουμπιά. Δεν υπάρχουν πλωτές κεφαλίδες ή πλαϊνές μπάρες για να κλέψετε την ακίνητη περιουσία της οθόνης σας ή επικαλύψεις για να αποκρύψετε το όραμά σας. Όταν φορτώνετε για πρώτη φορά το πρόγραμμα δημιουργίας, ίσως να μην γνωρίζετε καν ότι είναι εκεί, αλλά όταν αρχίζετε να εξερευνάτε τη σελίδα με το ποντίκι σας, τα στοιχεία ελέγχου γίνονται εμφανή.

Divi Το οπτικό πρόγραμμα δημιουργίας 3.0 είναι το πρώτο πρόγραμμα δημιουργίας σελίδων WordPress που προσφέρει προσαρμόσιμη διεπαφή. Αυτό σημαίνει ότι δεν είστε περιστασιακοί σε ορισμένες συμβάσεις διεπαφής χρήστη όσον αφορά τον τρόπο εμφάνισης των στοιχείων ελέγχου του κατασκευαστή. Μπορείτε να επιλέξετε να εμφανίζονται αυτές οι ρυθμίσεις σε ένα αναδυόμενο παράθυρο ή μπορείτε να τραβήξετε αυτό το αναδυόμενο παράθυρο στο πλάι της σελίδας και να εισέλθετε στη λειτουργία "πλευρική γραμμή". Μπορείτε να προσαρμόσετε
το μέγεθος και τη θέση του αναδυόμενου και της πλευρικής γραμμής, ώστε να μπορείτε να βελτιστοποιήσετε το χώρο σας με βάση το μέγεθος της οθόνης σας ή το περιεχόμενο της σελίδας σας.

Καταλίν Ζορζίνι

Είμαι blogger σχεδιασμού ιστοσελίδων και ξεκίνησα αυτό το έργο αφού πέρασα μερικές εβδομάδες αγωνιζόμενοι να μάθω ποιο είναι η καλύτερη πλατφόρμα ηλεκτρονικού εμπορίου για τον εαυτό μου. Δείτε το τρέχον μου κορυφαίοι 10 κατασκευαστές ιστότοπων ηλεκτρονικού εμπορίου.