den reglagen är element som finns på nästan alla hemsidor på webbplatser. Smart Slider 3 är ett kraftfullt plugin tillgängligt i gratis och premiumversion.

Huvudfunktionerna i detta plugin

Som en funktion erbjuder det bland annat:

  • Ett intuitivt användargränssnitt
  • En dra-och-släpp-videosidebyggare med Live Preview / 8
  • Dynamiska bilder som kan skapas med hjälp av artiklar och filtreras efter ID eller anpassade sidor
  • Slide generation (Dynamiskt) från olika sociala nätverk (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube och mer).
  • Anpassningsbara kontrollreglage 
  • Skjutande animationer i bakgrunden (Ken Burns)

Gratis vs Premium

Om allt du letar efter är en grundreglage, Smart Slider 3 finns på WordPress.org i plugin-katalogen. Även den fria versionen är imponerande och speciell jämfört med några av de andra skjutreglagen.

En personlig licens för en webbplats kostar endast $ 25 (förnyelsen är på 15 $).

Smart-Slider-mallar

Det finns några viktiga skillnader mellan gratis- och premiumversionen när det gäller innehåll och funktioner. Här är vad du får med premiumversionen:

  • En obegränsad generator av dynamiska bilder
  • Avancerade kommandon
  • Expertläge
  • Animationer i bakgrunden
  • En bildvisare och redigerare
  • 43 reglage för reglage

Självstudier: Skapa en grundläggande skjutreglage

Om du aldrig har installerat WordPress, upptäck Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg.

När den har aktiverats Wordpress plugin Slider Smart lägger sin egen meny längst ner på WordPress adminpanel.

Om du aldrig har installerat en Wordpress plugin upptäcka Hur man installerar en plugin i Wordpress

Klicka på menyn Smart skjutreglageöppnas huvudgränssnittet där det första alternativet du ser är en stor grön knapp: " Skapa Slider » vilket öppnar ett inledande konfigurationsfönster som du ser nedan.

Smart-Slider-Skapa-Slider

Därifrån kan du namnge din skjutreglage och välja en allmän stil. Det finns många stilar att välja mellan (som fullbredd, helsida, karusell, miniatyr och mer), men vi kommer att gå med en blockreglage baserat på layouten på vår befintliga webbplats.

Klicka på "Skapa" och Slider Smart kommer att börja designa din grundläggande skjutmodell. Efter några sekunder hittar du dig själv på en sida som innehåller alla grundläggande detaljer om plugin.

Upptäck Hur man skapar en integritetspolicy på WordPress

Det första att notera här är avsnittet " publicera Slider". Du måste använda någon av dessa tre metoder (Kortkod, sid- eller postredigerare eller PHP-kod) när det är dags att publicera din bild (n ° 1 nedan). Innan vi kan göra det måste vi skapa bilder.

Det är här pluginet verkligen visar att det är enkelt att använda.

Allt du behöver göra är att klicka på den gröna knappen " Lägg Bild slide '(n ° 2 nedan) och ditt mediebibliotek öppnas. Därifrån kan du välja så många bilder du vill, eller börja med bara en och klicka sedan på " Välja I mediabibliotekets fönster.

Smart-Slider-New Slides

Anm: Du är inte begränsad till bilder när du väljer din bild. Du kan också använda video eller artiklar samt skapa tomma, statiska eller till och med dynamiska bilder.

Consult Hur du kopierar (kopierar) dina sidor på WordPress: Handledningen

Smart Slider laddar din bild i gränssnittet och du är redo att spara och publicera eller börja anpassa. Men om jag publicerar mitt bildspel kommer det att fungera bra men det är inte riktigt vad jag letade efter som du kan se på bilden nedan.

Smart Slider Off Center 1

För att rätta till detta gick jag till menyn "Storlek" och jag rullade ner till avsnittet responsivt läge. Urvalet var "Full bredd", så jag valde "Bil" och räddade mina framsteg. Därifrån gick jag tillbaka till " Général "och en vald centruminriktnings.

Smart-Slider-Size-Change

När jag pratar om användarvänlighet här, kom ihåg det hela processen tog mindre än 5 minuter för min första försök.

