Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man skapar en video slider i WordPress (Easy Tutorial)

En av de frågor vi ofta får från våra läsare är hur man addar en video slider till en WordPress site.

Om du ser höga studsfrekvenser kanske din webbplats är tråkig eller dåligt utformad. Video sliders är ett bra sätt att liva upp din startsida eller någon annan sida på din webbplats för att fånga dina besökares uppmärksamhet.

I den här artikeln visar vi dig hur du enkelt skapar en videoklipp slider i WordPress.

how-to-create-a-video-slider-in-wordpress-og

Varför använda en video slider i WordPress?

Många användare av WordPress kämpar med att få sina websites att sticka ut och hålla besökarna åtgärds-hookade. Det är här som sliders för videoklipp kan hjälpa till.

Bilder är bra, men videor är ännu bättre för att göra din WordPress-webbplats mer engagerande. Första intrycket är viktigt och kan vara skillnaden mellan att en besökare stannar kvar för att kolla in dina produkter och tjänster eller lämnar webbplatsen för att aldrig komma tillbaka.

Du kan också använda videor för att visa upp produktdemonstrationer, recensioner eller annat marknadsföringsinnehåll.

En website för fastighetsmäklare kan till exempel visa virtuella genomgångar av fastigheter. Travel websites kan visa hotellrekommendationer, resmål och häftiga reseupplevelser för att engagera potentiella kunder.

En videoslider är en slider som bara innehåller videor snarare än statiska bilder. Här är några potentiella sätt du kan använda videosliders för ditt företag:

  • Skapa en särskild slider med korta vittnesmål från nöjda kunder.
  • Dela videoklipp med detaljerade fallstudier.
  • Visa reviews av produkter eller tjänster.
  • Demonstrera olika produktfunktioner och hur de fungerar.

Med detta i åtanke kommer vi att gå igenom hur du enkelt kan skapa videosliders i WordPress så att du kan engagera din publik. Här är en snabb översikt över alla steg som vi kommer att gå igenom i den här guiden:

Är du redo? Låt oss hoppa in direkt!

Lägga till en video slider till din WordPress site

Det enklaste sättet att lägga till videosliders på din webbplats är att använda ett plugin.

Vi rekommenderar Soliloquy eftersom det är det bästa slider-pluginet för WordPress på marknaden. Medan de flesta slider-plugin för WordPress saktar ner din webbplats, är Soliloquy supersnabb och kommer inte att skada din sidas laddningstid.

Soliloquy WordPress Image Slider

Dessutom stöder Soliloquy flera videoplattformar, inklusive YouTube, Vimeo och Wistia. Så du kan helt enkelt ange webbadressen till videon om den redan är publicerad.

Pluginet är också mobilanpassat. Det innebär att du kan använda det för att skapa videobilder som fungerar på alla enheter och skärmstorlekar. Dessutom tillåter det flera bildtyper så att du kan lägga till videor, bilder och innehåll också.

Nu är det första du behöver göra att installera och aktivera Soliloquy-pluginet. För mer information om installation kan du kolla in vårt inlägg om hur du installerar ett WordPress-plugin.

Obs/observera : Det finns också ett gratis Soliloquy plugin som allow you att skapa video sliders. Vi kommer dock att använda pluginet Soliloquy Pro för vår tutorial eftersom det har built-in support för YouTube, Vimeo och Wista, tillsammans med fler inställningar för video control.

Efter aktivering navigerar du bara till Soliloquy ” Lägg till ny.

På nästa skärm måste du ge din nya videoslider en titel. Gå sedan vidare och klicka på knappen som säger ”Välj filer från andra källor”.

Add new video slider

Observera att Soliloquy också låter dig ladda upp videor direkt, men vi rekommenderar inte detta. För mer information kan du läsa vår guide om varför du aldrig ska ladda upp en video till WordPress.

Ett popup-fönster visas där du måste klicka på alternativet ”Insert Video Slide”.

Här måste du lägga till titel, video-URL, bildtext och alt-text för videon.

Insert video slide

Gå vidare och fyll i alla detaljer baserat på ditt videoklipp.

I fältet ”Image URL” måste du också ange en platshållarbild för videon. Denna bild kommer att användas när videon inte spelas upp. Det bidrar också till att förbättra WordPress-prestandan eftersom videon bara laddas när användaren klickar på den.

I fältet ”Video URL” kan du sedan hitta video-URL:en i ditt mediebibliotek eller direkt från en videohotell som YouTube.

Note: Det är bättre att ladda upp videoklippet på ett webbhotell för video eftersom uppladdningen till WordPress-biblioteket kan försämra din WordPress prestanda. Lyckligtvis stöder Soliloquy YouTube, Vimeo och Wistia.

