Upload og administrer videoer i Elementor

Hvis en virksomheds hjemmeside ikke indeholder en kort forklarende video, betragtes den som forældet og kedelig. Det er meget sjældent i disse dage at støde på en hjemmeside, der ikke har en kort video på sig. Inkluderingen af ​​korte videoer nødvendiggør denne artikel, fordi den diskuterer, hvordan man administrerer videoer i Elementor. I denne artikel har vi udvidet videowidgeten og videobaggrundsmulighederne.

Selvhostet og Dailymotion-videosupport

I Elementor kan du ikke kun integrere videoer fra YouTube og Vimeo, men du kan nu også inkludere selvhostede HTML5- og Dailymotion-videoer.

Fordele ved selvhostede videoer:

  • Privatliv og kontrol: Med GDPR og andre privatlivsrelaterede problemer er det blevet endnu vigtigere at have selvhostede videoer. Du kan have kontrol over indholdet af disse videoer.
  • Ejerskab: At have selvhostede videoer hjælper dig med at slippe for at være afhængig af indhold, som andre har lavet. Med din video er du 100% sikker på, at der ikke vil være problemer med ophavsret. Der er heller ingen risiko for, at videoen bliver slettet.
  • Personalisering: Med selvhosting vil din video ikke indeholde logoer eller eksterne links. Dette vil hjælpe dig med at inkludere kvalitetsindhold, der ser mere professionelt ud. Dine videoer kan være meget nyttige til at engagere de besøgende på dit websted.
  • UX: Selvhostede videoer sikrer, at dine besøgende ikke får vist annoncer eller foreslåede videoer. De bliver ikke distraheret eller omdirigeret til dine konkurrenter (gennem foreslåede/anbefalede videoer).

Start- og sluttidspunkt for videowidget og baggrund

Du kan indstille et start- og slutpunkt for videowidgeten på understøttede platforme. Du kan også vælge videoens baggrund, så kun den valgte del af videoen afspilles. Ved hjælp af denne funktion kan du nemt afspille den relevante del af videoen i et loop. Du kan vise det valgte indhold til dine besøgende i et loop.

Beskeden branding

Hvis du for eksempel har integreret en video fra YouTube, men vil skjule YouTube-logoet fra den, kan du vælge 'Modest Branding' for at skjule logoet fra den integrerede YouTube-video.

Tilføj en videobaggrund til Elementor

I dette afsnit vil vi guide dig i, hvordan du tilføjer en video til Elementor:

Gå til Elementor-editoren, og naviger til panelet. Søg herfra efter 'video', og træk videowidgeten ind.

  • Elementor > panel > søg 'video' > træk 'videowidget'
  • Under Video > Kilde skal du vælge enten 'YouTube', 'Dailymotion', 'Vimeo' eller selvhostet.
  • Tilføj derefter et link til videoen. Hvis videoen er selvhostet, kan du enten uploade den ved at gennemse mediebiblioteket eller ved at bruge en ekstern URL.
  • Hvis du vil have en bestemt del af videoen afspillet, kan du vælge et starttidspunkt og et sluttidspunkt.
  • Du kan også tilføje et miniaturebillede efter eget valg ved at tilføje et billedoverlay.

Forbedret mobilredigering

Skift breakpoints for mobil og tablet

I lang tid har folk ønsket friheden til at have breakpoint-værdier for videoer på mobil og tablets. Gode nyheder!! Løsningen er her.

Efter at have tilføjet videoen, som vist i afsnittet ovenfor, kan du ændre værdierne for tablet- og mobilbreakpoints i Elementor. Ved hjælp af den revolutionerende breakpoint-funktion kan du tilpasse dit websted, så det kan justeres på widescreen-computere, bærbare computere, tablets eller små mobilskærme.

For at ændre breakpoint-værdierne skal du navigere til:

Elementor Dashboard > Indstillinger > Stil, og indtast de nye værdier for 'Tablet Breakpoint' og 'Mobile Breakpoint'

Og voila!!!

Du har gjort det i sidste øjeblik.

WP CLI-integration

Kommandolinjegrænsefladen til WordPress, WP-CLI, er et open source-projekt, der leverer en kommandolinjegrænseflade til en række forskellige handlinger, du kan udføre i WordPress-administratoren. Udviklere er ret bekendte med den.

Så med en WP-CLI kan du udføre en lang række opgaver fra en tilfældig terminal. På denne måde behøver du ikke at logge ind på admin-terminalen.

Elementor leveres nu med integreret WP-CLI. Og denne integration af WP-CLI giver dig mulighed for at udføre følgende opgaver via kommandolinjen:

  • flush_css – Ryd Elementor Page Builder CSS-cachen
  • synkroniseringsbibliotek – Synkroniser Elementor-bibliotek
  • replace-URLs – Erstat gamle URL'er med nye URL'er på alle Elementor-sider
  • Aktivér eller deaktiver licens – Aktivér eller deaktiver din Pro-licens
  • import-library – Importer skabelonfiler til biblioteket

Flere CLI-kommandoer vil blive tilføjet til Elementor i fremtiden.

Gutenberg-inkludering

I de kommende måneder vil Gutenberg også blive tilføjet til kernen, hvilket gør Elementor til en komplet pakke.

Med lanceringen af ​​Gutenberg vil Elementor fungere endnu problemfrit for alle Elementor-brugere.