Nu är det dags att arbeta på själva bilden. När du svävar över bilderna i visningsområdet kommer du att märka att en grön ruta visas i det övre vänstra hörnet. Som du kanske har gissat markerar du den här bilden som den första i sekvensen genom att klicka.

Se även 5 utmärkt premium WordPress plugins för att lägga till en reglage

Med min skjutreglage skapad och bakgrunden på plats var det dags att lägga till lite innehåll och övergångar. För att utföra detta steg klickade jag helt enkelt på bilden jag ville redigera som går till lageravsnittet.

Det finns många enskilda inställningar i den högra panelen, men om du rullar ner hittar du en bild av din bild. Du kan sedan klicka på ett av objekten i den vänstra panelen för att placera dem på din bild.

Smart-Slider-Elements

Att skapa dessa bilder är en annan skola. Det finns så många alternativ tillgängliga. För att ge dig en uppfattning om flexibiliteten i detta plugin, ta en titt på vad varje element kan göra för din skjutreglage via:

  • En artikelmeny
  • animeringar
  • Lagerinställningar

I var och en av dessa menyer finns det flera undermenyer. När du till exempel skapar ett textelement kan du justera teckensnittinställningar som: 

  • De typsnittsfamiljer
  • Textfärgen
  • Teckenstorlek storlek~~POS=HEADCOMP
  • Höjden av linjen
  • Dekorationen av texten
  • Inriktning
  • Avstånd mellan bokstäver och ord
  • Inställningar för textredigering
  • Text skugga

Varje textelement på skjutreglaget kan ha unika inställningar, unika animationer och sina egna synkroniseringsinställningar. Det finns till och med ett avsnitt för Anpassad CSS.

När du lägger till element och animationer till din bild, kommer du i pro-versionen att lägga märke till en kalenderfunktion som gör att du kan göra det kontrollera visningstiden för enskilda element och varaktigheten för deras animationer med enkla glidstänger.

Jag litade på den här funktionen när jag lade till olika lager för den här bilden lite senare.

Smart-Slider-tidslinje

Lägger till lager och animationer

Med vår skjutreglage på plats och bakgrunden installerad är det dags att presentera några differents element och lager. Vi börjar med att lägga till en bild av en snögubbe i bilden. För att göra detta går jag till menyn "Skikten" och klicka på " Bild ". Detta kommer att placera en fiktiv bild på bilden.

Upptäck också Hur man konfigurerar WordPress Slider Revolution-insticksprogrammet

Därifrån kan du klicka på dummy-bilden längst ned till vänster och sedan välja och ändra storlek på bilden i mediebiblioteket.

Smart-Slider-image-Element-Resize

När jag väl har valt, infogat och ändrat storlek på min bild är det dags att lägga till några grundläggande animationer som kan åstadkommas med några få steg.

Den första är att välja fliken "Animationer" enligt nedan. När du är klar klickar vi på den gröna animeringsknappen "I".

Smart-Slider-animeringar

Nästa skärm är där jag kan välja min animering samt justera schemat. För just den här bilden introducerar jag en "RIGHT" -animering och ökar varaktigheten till 2200 ms.

Letar du efter en ftp för att hantera dina WordPress-filer och -mappar, upptäck Hur man använder FTP på Windows 10

Jag kommer också att lägga till en fördröjning på 300 ms. Längst ner på den här skärmen finns det ett alternativ att ha en specifik händelse och en utlösare för den animeringen, till exempel en muspekare eller ett klick i bilden. Jag kommer inte att komplicera saker med dessa inställningar för detta exempel.

Smart-Slider-i-Animation-inställningar

Sedan lägger jag till lite text. Följ samma process som ovan, klicka på objektet " lägga till text Och gör dina nödvändiga justeringar. Jag skrev in texten och gick sedan till teckensnittsinställningarna där jag ändrade storlek och färg.

Jag lägger till en animation " Fade I Och justerade kalendern så att den startar direkt efter snögubbe-animationen.

Du kommer också att märka i den här menyn att det finns en möjlighet att ha specifik text för surfplattor och enheter mobil. Detta är ett utmärkt exempel på de typer av funktioner som gör detta plugin så flexibelt och användarvänligt.