Du har också möjlighet att skriva en bildtext till videon. Om du bestämmer dig för att göra det rekommenderar vi att du skriver något engagerande som också beskriver vad människor kan förvänta sig när de klickar på play.

adding video slide

Om du vill lägga till ytterligare ett videoklipp klickar du bara på knappen ”Add Another Video Slide”.

Därifrån måste du ladda upp titeln, video-URL, bild-URL, bildtext och alt-text för nästa video.

Add another video slide

När du har gjort det kan du upprepa processen för alla videobilder som du vill lägga till.

Därefter klickar du helt enkelt på knappen ”Infoga i Slider”.

Insert into slider

Dina videoklipp kommer att visas på den nya vyn så här.

Om du behöver göra ändringar i dem kan du alltid klicka på pennikonen för att redigera videon eller klicka på ikonen ”Inaktiv” för att göra den inaktiv.

Härifrån kan du gå till fliken ”Konfiguration” för att anpassa hur du vill att din videoslider ska visas.

Configuration tab for video slides

På den här skärmen kan du växla mellan flera inställningar.

Du kan t.ex. ändra sliderns dimensioner så att de passar din webbdesign. Du kan också anpassa positionen för slidern och bildtexten så att de passar ihop med andra element på sidan.

Slider Dimensions

Ett annat alternativ som du kanske vill överväga är om du vill tillåta autoplay av videoklipp eller ej.

Du kan ställa in videobilden så att den spelas upp automatiskt när en besökare landar på sidan så att de tvingas titta på ditt innehåll. Tänk dock på att det kan sakta ner sidhastigheten eftersom webbläsaren också måste ladda videon.

autoplay video

Det som är bra med Soliloquy är att tillägget också kan optimera din videoklipp slider för mobila enheter.

Men du måste göra inställningarna manuellt.

För att göra detta, låt oss gå till fliken ”Mobile”. Väl inne kan du skapa mobila sliderbilder och visa bildtexter så att människor vet vad de kommer att titta på innan de klickar för att spela.

Mobile video slides

Nu är du redo att lägga till slidern på din WordPress-blogg eller -webbplats.

Gå vidare och klicka på knappen ”Publicera” i panelen på höger sida.

Publish button

Display av slidern för videoklipp i WordPress

För att bädda in din slider kanske du vill skapa eller redigera ett inlägg eller en sida där du vill visa den.

När du är i WordPress-redigeraren kan du klicka på ”+”-knappen för att lägga till blocket Soliloquy på din sida. För att göra processen enklare kan du skriva in ”Soliloquy” i sökfältet.

Add soliloquy block

Låt oss sedan välja den videoslider som du just har skapat från Soliloquy-widgeten och infoga den på din sida.

När du har gjort det, fortsätt och klicka på knappen ”Publicera” eller ”Uppdatera” högst upp.

Insert video slide in WordPress

Det var allt. You can now preview your post to see your video slides in action.

Så här kan det se ut:

Video slider preview

Om du fortfarande använder den klassiska WordPress editor, då kan du också add en video slider till någon WordPress page eller post.

You will have to copy the shortcode located on the Soliloquy page, where all of your video sliders are stored. Sedan är det bara att inserta shortcoden i your content.

För mer information kan du kontrollera vår guide om hur du inser en shortcode i WordPress.

Copy shortcode

Högst upp med att lägga till videoklipp på din website kanske du också vill lägga till en slider för utvalt content på dina pages i WordPress.

Förutom att visa upp dina bästa blogginlägg kan du lägga till sliders för utvalt innehåll för att lyfta fram utvalda produkter från din webbutik, dela recensioner, visa upp portfolioposter eller visa populära kategorier.

Till skillnad från videoklipp kan en slider med utvalt innehåll visa en kombination av images och links på slidern.

Allt du behöver göra är att installera ”Featured Content Addon” i Soliloquy.

activate-featured-content-addon

Nästa steg är att lägga till innehåll, länkar och beskrivningar av dina multimediafiler, på samma sätt som du gjorde med video-slidern.

För en mer djupgående handledning kan du kolla in vårt blogginlägg om hur du lägger till en slider med utvalt innehåll på rätt sätt i WordPress.

Vi hoppas att den här artikeln hjälpte dig att add to sliders för videoklipp i WordPress med hjälp av Soliloquy. Du kanske också vill kontrollera vår lista över de bästa webbplatserna för webbhotell för bloggare, marknadsförare och företag eller vår guide om hur du optimerar videoklipp för din WordPress website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  1. Moinuddin Waheed

    This is very much needed for many websites to showcase short videos for instructions purposes such as product description, services offered and how to guide.
    I have always skipped the idea of embedding video slider merely because of the speed of the website issue.
    Since soliloquy takes care of the speed and allows YouTube video embed in the slider, it will make sense to use it in every website that requires it.
    Thank you wpbeginner for this guide, I will definitely try this out.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.