De skydere er elementer, der findes på næsten alle hjemmesider på websteder. Slider Smart 3 er et kraftfuldt plugin tilgængeligt i gratis og premium version.

De vigtigste funktioner i dette plugin

Som en funktion tilbyder det blandt andet:

• En intuitiv brugergrænseflade
• En træk-og-slip-video-sidebygger med Live Preview / 8
• Dynamiske dias, der kan oprettes ved hjælp af artikler og filtreres efter ID eller tilpassede sider
• Slide generation (Dynamisk) fra en række sociale netværk (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube og mere).
• Tilpasningsbare kontrolskyvere 
• Glidende animationer i baggrunden (Ken Burns)

Gratis vs Premium

Hvis alt hvad du leder efter er en grundlæggende skyder, Smart Slider 3 er tilgængelig på WordPress.org i plugins-biblioteket. Selv den gratis version er imponerende og speciel sammenlignet med nogle af de andre skydere.

En personlig licens til et enkelt sted koster kun $ 25 (fornyelsen er på 15 $).

Der er nogle vigtige forskelle mellem den gratis og premium-version med hensyn til indhold og funktioner. Her er, hvad du får med premium-versionen:

• En ubegrænset generator af dynamiske lysbilleder
• Avancerede kommandoer
• Eksperttilstand
• Animationer i baggrunden
• En billedfremviser og editor
• 43 skyderen demoer

Tutorial: Oprettelse af en grundlæggende skyder

Hvis du aldrig har installeret WordPress, skal du opdage Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog.

Når den er aktiveret, WordPress plugin Slider Smart sætter sin egen menu i bunden af ​​WordPress admin panel.

Hvis du aldrig har installeret en WordPress plugin opdage Sådan installeres et plugin i WordPress

Klik på menuen Smart Slider, åbnes hovedgrænsefladen, hvor den første mulighed, du ser, er en stor grøn knap: " Opret Slider » som åbner et indledende konfigurationsvindue, som du ser nedenfor.

Derfra kan du navngive din skyder og vælge en generel stil. Der er mange stilarter at vælge imellem (som fuld bredde, fuld side, karrusel, miniaturebillede og mere), men vi går med en blokskyder baseret på layoutet på vores eksisterende hjemmeside.

Klik "Skab" og Slider Smart begynder at designe din grundlæggende skydermodel. Efter et par sekunder finder du dig selv på en side, der indeholder alle de grundlæggende detaljer om plugin.

Oplev Sådan opretter du en privatlivspolitik på WordPress

Den første ting, der skal bemærkes her, er afsnittet " Udgiv skyderen". Du skal bruge en af ​​disse tre metoder (Shortcode, Page- eller Post-editor eller PHP-kode) når det er tid til at offentliggøre dit lysbillede (n ° 1 nedenfor). Inden vi kan gøre det, er vi nødt til at oprette lysbilleder.

Det er her, pluginet virkelig demonstrerer sin brugervenlighed.

Alt du skal gøre er at klikke på den grønne knap " Tilføj Billede dias "(n ° 2 nedenfor) og dit mediebibliotek åbnes. Derfra kan du vælge så mange billeder, som du vil, eller starte med kun et og derefter klikke på " Type I mediebiblioteksvinduet.

Bemærk: Du er ikke begrænset til billeder, når du vælger dit dias. Du kan også bruge video eller artikler samt oprette tomme, statiske eller endda dynamiske dias.

Consult Sådan duplikeres (kopieres) dine sider på WordPress: Vejledningen

Smart Slider indlæser dit dias i grænsefladen, og du er klar til at gemme og offentliggøre eller begynde at tilpasse. Men hvis jeg offentliggør mit lysbilledshow, fungerer det fint, men det er ikke helt det, jeg ledte efter, som du kan se på billedet nedenfor.

For at rette op på dette gik jeg til menuen "Størrelse" og jeg rullede ned til sektionen lydhør tilstand. Valget var "Fuld bredde", så jeg valgte "Auto" og reddet mine fremskridt. Derfra gik jeg tilbage til " generelt "og en valgt centrering.

Når jeg taler om brugervenlighed her, skal du huske det hele denne proces tog mindre end 5 minutter for min første forsøg.

