7 Drag and Drop Plugins για την οικοδόμηση ιστοσελίδων WordPress
Το drag-and-drop ήταν η πιο εκλεπτυσμένη προσέγγιση από τους μη-techies, όταν πρόκειται για την οργάνωση layouts web. Αυτό είναι, ίσως, οι λόγοι Wix, SquareSpace, και αυτές οι υπηρεσίες είναι τόσο δημοφιλείς. Ακριβώς για να αναφέρουμε μερικά πιο δροσερά εργαλεία που σας επιτρέπουν να κάνετε περισσότερα με drag and drop, έχουμε:
- Δημιουργήστε όμορφους ιστότοπους με το IM Creator
- Προσαρμοσμένο στυλ με το JQuery UI Sortable
- Δημιουργήστε γραφικά με επαγγελματική εμφάνιση με το Canva
- Δημιουργήστε διατάξεις HTML Bootstrap με LayoutIt!
- Αποθήκευση, οργάνωση και κοινή χρήση περιεχομένου ιστού Με τον Dragdis
Για τους σχεδιαστές και τους προγραμματιστές, θα θέλαμε να έχουμε την προσέγγιση drag-and-drop όταν δημιουργία και οργάνωση μιας διάταξης σελίδας. Κατά την οικοδόμηση ενός δικτυακού τόπου WordPress, για παράδειγμα, το μέθοδος μεταφοράς και απόθεσης θα βοηθήσει να εξοικονομήσετε πολύ χρόνο. Σε αυτήν την ανάρτηση, έχουμε συγκεντρώσει 7 πρόσθετα που προσθέτουν αυτή τη λειτουργία στον επεξεργαστή WordPress. Αν γνωρίζετε πιο δροσερά plugins, ενημερώστε μας στα σχόλια.
1. Builder SiteOrigin
Το Page Builder είναι ένα πρόσθετο που σας επιτρέπει να δημιουργείτε ανταποκρινόμενα πλέγματα, προσαρμόζοντας τη διαίρεση κάθε στήλης και γραμμής μέσα στο δίκτυο. Το plugin φέρει επίσης μια χούφτα δομοστοιχείων διάταξης που σας επιτρέπουν να προσθέσετε περιεχόμενο όπως Gallery, Εικόνα, Βίντεο, Κουμπιά, ακόμα και Κουτιά Τιμών. Οι νέες ενότητες διαμόρφωσης μπορούν να προστεθούν μέσω του API Widget WordPress Widget.
2. PixGridder
Το PixGridder σάς επιτρέπει να διαιρείτε εύκολα το περιεχόμενο της σελίδας σας σε πλέγματα. Αφού δημιουργήσετε τις στήλες, μπορείτε να προσθέσετε κείμενο στο περιεχόμενο κάθε στήλης, να το προσαρμόσετε με τον προεπιλεγμένο επεξεργαστή κειμένου του WordPress ή να το συμπληρώσετε με περιεχόμενο μέσω σύντομων κειμένων. Το πρόσθετο φέρνει επίσης όλες τις λειτουργίες που είναι διαθέσιμες στον επεξεργαστή κειμένου του WordPress για κάθε στήλη.
3. Aqua Page Builder
Το Aqua Page Builder σάς επιτρέπει να δημιουργείτε μοναδικές παραλλαγές των προτύπων που θα χρησιμοποιηθούν για το περιεχόμενό σας. Σύρετε ένα ή περισσότερα διαθέσιμα μπλοκ στο εργαλείο δημιουργίας προτύπων, ονομάστε και αποθηκεύστε το πρότυπο. Χρησιμοποιήστε το παραγόμενο σύντομο κώδικα για να εφαρμόσετε το πρότυπο στις σελίδες ή τις αναρτήσεις σας.
4. Δημιουργός σελίδων WR
Με το εργαλείο δημιουργίας σελίδων WR, μπορείτε να προσθέσετε ενότητες σχεδίασης όπως κουμπιά μας, πίνακες τιμολόγησης, μπάρες προόδου, ειδοποιήσεις και πολλά άλλα στην αναρτήση ή τη σελίδα σας. Αυτό το plugin παρέχει τόνους επιλογών προσαρμογής σε κάθε ενότητα - μπορείτε να αλλάξετε τα χρώματα, το κείμενο ή τις εικόνες, μεταξύ άλλων. Οι νέες ενότητες μπορούν να προστεθούν εύκολα μέσω του API Widget WordPress Widget.
5. Live Composer Lite
Το Live Composer Lite μας επιτρέπει να δημιουργούμε διατάξεις σελίδας από το μενού της ιστοσελίδας. Μόλις ενεργοποιηθεί αυτό το πρόσθετο, μεταβείτε στη σελίδα που θέλετε να επεξεργαστείτε και κάντε κλικ στο κουμπί ενεργοποίησης του προγράμματος επεξεργασίας στο κάτω δεξί μέρος. Τώρα, μπορείτε να μεταφέρετε εύκολα στοιχεία όπως κείμενο, κουμπί, εικόνες, καρτέλες, από κάτω προς την περιοχή της σελίδας.
6. Minimax
Το Minimax είναι ένα εργαλείο δημιουργίας σελίδων που επιτρέπει, ακόμα και σε όσους δεν μπορούν να κωδικοποιήσουν, να προσαρμόσουν τη σελίδα WordPress ή τη θέση τους. Διαχωρίστε τη σελίδα, ορίζοντας τον αριθμό των στηλών που θέλετε να χρησιμοποιήσετε με το Cols και στη συνέχεια να προσθέσετε στοιχεία σε κάθε στήλη από προκαθορισμένες ενότητες, όπως Εικόνα, Ακορντεόν, Καρτέλα, Κείμενο και πολλά άλλα. Τέλος, εξάγετε την έτοιμη διάταξή σας για χρήση στον ιστότοπό σας.
7. Beaver Builder
Το Beaver Builder [demo] είναι ένα άλλο καλό plugin που σας επιτρέπει να δημιουργήσετε διατάξεις στο front-end. Τα plugins διαθέτουν 15 προκαθορισμένα πρότυπα σελίδων που μπορείτε να χρησιμοποιήσετε από το κουτί. Περιλαμβάνονται επίσης βασικές ενότητες όπως η επικεφαλίδα, ο διαχωριστής, ο επεξεργαστής κειμένου μαζί με ορισμένα προηγμένα στοιχεία, όπως η φόρμα επικοινωνίας, ο πίνακας τιμών και οι παρουσιάσεις.