Τι είναι το Parallax Scrolling; Plus Πώς να προσθέσετε το Parallax στο WordPress

WordPress

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

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

Σε αυτήν την ανάρτηση, θα απαντήσουμε στην ερώτηση: “Τι είναι η κύλιση παράλλαξης;” Στη συνέχεια, θα μιλήσουμε για το πότε είναι χρήσιμο και θα σας δείξουμε πώς μπορείτε να το προσθέσετε στον ιστότοπό σας στο WordPress. Ας ΡΙΞΟΥΜΕ μια ΜΑΤΙΑ!

Contents

1 Τι είναι η κύλιση παράλλαξης?
2 Γιατί να θέλετε να χρησιμοποιήσετε την παράλληλη κύλιση στον ιστότοπό σας?
3 Πώς μπορείτε να προσθέσετε παράλληλη κύλιση στον ιστότοπό σας στο WordPress?
- 3.1 Πρόσθετα Parallax WordPress
- 3.2 Θέματα Parallax WordPress
4 συμπέρασμα

Τι είναι η κύλιση παράλλαξης?

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

Ωστόσο, οι σχεδιαστές έχουν αρχίσει να πειραματίζονται με τρόπους για να κάνουν αυτήν την απαραίτητη κύλιση πιο δυναμική. Αυτό είναι όπου τα εφέ παράλλαξης έρχονται στην εικόνα. Εάν εξακολουθείτε να αναρωτιέστε “Τι είναι η παράλληλη κύλιση;”, δείτε αυτό το παράδειγμα:

Δώστε προσοχή στον τρόπο με τον οποίο τα κτίρια στο παρασκήνιο κινούνται πιο αργά από το κείμενο στο μπροστινό μέρος.

Είναι πιθανό να έχετε δει αυτό το αποτέλεσμα ήδη, ίσως σε πολλούς ιστότοπους. Έχει γίνει μια πολύ δημοφιλής τεχνική.

Συνοψίζοντας, η παράλληλη κύλιση είναι όταν οι εικόνες φόντου και προσκηνίου σε μια σελίδα μετακινούνται με διαφορετικούς ρυθμούς, δημιουργώντας ένα απατηλό (αλλά συναρπαστικό) εφέ 3D. Μπορεί να εφαρμοστεί με μεγάλη ποικιλία τρόπων και προσφέρει πολλά οφέλη για όσους θέλουν να σχεδιάσουν μια εντυπωσιακή σελίδα.

Γιατί να θέλετε να χρησιμοποιήσετε την παράλληλη κύλιση στον ιστότοπό σας?

Δεν υπάρχει αμφιβολία ότι η κύλιση παράλλαξης μπορεί να φαίνεται πολύ ελκυστική. Ωστόσο, εάν χρειάζεστε ένα ισχυρότερο επιχείρημα από το “φαίνεται δροσερό”, εδώ είναι μερικοί από τους λόγους για να προσθέσετε ένα εφέ κύλισης παράλλαξης στον δικό σας ιστότοπο:

Κάνει τη σελίδα σας να αισθάνεται δυναμική και διαδραστική, ενισχύοντας την αφοσίωση του επισκέπτη με τον ιστότοπό σας.
Οι μεμονωμένες ενότητες είναι πιο σαφείς, βοηθώντας στην οργάνωση της σελίδας σας με έναν εύκολα κατανοητό τρόπο.
Μπορείτε να χρησιμοποιήσετε αυτό το εφέ για να τραβήξετε ιδιαίτερη προσοχή σε συγκεκριμένα στοιχεία της σελίδας – βασικές πληροφορίες, μια κύρια πρόσκληση για δράση (CTA) και άλλα.

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

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

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

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

Πώς μπορείτε να προσθέσετε παράλληλη κύλιση στον ιστότοπό σας στο WordPress?

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

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

Πρόσθετα Parallax WordPress

Υπάρχουν μερικά διαθέσιμα πρόσθετα WordPress για να σας βοηθήσουν να δημιουργήσετε ένα εφέ παράλλαξης, όπως το Advanced WordPress Backgrounds:

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

Θέματα Parallax WordPress

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

Στο τρέχον κλίμα είναι εύκολο να βρείτε θέματα που προσφέρουν αυτήν τη λειτουργικότητα. Για παράδειγμα, δείτε το δικό μας θέμα Neve:

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

Αφού εγκαταστήσετε και ενεργοποιήσετε το θέμα, μπορείτε να κατευθυνθείτε προς Εμφάνιση> Επιλογές Neve για πρόσβαση στο περιεχόμενο επίδειξης:

Κάντε κλικ στο Δείτε επιδείξεις, μετά χτυπήστε Προεπισκόπηση σε κάθε μεμονωμένη επιλογή για να το δείτε σε δράση. Για παράδειγμα, εδώ είναι το ομαλό εφέ κύλισης στην αρχική σελίδα:

Επιλογή Εισαγωγή θα προσθέσει την επίδειξη και όλο το σχετικό περιεχόμενο και προσθήκες στον ιστότοπό σας (συμπεριλαμβανομένου του Elementor Page Builder). Στη συνέχεια, μπορείτε να ανοίξετε το Σπίτι σελίδα και επιλέξτε Επεξεργασία με Elementor για να ξεκινήσετε να δημιουργείτε τα δικά σας τσιμπήματα:

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

Το ίδιο ισχύει για ορισμένα από τα άλλα demo Neve, καθώς και για πολλά άλλα θέματα WordPress. Μη διστάσετε να πειραματιστείτε μέχρι να βρείτε ένα στυλ και διάταξη που ταιριάζει στον ιστότοπό σας.

συμπέρασμα

Τι είναι η κύλιση παράλλαξης; Μέχρι τώρα, θα πρέπει να έχετε την απάντηση. Το αποτέλεσμα προκαλεί την κίνηση των στοιχείων φόντου και προσκηνίου μιας ιστοσελίδας με διαφορετικούς ρυθμούς, δημιουργώντας μια εμφάνιση βάθους σε μια 2D οθόνη.

Η κύλιση Parallax βοηθά τα μεμονωμένα τμήματα μιας σελίδας να ξεχωρίζουν και παρέχει ενδιαφέρουσα οπτική αντίθεση και έμφαση. Είναι ένα εφέ που χρησιμοποιείται καλύτερα σε μεγάλες αρχικές σελίδες και σελίδες προορισμού και είναι ιδιαίτερα κατάλληλο για ιστότοπους μίας σελίδας. Ευτυχώς, πολλά θέματα WordPress το καθιστούν ένα αεράκι για την εφαρμογή παράλληλων εφέ – συμπεριλαμβανομένου του Neve.

Έχετε οποιεσδήποτε ερωτήσεις σχετικά με τον τρόπο χρήσης της κύλισης παράλλαξης για καλύτερη επίδραση στον ιστότοπό σας; Ρωτήστε την παρακάτω ενότητα σχολίων!