Nu er det tid til at arbejde på selve diaset. Når du holder markøren over dine dias i visningen, vil du bemærke, at der vises en grøn boks i øverste venstre hjørne. Som du måske har gættet, markerer du dette dias som det første i sekvensen ved at klikke.

Se også 5 fremragende premium WordPress plugins for at tilføje en skyder

Med min skyder oprettet og baggrunden på plads var det tid til at tilføje noget indhold og overgange. For at udføre dette trin klikkede jeg simpelthen på det dias, jeg ville redigere, som går til lagafsnittet.

Der er mange individuelle indstillinger i højre panel, men hvis du ruller ned, finder du et billede af dit dias. Du kan derefter klikke på et af elementerne i venstre panel for at placere dem på dit dias.

Oprettelse af disse dias er en anden skole. Der er så mange muligheder tilgængelige. For at give dig en ide om dette plugins fleksibilitet skal du se på, hvad hvert element kan gøre for din skyder via:

• En elementmenu
• animationer
• Lagindstillinger

I hver af disse menuer er der flere undermenuer. Når du for eksempel opretter et tekstelement, kan du justere skrifttypeindstillinger som: 

• Politi familier
• Teksten farve
• skriftstørrelse
• Højden af ​​linjen
• Dekorationen af ​​teksten
• Justering
• Mellemrum mellem bogstaver og ord
• Tekstredigeringsindstillinger
• Tekstskygge

Hvert tekstelement på din skyder kan have unikke indstillinger, unikke animationer og sine egne synkroniseringsindstillinger. Der er endda et afsnit til Tilpasset CSS.

Når du tilføjer elementer og animationer til dit lysbillede, vil du på pro-versionen også bemærke en kalenderfunktion, som gør det muligt for dig styr visningstiden for individuelle elementer og varigheden af ​​deres animationer ved hjælp af enkle glidestænger.

Jeg stolede på denne funktion, da jeg tilføjede forskellige lag til dette dias lidt senere.

Tilføjelse af lag og animationer

Med vores skyder på plads og baggrunden installeret, er det tid til at introducere nogle differents elementer og lag. Vi starter med at tilføje et billede af en snemand til diaset. For at gøre dette går jeg til menuen "Lag" og klik på "Billede". Dette vil placere et fiktivt billede på diaset.

Opdag også Sådan konfigureres WordPress Slider Revolution plugin

Derfra kan du klikke på dummy-billedet nederst til venstre og derefter vælge og ændre størrelsen på billedet i mediebiblioteket.

Når jeg først har valgt, indsat og ændret størrelsen på mit billede, er det tid til at tilføje nogle grundlæggende animationer, der kan udføres med få trin.

Den første er at vælge fanen "Animationer" som vist nedenfor. Når det er gjort, klikker vi på den grønne animationsknap "I".

Den næste skærm er, hvor jeg kan vælge min animation samt justere tidsplanen. Til dette særlige dias introducerer jeg en "RIGHT" animation og øger varigheden til 2200ms.

Leder du efter en ftp til at administrere dine WordPress-filer og -mapper, skal du opdage Sådan bruger FTP på Windows 10

Jeg vil også tilføje en forsinkelse på 300 ms. Nederst på denne skærm er der mulighed for at have en bestemt begivenhed og en udløser for den animation, såsom en mus svæver eller et klik i diaset. Jeg vil ikke komplicere tingene med disse indstillinger til dette eksempel.

Så vil jeg tilføje lidt tekst. Følg den samme proces som ovenfor, klik på emnet " tilføje tekst Og foretag dine nødvendige justeringer. Jeg indtastede teksten og gik derefter til skrifttypeindstillingerne, hvor jeg ændrede størrelse og farve.

Jeg tilføjer en animation " Fade In Og justerede kalenderen, så den starter lige efter snemandens animation.

Du vil også bemærke i denne menu, at der er en mulighed for at have specifik tekst til tablets og enheder mobil. Dette er et godt eksempel på de slags funktioner, der gør dette plugin så fleksibelt og brugervenligt.

I nogle "andre" skyderen ville jeg have været tvunget til at bruge en medieforespørgsel og tilpasset CSS.

