Nybörjarguide: Hur man centrerar en video i WordPress

När vi precis började med WordPress kunde något så enkelt som att centrera en video vara förvånansvärt frustrerande.

Efter att ha hjälpt många nybörjare via WPBeginner insåg vi att vi inte var ensamma – det är en av de vanligaste formateringsfrågorna vi får.

De goda nyheterna är att centrering av videor i WordPress har blivit mycket enklare, särskilt med blockredigeraren. Men vi ser fortfarande många som kämpar med detta, särskilt när de arbetar med inbäddade videor från YouTube eller Vimeo.

I den här nybörjarvänliga guiden visar vi dig de enklaste sätten att centrera dina videor i WordPress.

Varför centrera videor i WordPress?

Som standard justerar WordPress inbäddade eller uppladdade videor till vänster. Detta är ett säkert val eftersom redigeraren inte kan gissa din föredragna layout för varje sida.

Att lämna en video vänsterjusterad skapar dock ofta obekväma vita ytor och kan få en design att kännas obalanserad. En centrerad video skapar å andra sidan en tydlig fokuspunkt för besökarens uppmärksamhet.

Att centrera din video hjälper till att styra användarens blick och ger en mycket bättre tittarupplevelse.

Med det sagt, låt oss se hur du enkelt kan centrera en video på en WordPress-webbplats.

Vi kommer att täcka både blockredigeraren och den klassiska redigeraren, så du kan klicka på länkarna nedan för att hoppa till valfri sektion:

• Hur man centrerar video i WordPress innehållsredigerare
• Hur man centrerar video i den klassiska redigeraren
• Vanliga frågor om centrering av videor

Hur man centrerar video i WordPress innehållsredigerare

Om du vill att din video ska fylla bredden på ditt innehållsområde, är det bästa sättet att göra detta genom att lägga till en YouTube- eller Vimeo-videolänk direkt i WordPress innehållsredigerare.

Först måste du redigera ett inlägg eller en sida eller lägga till en ny. När du är i innehållsredigeraren klistrar du helt enkelt in länken till videon. WordPress kommer att bädda in videon automatiskt.

Välj sedan blocket Video och klicka sedan på alternativet ‘Ändra justering’. Från rullgardinsmenyn kan du välja videons position.

WordPress låter dig välja mellan följande justeringar:

• Bred bredd
• Hela bredden
• Vänsterjustera
• Centrera
• Justera höger

Välj alternativet 'Justera i mitten'.

Därefter kan du förhandsgranska och publicera din sida eller ditt inlägg.

Videon kommer nu att vara centrerad.

Du kan dock behöva använda hela inbäddningskoden om du vill lägga till speciella uppspelningsalternativ (som att starta videon vid en specifik tidpunkt) eller om du använder en videoplattform som WordPress inte automatiskt bäddar in.

I så fall måste du lägga till lite enkel HTML runt videons inbäddningskod.

Först måste du klicka på de 3 prickade ikonerna i videoblocket. Därefter kan du välja alternativet 'Redigera som HTML' från rullgardinsmenyn.

Därefter kan du lägga till följande bit HTML-kod runt videons inbäddningskod:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Så här kommer din inbäddningskod att se ut med den anpassade HTML:en.

Du kan nu spara dina ändringar och förhandsgranska inlägget eller sidan för att se din video perfekt centrerad.

Ett annat tillvägagångssätt är att manuellt öka bredden på din video så att den passar innehållsområdet. För att uppnå detta behöver du lägga till eller ändra parametern 'width' i din inbäddningskod:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Hur man centrerar video i den klassiska redigeraren

Om du använder klassisk redigerare, kan du centrera videor genom att redigera ett inlägg eller skapa ett nytt.

När du är i redigeraren, byt till textvyn. Ange nu följande HTML-kod:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Se bara till att ersätta ‘din videokod för inbäddning kommer här’ med din videos inbäddningskod.

När det är gjort kommer det att se ut ungefär så här:

Du kan nu förhandsgranska och publicera din sida.

Besök helt enkelt din webbplats för att se den centrerade videon.

Vanliga frågor om centrering av videor

Här är några frågor som våra läsare ofta ställer om centrering av videor i WordPress:

Varför ser jag inte alternativen 'Bred bredd' och 'Full bredd'?

Alternativen 'Bred bredd' och 'Full bredd' är funktioner som måste stödjas av ditt WordPress-tema. Om du inte ser dem i verktygsfältet för justering betyder det att ditt nuvarande tema inte har aktiverat dem. Du kommer fortfarande att kunna använda standardalternativet 'Centrera'.

Kommer centrering av min video att påverka hur den ser ut på mobila enheter?

Nej, att centrera en video med hjälp av standardverktygen i WordPress blockredigerare är helt responsivt. WordPress hanterar automatiskt skalningen för att säkerställa att din video ser bra ut på mindre skärmar som surfplattor och smartphones.

Kan jag centrera en video som jag laddat upp direkt till WordPress?

Ja. Processen är exakt densamma för både inbäddade videor och videor som du laddar upp direkt till ditt mediebibliotek. Välj helt enkelt Video-blocket och använd verktygsfältet för justering för att centrera det.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du centrerar en video i WordPress. Du kanske också vill se vår guide om hur man lägger till specialtecken i WordPress-inlägg och viktiga tips för att använda kortkoder i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.