Det er nemt at skifte mellem Gutenberg og Elementor med version 2.1, fordi du bruger den altid velkendte knap 'Rediger med Elementor' i Gutenberg.

Sticky Video fra UAE

Forestil dig, at du ruller ned på en side, og videoindholdet slynger sig til venstre eller højre, eller simpelthen forbliver uflytbart.

Det må være et frustrerende syn.

Men ikke længere. Fordi den fantastiske funktion i UAE's Sticky Video får videoen til at klæbe til siden, mens du scroller, betyder det, at din video vil flyde langs venstre eller højre side af browservinduet. Med funktionen Sticky Video vil videoen sammen med tekstindholdet forblive i fokus, når den besøgende scroller for at læse indholdet.

Hvordan laver man en video sticky?

UAE 's funktion har gjort denne funktionalitet elegant og enkel. For at gøre videoen fastgjort kan du blot aktivere Fastgjort video under indhold (fane) > Fastgjort video-indstilling.

Der er forskellige justeringsmuligheder for videoen i en sticky video-funktion. Naviger til handlingslinjen og indstillingerne for at styre alle aspekter af den sticky video. Nøglefunktionerne er angivet nedenfor:

  • Videostørrelse
  • En række justeringsmuligheder for fastklemt video på tværs af kanterne
  • Administrer videoafstand og -stil.
  • Tilføj en baggrund til videoen
  • Vis beskrivelsen af ​​videoen ved hjælp af informationslinjen
  • Responsiv support
  • Træk den fastgjorte video hen over vinduet i frontend'en
  • Tilpasninger af Luk-knappen

Videostørrelse

Du kan justere videoens højde og bredde ved at angive videoens bredde i px. Videovisningen vil gælde i henhold til det billedformat, der er indstillet for videoen. Du kan styre billedformatet for videoen fra Indhold (fane) > Video.

f.eks. – Hvis du har indstillet et forhold på 16:9, gælder de fastgjorte videodimensioner i henhold til det valgte forhold.

Klæbrig justering

Du kan styre justeringen , dvs. placeringen af ​​den fastklemte video på tværs af vinduets kanter. Videoen kan placeres som følger:

  • Øverst til højre
  • Øverst til venstre
  • Nederst til højre
  • Nederst til venstre
  • Center Højre
  • Center Venstre

Videoafstand

Du kan ændre afstanden fra kanten for at styre afstanden omkring videoen. Afstanden vil blive anvendt i henhold til den valgte fastklemte justering.

F.eks. gælder afstanden for justering nederst til venstre kun fra videoens nederste og venstre kant.

Baggrundsstørrelse og -stil

Det bedste ved UAE Sticky Video er, at du kan tilføje en baggrund efter eget valg til videoen. Du kan også vælge størrelse og farve på baggrunden.

Infolinje

Der er en kort beskrivelse af hver video-metadata-type. Med UAE sticky video-funktionen kan du tilføje informativ tekst under den sticky video. Du kan beskrive hver sticky video, som viser oplysninger om den video, der aktuelt afspilles.

Med informationslinjen kan du også styre videoens farve, baggrundsfarve, typografi og marmorering. Tekstfeltet understøtter HTML-indhold. Du kan også anvende den brugerdefinerede stil på indholdet i informationslinjen.

Administrer Sticky Video på responsive enheder

Der er en mulighed for at skjule den klæbende video på responsive enheder. Du kan vælge forskellige enheder, hvor du vil skjule den klæbende video.

Træk hvor som helst på skærmen

Du kan trække videoskærmen hvorhen du vil med denne funktion. Du kan blot klikke på videoen og trække den for at placere den hvor som helst i visningsporten. UAE sticky video understøtter som standard funktionen til at trække den hvor som helst.

Bemærk : Mobile enheder og backend-editoren i Elementor understøtter ikke trækfunktionen.

Luk-knap

Du kan aktivere/deaktivere luk-knappen for den fastgjorte video. Der er også kontroller tilgængelige til at administrere stilen på luk-knappen.

Konklusion

Med hjælp fra UAE Sticky Video-funktioner kan du style og ændre dine Sticky Videos efter dine præferencer. Plugin'et plugin hele proceduren ret nem. Det er en meget elegant løsning til at berige det grafiske indhold på dit websted. Fortsæt med at lave fantastiske Sticky Videos på dit websted, og engager dine besøgende på din webside, selv når de scroller ned på dine sider.

Ahmad

Seneste indlæg

Sådan bruger du sidehoveder og sidefødder med Elementor

Et websteds sidehoveder og sidefødder er væsentlige elementer. I de fleste tilfælde giver overskriften navigation...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To af de mest populære WordPress-temaer på markedet er Astra og OceanWP. Professionel…

2. januar 2022

WordPress nyhedstema sammenligning: Avis vs. Astra

Oprettelse af et fremragende nyhedswebsted kræver ikke, at du bliver webdesigner. Vi…

25. oktober 2021

Opret en nyhedsrelateret hjemmeside med Avis-tema

Avis-temaet er et af de mest betydningsfulde WordPress-temaer designet af tagDiv, en...

18. oktober 2021

Sådan bygger du en e-handel med Avada WooCommerce builder

Når det kommer til at oprette en online butik, er WooCommerce det perfekte plugin. Det…

4. oktober 2021

Sådan bruger du sticky header og rulleeffekter med Elementor

En header er generelt det første, en person ser, når de besøger dit websted,...

21. september 2021