I vissa "andra" skjutreglage skulle jag ha tvingats använda en mediefråga och anpassad CSS.

Smart-Slider-text-Layer-alternativ

Slutligen lägger jag till ytterligare två lager. Det första är ett textlager och det andra är ett bildlager. Återigen går jag igenom exakt samma process som ovan, men jag har tagit lite extra in i tidpunkten för animeringen. Du kan se de slutliga resultaten nedan.

Sammantaget var att skapa denna bild en process på 20 minuter.

Notera: Konvertera den här bilden till GIF kommer att ändra vissa tidsfrister för de vackra utvalda animationerna som jag noggrant har sammanställt.

Voila! Efter att ha provat en hel del plugins Wordpress av skjutreglaget, både gratis och premium, kan jag ärligt säga att detta är en av de bästa jag någonsin har testat. Det är inte bara en specifik egenskap som gör den unik. Det är en kombination av saker som visar hur fantastiskt det här pluginet är.

Det är viktigt att notera att jag inte har täckt varje enskild funktion.

Upptäck också Hur man vet vilket tema som används på en WordPress-blogg

Jag är säker på att om jag tillbringade lite mer tid på att arbeta med detta plugin skulle jag hitta några saker som jag skulle vilja ändra och kanske till och med några buggar. Jag tror att användarvänligheten håller människor där tillräckligt länge för att de så småningom kan dra full nytta av de många funktioner som erbjuds. Och tro mig, det finns många.

Ladda ner Smart Slider 3

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder här några premium WordPress-plugins som hjälper dig att göra det.

1. WooCommerce Page Builder

WooCommerce Page Builder är en Wordpress plugin mycket populär som erbjuder ett ganska konsekvent antal kortkoder och som låter dig skapa flera typer av personliga sidor (produkt, korg, kassa, "mitt konto") på din webbplats WooCommerce. Det är en förlängning av Visual Composer plugin som du måste installera i förväg.WooCommerce-sida-builder

Tack vare detta plugin har du möjligheten att skapa webbplatser för e-handel unik med någon Wordpress tema, och tjänar mycket pengar.

Ladda ner | demo | webbhotell

2. Elementor

Ursprungligen lanserades 2016, är Elementor WordPress-tillägget en av de yngsta sidbyggarna på den här listan. Trots sin sena start samlade Elementor snabbt över 1 000 000 aktiva installationer på WordPress.org, vilket gjorde det till en av de Visuella byggare av de mest populära WordPress-sidorna.

elementor pro e1544277036401
Det som gör sitt rykte är dess flytande visuella gränssnitt, dess olika stilalternativ och andra kraftfulla funktioner som fullständig skapande av WordPress-teman.

Dess gränssnitt är indelat i två huvuddelar, med en tredje zon för vissa parametrar. Den kostnadsfria versionen av Elementor erbjuder 28 gratis widgets. Pro-versionen medför 30 andra widgetar, totalt 58-widgetar i Pro-versionen. Den kostnadsfria versionen innehåller ungefär 40 gratis mallar, medan Pro-versionen innehåller hundratals ytterligare mallar.

 Ladda ner | demo | webbhotell

3. Ninja Popups

Med över 30 000 försäljningar och 4,4 stjärnor är Ninja Popups en av de Wordpress plugins de mest populära tillgängliga på Code Canyon.

Ninja Popups wordpress plugins skapar popup pop up opt in

Förutom ett stort utbud av modeller för olika användningsområden, kommer det också med flera funktioner som: en visuell byggare av Popup, 10 olika visningspositioner för popup-fönster, 74 olika animeringseffekter, anti-blockeringstekniskt stöd för att kringgå annonsblockerare, en mängd olika inriktningsalternativ, statistik i instrumentbräda, blockering av innehåll för opt-in e-post eller delning på sociala medier, massor av integrationer med e-postmarknadsföringstjänster och mer.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här är ! Det är det för den här självstudien och jag hoppas att det hjälper dig att enkelt skapa skjutreglage eller bilder med hjälp av WordPress Smart-Slider-pluginOm du gillade det, tveka inte att göra det dela med dina vänner på dina favorit sociala nätverk

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.

Men under tiden berätta om din commentaires och förslag i det dedikerade avsnittet.

.