Jo mer elegant et nettsted ser ut, desto bedre vil publikums interaksjon med innholdet være, ikke sant? I gjennomsnitt har vi bare 3 sekunder til å fange besøkendes oppmerksomhet i dagens øyeblikkelig tilfredsstillelse.
Når en person lander på nettstedet ditt, er det viktig å avlede oppmerksomheten mot noe engasjerende, slik at de utforsker det videre. En måte å gjøre dette på er å legge til en glidebryter på hjemmesiden din som inneholder listen over tjenester du tilbyr eller produkter du tilbyr.
Vi går gjennom en trinnvis prosess for å legge til en glidebryter på WordPress-nettstedet ditt.
Hvordan lage en glidebryter på WordPress
Det er forskjellige måter å lage en glidebryter på, inkludert bruk av tilpasset kode, et plugin eller temabyggere som Elementor. I denne artikkelen tar vi hjelp av Smart Slider 3 og Elementor til å designe en glidebryter for et WordPress-nettsted.
Smart Slider 3 inneholder alle de fancy effektene du kan tenke deg for å overraske besøkende. Den støtter tillegg av tekst, overskrifter, oppfordringsknapper og videoer. Du kan velge mellom tilgjengelige design og tilpasse dem for å matche nettstedets stil og merkevarebygging.
Du kan legge til kuler, piler eller miniatyrbilder for å gjøre det mer intuitivt for besøkende, slik at de enkelt kan navigere gjennom informasjonen. Det bør imidlertid med rimelighet stemme overens med nettstedets fargevalg.
Nedlasting:Smart skyveknapp 3
La oss utforske hvordan du kan bruke Smart Slider 3 til å designe en glidebryter sømløst for nettstedet ditt.
Først installerer du pluginet fra WordPress-programtilleggskatalogen.
1. Gå til Dashboard> Plugins> Legg til nytt.
2. Søk etter Smart skyveknapp 3.
3. Installer og aktiver pluginet.
I slekt: Hvordan lage en quiz eller spørreundersøkelsesform i WordPress
Hvordan lage en glider med Smart Slider 3
Slik kan du lage glidebryteren.
1. Klikk på Smart glidebryter alternativet i dashbordmenyen.
2. Klikk på Gå til Dashboard.
3. Klikk på Nytt prosjekt.
4. Velg en mal eller opprett et nytt prosjekt. (Å velge en mal vil gjøre det lettere å designe glidebryteren).
5. Blant de gratis malene som er tilgjengelige, velger du en som passer dine behov.
6. Velg en mal og klikk Import.
Når malen er importert, er det på tide å tilpasse den.
Hvordan redigere og tilpasse glidebryteren
Slik kan du tilpasse glidebryteren.
1. Gå til Dashboard> Smart Slider.
2. Klikk på Rediger glidebryteren fra rullegardinmenyen som vist ovenfor. Velg ønsket mal og klikk Redigere.
3. I redigeringsdelen vises et popup-vindu der du kan redigere og tilpasse bildet, bakgrunnen og teksten etter eget valg.
4. Når du har gjort endringene, klikker du Lagre og forhåndsvis glidebryteren en gang.
Glidebryteren er klar til å gå.
I slekt: Hvordan legge til sosial pålogging til WordPress med Super Socializer
Hvordan legge glidebryteren til nettstedet ditt
For å legge glidebryteren til nettstedet ditt,
1. Gå til Hovedmeny> Besøk nettsted.
2. Gå til siden der du vil vise glidebryteren.
3. Klikk Rediger med Elementor.
La oss legge til glidebryteren på nettstedet ved hjelp av Elementor-sidebyggeren.
Legg til eller rediger glidebryteren med Elementor
For å legge til og redigere glidebryteren,
1. Gå til Elementor-dashbordet og søk etter "Smart glidebryter".
2. Dra og slipp widgeten til stedet der du vil vise glidebryteren.
3. Når du slipper widgeten til den nye delen, vises et popup-vindu. Sett inn malen du importerte tidligere.
Glidebryteren du opprettet er lagt til på hjemmesiden.
Legg til en skyveknapp for å øke engasjementsgraden på nettstedet ditt
De første millisekundene er avgjørende for å skape et utmerket førsteinntrykk. Det er her glidebryteren kommer inn. Ved å forbedre det fine med nettstedet ditt, skyver glidebryterne brukerne og omdirigerer brukerens oppmerksomhet til viktig informasjon. Å lage glidebrytere kan være litt tidkrevende, men resultatene er verdt innsatsen.
Å legge til glidebrytere kan bidra til å øke engasjementsgraden på nettstedet ditt, men det kan også redusere farten. Test regelmessig nettstedet ditt med hastighetstestverktøy som Google PageSpeed Insights, GTmetrix hastighetstest, Pingdom hastighetstest og noen få andre. Hvis du synes nettstedet ditt henger under innlasting av ressurser for glidebryteren, kan du fjerne det fra nettstedet ditt.
Test nettstedets makt og samle nyttige analyser med disse WordPress hastighetstestverktøyene.
Les Neste
- Programmering
- Wordpress
- Wordpress-plugins
- Webdesign
Will Esrar er en lavere student som er lidenskapelig opptatt av nettutvikling og nettbaserte teknologier. I løpet av fritiden finner du ham lytte til podcaster og surfe gjennom sosiale medier.
Abonner på vårt nyhetsbrev
Bli med på nyhetsbrevet vårt for tekniske tips, anmeldelser, gratis e-bøker og eksklusive tilbud!
Klikk her for å abonnere