Endelig tilføjer jeg to flere lag. Det første er et tekstlag, og det andet et billedlag. Igen gennemgår jeg nøjagtigt den samme proces som ovenfor, men jeg har taget lidt ekstra med i timingen af ​​animationen. Du kan se de endelige resultater nedenfor.

Alt i alt var det at oprette dette dias en proces på 20 minutter.

Bemærk: Konverter dette dias til GIF vil ændre visse deadlines for de smukke valgte animationer, som jeg omhyggeligt har samlet.

Voila! Efter at have prøvet en masse plugins WordPress af skyderen, både gratis og premium, kan jeg ærligt sige, at dette er et af de bedste, jeg nogensinde har testet. Det er ikke kun en specifik egenskab, der gør den unik. Det er en kombination af ting, der viser, hvor fantastisk dette plugin er.

Det er vigtigt at bemærke, at jeg ikke har dækket hver enkelt funktion.

Opdag også Hvordan man ved, hvilket tema der bruges på en WordPress-blog

Jeg er sikker på, at hvis jeg brugte lidt mere tid på at arbejde med dette plugin, ville jeg finde et par ting, som jeg gerne ville ændre, og måske endda et par fejl. Jeg tror, ​​at brugervenligheden holder folk der længe nok til, at de i sidste ende kan drage fuld fordel af de mange funktioner, der tilbydes. Og tro mig, der er mange.

Download Smart Slider 3

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig nogle premium WordPress plugins, der vil hjælpe dig gøre det.

1. WooCommerce Page Builder

WooCommerce Page Builder er en WordPress plugin meget populær, som tilbyder et ret ensartet antal shortcodes, og som giver dig mulighed for at oprette flere typer personlige sider (produkt, kurv, kasse, "min konto") på din hjemmeside WooCommerce. Det er en udvidelse af Visual Composer plugin som du skal installere på forhånd.

Takket være dette plugin har du muligheden for oprette e-handelswebsteder unik ved brug af enhver WordPress tema, og tjene dig mange penge.

Downloade | demo | Web-hosting

2. Elementor

Oprindeligt lanceret i 2016, er Elementor WordPress-plugin en af ​​de yngste sidebygere på denne liste. På trods af sin sene start samlede Elementor hurtigt over 1 aktive installationer på WordPress.org, hvilket gør det til et af de Visuelle bygherrer af de mest populære WordPress-sider.

Hvad der gør sit omdømme er det flydende visuelle interface, dets forskellige stilmuligheder og andre kraftfulde funktioner såsom komplet oprettelse af WordPress-temaer.

Dens interface er opdelt i to hoveddele med en tredje zone til bestemte parametre. Den gratis version af Elementor tilbyder 28 gratis widgets. Pro-versionen medfører 30 andre widgets, i alt 58-widgets i Pro-versionen. Den gratis version inkluderer omkring 40 gratis skabeloner, mens Pro-versionen bringer hundreder af ekstra skabeloner.

 Downloade | demo | Web-hosting

3. Ninja Popups

Med over 30 salg og en 000 stjerner er Ninja Popups en af ​​de WordPress plugins de mest populære tilgængelige på Code Canyon.

Udover et stort udvalg af modeller til en række forskellige anvendelser, kommer det også med flere funktioner såsom: en visuel bygherre af Popup, 10 forskellige displaypositioner til popups, 74 forskellige animationseffekter, anti-blokerende teknologisupport til at omgå annonceblokkere, en række målretningsmuligheder, statistik i instrumentbræt, indholdsblokering til opt-in e-mail eller deling på sociale medier, masser af integrationer med e-mail-marketingtjenester og mere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

• Sådan opretter du en privatlivspolitik på WordPress
• Sådan forstå strukturen i WordPress-filer
• Sådan føjes en navigationsmenu til en WordPress-side
• Sådan konfigureres WordPress Slider Revolution plugin

Konklusion

Her er ! Det er det til denne vejledning, og jeg håber, det hjælper dig med let at oprette skyder eller dias ved hjælp af WordPress Smart-Slider-plugin. Hvis du kunne lide det, tøv ikke med at gøre det del med dine venner på dine foretrukne sociale netværk. 

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Men i mellemtiden, fortæl os om din kommentarer og forslag i det dedikerede afsnit.

...