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 avvisningsfrekvenser kanske din website är tråkig eller dåligt utformad. Video sliders är ett bra sätt att liva upp din home page eller någon annan page på din website och genomföra 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.

Images är bra, men videoklipp är ännu bättre för att göra din WordPress website mer engagerande. Första intrycket är viktigt och kan vara skillnaden mellan en visitor som stannar kvar för att kontrollera dina produkter och tjänster eller lämnar för att aldrig komma tillbaka.

Dessutom kan du använda videoklipp för att visa upp produktdemonstrationer, reviews eller annat content som främjar din marknadsföring.

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 video slider är en slider som bara innehåller videoklipp snarare än statiska images.

Här är några potentiella sätt du kan använda videoklipp sliders för ditt företag:

  • Skapa en dedikerad slider med korta rekommendationer från nöjda customers.
  • Dela videoklipp med detaljerade fallstudier.
  • Visa reviews av produkter eller tjänster.
  • Demonstrera olika produktfunktioner och hur de fungerar.

Med detta sagt, låt oss gå igenom hur du enkelt kan skapa videoklipp sliders i WordPress så att du kan engagera din publik.

Lägga till en video slider till din WordPress site

Det bästa och enklaste sättet att add to video sliders till din website är att använda ett plugin.

Vi rekommenderar Soliloquy eftersom det är det bästa tillägget för sliders för WordPress på marknaden. Medan de flesta WordPress slider tillägg saktar ner din website, är Soliloquy supersnabb och kommer inte att skada din pages laddningstid.

Soliloquy WordPress Image Slider

Dessutom stöder Soliloquy YouTube, Vimeo och Wistia, så du kan helt enkelt enter URL:en till videoklippet om det redan är publicerat.

Det är mobilt responsivt, så du kan använda det för att skapa slides som fungerar på alla enheter och skärmstorlekar. Slutligen tillåter det flera slides-typer så att du kan add till videoklipp, images och content också.

Det första du behöver göra är att installera och aktivera pluginet Soliloquy. För mer detaljer om installation, kontrollera vårt post om hur man installerar ett plugin för WordPress.

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, gå bara till Soliloquy ” Add New.

Next, you need to give your new video slider a title. Klicka sedan på knappen som säger ”Select Files from Other Sources”.

Add new video slider

Soliloquy ger dig också alternativet att uploada videoklipp direkt, men vi rekommenderar inte detta. För mer details, you can see our guide on why you should never upload a video to WordPress.

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

Det är här du måste add to titeln, video URL, caption och alt text för videoklippet.

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 placeholder-bild för videoklippet. Denna image kommer att användas när videoklippet inte spelas upp. Det hjälper också till att förbättra din WordPress prestanda eftersom videoklippet bara hämtar när användaren klickar på det.

I fältet Video URL kan du sedan hitta URL:en till videoklippet i ditt mediabibliotek eller direkt från en site som gillar webbhotell för videoklipp, till exempel 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å alternativet att tillhandahålla en caption för videoklippet. Försök att skriva något engagerande som också beskriver vad folk 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 uploada rubriken, video URL, image URL, caption och alt text för nästa videoklipp.

Add another video slide

Upprepa processen för alla de videoklipp du vill add to.

När du är klar med att lägga till videoklipp klickar du bara på knappen ”Insert into 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 göra ändringar i videoklippet eller klicka på den gröna ikonen ”Active” för att göra videoklippet inaktiverat.

Härifrån kan du gå till tabben ”Configuration”, där du kan customize hur du vill att din video slider ska visas.

Configuration tab for video slides

På den här vyn kan du toggle flera settings. Till exempel kan du ändra slides dimensioner så att de passar din webbdesign.

Eller så kan du customize sliderns och captionens position så att den sitter i linje med andra element på din page.

Slider Dimensions

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

You can set the video slide to automatically play when a visitor lands on the page so that they are forced to watch your content. Tänk på att det kan göra sidan långsammare eftersom webbläsaren också måste ladda videoklippet.

autoplay video

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

Head över till tabben ”Mobile”. Du kan skapa mobila slider images och visa captions så att folk vet vad de kommer att titta på innan de klickar för att spela.

Mobile video slides

Nu är du redo att add to slidern till din WordPress blogg eller website.

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

Publish button

Display av slidern för videoklipp i WordPress

För att embedda din slider, skapa eller edit en post eller page där du vill visa den.

När du är i WordPress Editor klickar du på knappen ”+”. Lägg sedan till blocket Soliloquy på din page.

Add soliloquy block

Select den video slider som du just har skapat från Soliloquy widget för att insert den på din page.

Gå sedan vidare och klicka på knappen ”Publicera” eller ”Update” 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 ska det gilla att 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

Bonus: Lägga till en slider för utvalt content i WordPress

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.

Notis: Förutom att visa upp dina bästa blogginlägg kan du add to sliders för utvalt content för att lyfta fram utvalda inlägg från din webbutik, dela reviews, visa upp objekt i portföljen 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

Sedan add to content, links, and descriptions of your multimedia files, på samma sätt som you gjorde med video slidern.

För en mer djupgående tutorial, kontrollera bara vårt blogginlägg om hur man korrekt lägger till en slider för utvalt innehåll 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

2 kommentarerLämna ett svar

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    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.