Περιεχόμενο είναι ο βασιλιάς, λένε, αλλά η εμφάνιση είναι η βασίλισσα. Και αυτό δεν μπορεί να είναι πιο αληθές στην κατάσταση των ιδιόκτητων ιστού του σήμερα. Έχοντας ένα εντυπωσιακό σχέδιο θα βοηθήσει τους ιδιοκτήτες ιστού να προσελκύσουν την προσοχή των επισκεπτών τους. Εκτός από τη σωστά σχεδιασμένη διάταξη, τον αρμονικό συνδυασμό χρωμάτων και τις ωραίες γραμματοσειρές, ένας από τους τρόπους που μπορούν να χρησιμοποιήσουν οι ιδιοκτήτες ιστού για την άμεση ειδοποίηση του επισκέπτη είναι να χρησιμοποιήσουν κείμενα που μοιάζουν με γραφομηχανές. Αν είστε χρήστης του WordPress, μπορείτε να επιτύχετε αυτό το αποτέλεσμα εύκολα χρησιμοποιώντας ένα plugin που ονομάζεται Typed Js .

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

Εγκατάσταση και ρύθμιση της προσθήκης

Η εγκατάσταση ενός plugin στο WordPress είναι πολύ εύκολη, ειδικά για εκείνους που έχουν βαρεθεί με την πλατφόρμα για λίγο. Το μόνο που έχετε να κάνετε είναι να συνδεθείτε στην περιοχή διαχειριστή και να χρησιμοποιήσετε το μενού "Πρόσθετα -> Προσθήκη νέου" από την αριστερή πλαϊνή γραμμή. Αναζήτηση για "Typed Js" από το αποθετήριο plugin, στη συνέχεια, εγκαταστήστε και ενεργοποιήστε το.

Τώρα είστε έτοιμοι να προσθέσετε ένα νέο αποτέλεσμα Typed Js. Η διαδικασία είναι λίγο πολύ παρόμοια με την προσθήκη μιας νέας θέσης. Αρχικά, μεταβείτε στο μενού "Typed -> Add New" από την αριστερή πλαϊνή μπάρα και, στη συνέχεια, δώστε στο νέο σας δακτυλογραφημένο αποτέλεσμα ένα όνομα.

Σπουδαίος! Δώστε προσοχή στον "Generated Shortcode". Είναι η συμβολοσειρά ανάμεσα στα "[αγκύλια]". Αντιγράψτε τα πάντα, συμπεριλαμβανομένων των παρενθέσεων, και εισαγάγετε το shortcode οπουδήποτε θέλετε να εμφανίζεται. Ένα διαφορετικό σύνολο συμβολοσειρών θα έχει διαφορετικό shortcode.

Από τις "Επιλογές πληκτρολογίου" μπορείτε να προσθέσετε τις συμβολοσειρές λέξεων / φράσεων / προτάσεων που θέλετε να εμφανίζονται χρησιμοποιώντας την παραγγελία που προτιμάτε. Χρησιμοποιήστε το κουμπί "Plus (+)" για να προσθέσετε μια νέα συμβολοσειρά και το κουμπί "Μείον (-)" για να διαγράψετε μια καταχώρηση.

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

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

Και αφού τελειώσετε με όλες τις ρυθμίσεις, πατήστε "Δημοσίευση" ή "Ενημέρωση".

Χρησιμοποιώντας το Εφέ στο WordPress σας

Όπως αναφέρθηκε προηγουμένως, για να χρησιμοποιήσετε το εφέ Typed θα πρέπει να αντιγράψετε το shortcode και να το επικολλήσετε εκεί που θέλετε να εμφανίζεται. Για τον ιστότοπό μου, θα το χρησιμοποιήσω στη σελίδα προορισμού που δημιούργησα με τη χρήση του SiteOrigin Page Builder.

Αρχικά, δημιουργώ μια νέα σελίδα μέσω "Σελίδες -> Προσθήκη νέου". Στη συνέχεια, μεταβείτε στην καρτέλα "Page Builder", προσθέστε μια νέα "Γραμμή", ορίστε τη σε μια στήλη και προσθέστε το γραφικό στοιχείο "SiteOrigin Hero" σειρά.

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

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

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

Μπορείτε να δημιουργήσετε τόσα πολλά στοιχεία Typed Js όπως θέλετε, στη συνέχεια, αντιγράψτε και επικολλήστε τους shortcodes και εισάγετε το αποτέλεσμα οπουδήποτε μέσα σε θέσεις ή σελίδες. Παρόλο που θα ήταν πολύ δροσερό, δεν μπορείτε να χρησιμοποιήσετε το αποτέλεσμα στον τίτλο. Προσπάθησα.

Τι νομίζετε για το φαινόμενο Typed Js; Μπορείτε να δείτε τον εαυτό σας να το χρησιμοποιείτε στον δικτυακό τόπο σας WordPress; Μοιραστείτε τις σκέψεις και τη γνώμη σας χρησιμοποιώντας τα παρακάτω σχόλια.