Indhold er kongen, de siger, men udseende er dronningen. Og det kan ikke være mere sandt i tilstanden af ​​nutidens webejendomme. At have et iøjnefaldende design hjælper webejere med at få fat i deres besøgende. Bortset fra det velovervejede layout, harmonisk farvekombination og smukke skrifttyper, er en af ​​de måder, webejere kan bruge til at opnå en besøgendes øjeblikkelige varsel, at bruge bevægelige skrivemaskinerlignende tekster. Hvis du er en WordPress-bruger, kan du opnå denne effekt nemt ved hjælp af et plugin kaldet Typed Js .

Bemærk : Da effekten flytter tekst, og det er svært at beskrive "coolness" ved hjælp af enten ord eller et statisk billede, besluttede jeg at bruge det i mit personlige hjemmeside projekt, og du kan se resultatet der.

Installation og opsætning af plugin

Installation af et plugin i WordPress er meget nemt, især for dem, der har tinkered med platformen i et stykke tid. Alt du skal gøre er at logge ind på dit adminområde og bruge menuen "Plugins -> Add New" fra venstre sidepanel. Søg efter "Types Js" fra plugin repository, så installer og aktiver det.

Nu er du klar til at tilføje en ny Typed Js-effekt. Processen svarer stort set til at tilføje et nyt indlæg. Gå først til menuen "Typet -> Tilføj ny" fra venstre sidepanel, og giv derefter din nye Typed-effekt et navn.

Vigtig! Vær opmærksom på "Genereret Shortcode". Det er snoren mellem "[firkantede parenteser]." Kopier alt inklusive parenteserne, og indsæt kortnummeret hvor som helst du vil have det vist. Et andet sæt af strenge vil have forskellige shortcode.

Fra "Typed Options" kan du tilføje strenge af ord / sætninger / sætninger, som du vil fremkomme ved hjælp af den rækkefølge, du foretrækker. Brug knappen Plus (+) til at tilføje en ny streng og "Minus (-)" -knappen for at slette en post.

Nedenfor er strengene de forskellige indstillinger for at justere effektens udseende. Du kan tilpasse Typing Speed, Start Delay, Back Speed ​​og Back Delay. Alle tal er i millisekunder. Du kan også indstille strenge til at vises i en loop, vise markøren, vælge et tegn som markøren og få det til at blinke.

En anden ting, du kan justere, er skærmbilledet, f.eks. Skrifttype og farve.

Og når du er færdig med alle indstillingerne, skal du trykke på "Udgiv" eller "Opdater".

Brug af effekten i din WordPress

Som nævnt for at bruge den Typede effekt, skal du kopiere kortnummeret og indsætte det, hvor du vil have det vist. For min hjemmeside skal jeg bruge den på destinationssiden, som jeg genererede ved hjælp af SiteOrigin Page Builder.

Først opretter jeg en ny side via "Sider -> Tilføj ny". Så skifter jeg til fanen "Sidebygger", tilføjer en ny "Række", sæt den til en kolonne og tilføj widgeten "SiteOrigin Hero" inde i række.

Så åbner jeg rammen og redigerer indholdet på samme måde som jeg gør med de sædvanlige WordPress-indlæg. Jeg indsætter den kortkode, der blev genereret i det foregående indlæg.

For at fuldføre designet tilføjer og tilpasser jeg en "knap", der linker til den tidligere oprettede "Kontakt mig" side, så en besøgende, der har brug for mine tjenester, kan komme i kontakt med mig.

Og her er det endelige resultat. Hvis du vil se et eksempel på effekten i aktion i realtid, kan du besøge mit websted.

Du kan oprette så mange typede Js-emner som du vil, og derefter kopiere og indsætte kortkodene og indsæt effekten hvor som helst i indlæg eller sider. Selvom det ville være meget sejt, kan du ikke bruge effekten i titlen. Jeg forsøgte.

Hvad synes du om Typed Js effekt? Kan du se dig selv bruge det på dit WordPress-websted? Del dine tanker og meninger ved hjælp af kommentarerne nedenfor.