Come aggiungere un fantastico effetto di digitazione al tuo sito WordPress

Cum să adăugați un efect de tastare cool pe site-ul dvs. WordPress
⏱️ 3 min read

Il contenuto è il re, dicono, ma l’apparenza è la regina. E questo non può essere più vero nello stato delle proprietà web di oggi. Avere un design accattivante aiuterà i proprietari di siti web ad attirare l’attenzione dei loro visitatori. A parte il layout ben congegnato, la combinazione di colori armoniosa e i bellissimi caratteri, uno dei modi in cui i proprietari di siti web possono utilizzare per ottenere l’avviso immediato di un visitatore è utilizzare testi in movimento simili a quelli di una macchina da scrivere. Se sei un utente WordPress, puoi ottenere questo effetto facilmente utilizzando un plugin chiamato Digitato Js.

Nota: poiché l’effetto è il testo in movimento, ed è difficile descrivere la “freddezza” usando parole o un’immagine statica, ho deciso di usarlo nel mio progetto di sito web personale e puoi vedere il risultato lì.

Installazione e configurazione del plugin

Installare un plugin in WordPress è molto semplice, soprattutto per coloro che hanno armeggiato con la piattaforma per un po ‘. Tutto quello che devi fare è accedere alla tua area di amministrazione e utilizzare il menu “Plugin -> Aggiungi nuovo” dalla barra laterale di sinistra. Cerca “Typed Js” dal repository dei plugin, quindi installalo e attivalo.

Ora sei pronto per aggiungere un nuovo effetto J tipizzato. Il processo è più o meno simile all’aggiunta di un nuovo post. Per prima cosa, vai al menu “Tipizzato -> Aggiungi nuovo” dalla barra laterale sinistra, quindi dai un nome al tuo nuovo effetto digitato.

Importante! Presta attenzione allo “Shortcode generato”. È la stringa tra “[square brackets]. ” Copia tutto, comprese le parentesi, e inserisci lo shortcode ovunque desideri che appaia. Un diverso insieme di stringhe avrà uno shortcode diverso.

typed-mte-settings

Dalle “Opzioni digitate” puoi aggiungere le stringhe di parole / frasi / frasi che vuoi che appaiano nell’ordine che preferisci. Utilizzare il pulsante “Più (+)” per aggiungere una nuova stringa e il pulsante “Meno (-)” per eliminare una voce.

typed-mte-typed-options-1

Sotto le stringhe ci sono le varie impostazioni per regolare l’aspetto dell’effetto. È possibile personalizzare la velocità di digitazione, il ritardo di avvio, la velocità di ritorno e il ritardo di ritorno. Tutti i numeri sono in millisecondi. Puoi anche impostare le stringhe in modo che appaiano in un ciclo, mostrare il cursore, scegliere un carattere come cursore e farlo lampeggiare.

typed-mte-typed-options-2

Un’altra cosa che puoi regolare è il display, come il carattere e il colore.

typed-mte-display-options

E dopo aver terminato con tutte le impostazioni, premi “Pubblica” o “Aggiorna”.

digitato-mte-pubblica-o-aggiorna

Utilizzo dell’effetto nel tuo WordPress

Come accennato in precedenza, per utilizzare l’effetto digitato è necessario copiare lo shortcode e incollarlo dove si desidera che appaia. Per il mio sito web, lo userò sulla pagina di destinazione che ho generato utilizzando SiteOrigin Page Builder.

Innanzitutto, creo una nuova pagina tramite “Pages -> Add New”. Quindi passo alla scheda “Page Builder”, aggiungo una nuova “Riga”, la imposto su una colonna e aggiungo il widget “SiteOrigin Hero” all’interno della riga.

digitato-mte-site-builder

Quindi apro il frame e modifico il contenuto come faccio con i soliti post di WordPress. Inserisco lo shortcode che è stato generato nel post precedente.

digitato-mte-edit-widget

Per completare il design, aggiungo e personalizzo un “pulsante” che si collegherà alla pagina “Contattami” precedentemente impostata in modo che un visitatore che necessita dei miei servizi possa mettersi in contatto con me.

digitato-mte-edit-button

Ed ecco il risultato finale. Se vuoi vedere un esempio dell’effetto in azione in tempo reale, puoi farlo visita il mio sito.

typed-mte-end-result

Puoi creare tutti gli elementi J digitati che desideri, quindi copiare e incollare gli shortcode e inserire l’effetto ovunque all’interno di post o pagine. Anche se sarebbe molto interessante, non puoi usare l’effetto nel titolo. Provai.

Cosa ne pensate dell’effetto J tipizzato? Riesci a vedere te stesso che lo usi nei tuoi siti WordPress? Condividi i tuoi pensieri e opinioni usando i commenti qui sotto.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar di Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Potrebbero interessarti anche...

Subscribe
Notificami
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x