Απλή γκαλερί εικόνων με GenerateBlocks

 
Απλή γκαλερί εικόνων με GenerateBlocks

ΤαGenerateBlocks 1.7 και GenerateBlocks Pro 1. 5 έχουν εισέλθει στην πρώτη υποψήφια έκδοση και σύντομα θα είναι διαθέσιμα για χρήση σε χώρους παραγωγής.

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

Όμως αυτή η ενημέρωση είναι κάτι πολύ περισσότερο, επεκτείνει τις δυνατότητές του για να κατασκευάσει περισσότερα και καλύτερα πράγματα. Με 220 αλλαγές σε αρχεία και πάνω από 10.000 γραμμές ενημερωμένου κώδικα, ο επεξεργαστής GenerateBlocks είναι πιο βελτιωμένος, πιο αρθρωτός και τελικά με πολύ καλύτερες επιδόσεις. Προστίθενται περισσότερες λειτουργίες, ταχύτερα και με λιγότερο κώδικα.

Αυτή είναι η φιλοσοφία του δημιουργού του, Tom Usborne:

"Ό,τι κάνουμε έχει στο μυαλό του την απόδοση. Αν δεν μπορούμε να κάνουμε κάτι με απλό/ελαφρύ τρόπο, απλά δεν θα το κάνουμε".

Εξακολουθώ να υποστηρίζω ότι αυτό το σετ μπλοκ, αν συνεχίσει να εξελίσσεται όπως εξελίσσεται, σύντομα θα είναι ασυναγώνιστο. Τουλάχιστον όσον αφορά τις επιδόσεις και την ευελιξία.

Και αν έχετε αμφιβολίες σχετικά με την απόκριση των νέων μπλοκ GB, το The Admin Bar έκανε μια σύγκριση επιδόσεων με τα ίδια μπλοκ Kadence, και τα μπλοκ GB εξακολουθούν να είναι ελαφρύτερα. Στο τέλος της σύγκρισης υπάρχει μια αστεία μικρή λεπτομέρεια σχετικά με το βάρος και τον υπερβολικό αριθμό των αιτήσεων που προστίθενται χρησιμοποιώντας έναν απλό τίτλο Elementor.

Στη δουλειά

Με το νέο μπλοκ καρτελών μπορείτε να δημιουργήσετε μια πολύ ωραία και ελαφριά απλή γκαλερί εικόνων, όπως δείχνει ο Mike Oliver και επειδή δοκίμαζα την έκδοση RC, βρήκα την ευκαιρία να δημιουργήσω μια δοκιμαστική γκαλερί και να αφήσω εδώ τις σημειώσεις της διαδικασίας.

1 - Ανοίξτε τον επεξεργαστή και προσθέστε ένα μπλοκ Tabs.

2 - Επιλέξτε το πρότυπο καρτέλας που θέλετε.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Προσθέστε τον αριθμό των καρτελών που χρειάζεστε κάνοντας κλικ στο +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Μετακινήστε τις καρτέλες προς τα κάτω ή προς τα πάνω ανάλογα με το πού θέλετε να εμφανίζονται οι μικρογραφίες, για να το κάνετε αυτό, επιλέξτε "Στοιχεία καρτέλας" και κάντε κλικ στο βέλος κύλισης.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Με επιλεγμένη την καρτέλα Tabs μεταβαίνουμε στη διαμόρφωση μπλοκ στη δεξιά πλευρά και στο TAB BUTTON TYPE, αλλάζουμε από "Button" σε "Container", καθώς δεν μπορούμε να προσθέσουμε εικόνες μέσα στα κουμπιά. Αφού το κάνουμε αυτό, θα δούμε πώς τα κουμπιά αλλάζουν το εικονίδιό τους στο εικονίδιο του δοχείου.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Αφαιρέστε τα στυλ και τα κείμενα από τις καρτέλες.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Τέλος, προσθέτουμε τις εικόνες τόσο στα δοχεία καρτελών όσο και στο αντίστοιχο πλαίσιο περιεχομένου.

Galeria simple con GenerateBlocks tutorial paso 7

Παρόλο που έχετε λεπτές ρυθμίσεις για desktop, tablet και κινητά, χωρίς να αγγίξετε τίποτα, αυτή η γκαλερί φαίνεται τέλεια στην έκδοση για κινητά.

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

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

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

YouTube video

Ορισμένοι σύνδεσμοι σε αυτή τη θέση είναι σύνδεσμοι θυγατρικών