Nahrávejte a spravujte videa v Elementoru

Pokud domovská stránka firmy neobsahuje krátké vysvětlující video, považuje se to za zastaralé a nevýrazné. V dnešní době je velmi vzácné narazit na web, na kterém není krátké video. Zahrnutí krátkých videí vyžaduje tento článek, protože tento článek pojednává o tom, jak spravovat videa v Elementoru. V tomto článku jsme rozšířili možnosti widgetu videa a pozadí videa.

Podpora videa s vlastním hostitelem a Dailymotion

V Elementoru můžete vkládat nejen videa z YouTube a Vimeo, ale nově můžete zahrnout i videa HTML5 a Dailymotion, která hostujete sami.

Výhody videí s vlastním hostováním:

  • Ochrana osobních údajů a kontrola: S GDPR a dalšími problémy souvisejícími s ochranou osobních údajů je o to důležitější mít videa s vlastním hostováním. Můžete mít kontrolu nad obsahem těchto videí.
  • Vlastnictví: videa s vlastním hostováním vám pomohou spoléhat se na obsah, který vytvářejí ostatní. S vaším videem máte 100% jistotu, že nedojde k žádným problémům s autorskými právy. Navíc nehrozí smazání videa.
  • Personalizace: s vlastním hostováním nebude vaše video obsahovat žádná loga ani externí odkazy. To vám pomůže zahrnout kvalitní obsah, který vypadá profesionálněji. Vaše videa mohou být velmi užitečná při oslovení návštěvníků vašeho webu.
  • UX: videa s vlastním hostováním zajistí, že se vašim návštěvníkům nebudou zobrazovat reklamy ani navrhovaná videa. Nebudou rušeni ani přesměrováni na vaši konkurenci (prostřednictvím navrhovaných/doporučených videí).

Čas začátku a konce pro widget a pozadí videa

Na podporovaných platformách můžete nastavit počáteční a koncový bod pro widget videa. Můžete si také vybrat pozadí videa, aby se přehrála pouze vybraná část videa. Pomocí této funkce můžete velmi snadno zacyklit příslušnou část videa. Vybraný obsah můžete svým návštěvníkům zobrazovat ve smyčce.

Skromný branding

Řekněme, že pokud jste vložili video z youtube, ale chcete z něj skrýt logo youtube, můžete vybrat možnost 'Střídmý branding' a skrýt logo z vloženého videa YouTube.

Přidejte do Elementoru pozadí videa

V této části vás provedeme přidáním videa do Elementoru:

Stiskněte editor Elementor a přejděte na panel. Odtud vyhledejte „video“ a přetáhněte widget videa.

  • Elementor > panel > hledat 'video' > přetáhnout 'video widget'
  • V části Video > Zdroj vyberte buď 'YouTube', 'Dailymotion', 'Vimeo' nebo self-hosted.
  • Dále přidejte odkaz na video. Pokud je video hostováno ve vlastní režii, můžete jej nahrát buď procházením knihovny médií, nebo pomocí externí adresy URL.
  • Pokud chcete, aby se přehrála určitá část videa, můžete zvolit čas zahájení a čas ukončení.
  • Můžete také přidat miniaturu dle vlastního výběru přidáním překryvného obrázku.

Vylepšené mobilní úpravy

Změňte zlomové body pro mobily a tablety

Dlouhou dobu lidé chtěli mít svobodu mít hodnoty zlomových bodů pro videa na mobilech a tabletech. Dobré zprávy!! Řešení je zde.

Po přidání videa, jak je znázorněno ve výše uvedené části, můžete změnit hodnoty bodů přerušení pro tablety a mobilní zařízení pro Elementor. S pomocí revoluční funkce breakpointů si můžete přizpůsobit svůj web tak, aby se přizpůsobil na širokoúhlých počítačích, noteboocích, tabletech nebo malých mobilních obrazovkách.

Chcete-li změnit hodnoty bodu přerušení, přejděte na:

Elementor Dashboard > Nastavení > Styl a zadejte nové hodnoty pro 'Breakpoint tabletu' a 'Mobile Breakpoint.'

A voila!!!

Udělal jsi to v pravý čas.

Integrace WP CLI

Rozhraní příkazového řádku pro WordPress, WP-CLI, je projekt s otevřeným zdrojovým kódem, který poskytuje rozhraní příkazového řádku pro různé akce, které můžete provádět ve správci WordPress. Vývojáři to docela znají.

Takže s WP-CLI můžete provádět dlouhý seznam úkolů z náhodného terminálu. Tímto způsobem se nebudete muset přihlašovat do administrátorského terminálu.

Elementor nyní přichází s integrovaným WP-CLI. A tato integrace WP-CLI vám umožňuje provádět následující úkoly prostřednictvím příkazového řádku:

  • flush_css – Vyprázdní mezipaměť CSS Elementor Page Builder
  • synchronizační knihovna – Sync Elementor Library
  • Replace-URLs – Nahraďte staré adresy URL novými na všech stránkách Elementor
  • Aktivovat nebo deaktivovat licenci – Aktivujte nebo deaktivujte svou licenci Pro
  • import-library – Import souborů šablon do knihovny

V budoucnu budou pro Elementor přibývat další příkazy CLI.

Gutenbergova zahrnutí

V nadcházejících měsících se k jádru přidá i Gutenberg, což z Elementoru dělá plnohodnotný balíček.

Se spuštěním Gutenberg bude Elementor fungovat hladce pro všechny uživatele elementoru.

Ve verzi 2.1 je snadné přepínat mezi Gutenbergem a Elementorem, protože v Gutenbergu budete používat stále známé tlačítko 'Edit with Elementor'.

Sticky Video od SAE

Představte si, že posouváte stránku a obsah videa se pohybuje doleva nebo doprava nebo jednoduše zůstává nepohyblivý.

Musí to být frustrující pohled.

Ale už ne. Protože díky úžasné funkci Sticky Video SAE se video při posouvání přilepí na stránku, znamená to, že vaše video bude plavat podél levé nebo pravé strany okna prohlížeče. Díky funkci lepivého videa, když návštěvník posouvá obsah, aby si přečetl obsah, video spolu s textovým obsahem zůstane v centru pozornosti.

Jak udělat video lepivé?

SAE je tato funkce elegantní a jednoduchá. Chcete-li, aby se video přilepilo, můžete jednoduše povolit přepínání Sticky Video pod obsahem (karta) > Nastavení Sticky Video.

Ve funkci rychlého videa existují různé možnosti zarovnání videa. Přejděte na panel akcí a nastavení, abyste mohli ovládat každý aspekt pevného videa. Klíčové vlastnosti jsou uvedeny níže:

  • Velikost videa
  • Různé možnosti zarovnání pro lepivé video přes okraje
  • Spravujte rozestupy a styl videa.
  • Přidejte pozadí pro video
  • Zobrazte popis videa pomocí informační lišty
  • Responzivní podpora
  • Přetáhněte pevné video přes okno v rozhraní frontend
  • Zavřít přizpůsobení tlačítka

Velikost videa

Výšku a šířku videa můžete upravit zadáním šířky videa v px. Zobrazení videa se použije podle poměru stran nastaveného pro video. Poměr stran videa můžete ovládat na kartě Obsah (karta) > Video.

např. – Pokud jste nastavili poměr 16:9, pak se rozměry lepeného videa použijí podle zvoleného poměru.

Lepivé zarovnání

Můžete spravovat zarovnání , tj. umístění nalepeného videa přes okraje okna. Video lze umístit takto:

  • Vpravo nahoře
  • Vlevo nahoře
  • Vpravo dole
  • Vlevo dole
  • Střed vpravo
  • Střed vlevo

Video Spacing

Můžete změnit vzdálenost od okraje a řídit tak vzdálenost kolem videa. Mezery budou použity podle vybraného lepivého zarovnání.

např. pro zarovnání vlevo dole se mezera použije pouze od spodního a levého okraje videa.

Velikost a styl pozadí

Nejlepší na SAE je, že do videa můžete přidat pozadí dle svého výběru. Můžete si také vybrat velikost a barvu pozadí.

Informační lišta

U každého druhu video-metadat je uveden malý popis. S SAE můžete pod nalepené video přidat informativní text. Každé pevné video můžete popsat, čímž se zobrazí informace o právě přehrávaném videu.

Pomocí informační lišty můžete také ovládat barvu, barvu pozadí, typografii a výplň videa. Textové pole podporuje obsah HTML. Vlastní styl můžete také použít na obsah informačního panelu.

Správa rychlého videa na responzivních zařízeních

Na responzivních zařízeních existuje možnost skrýt Sticky Video Můžete vybrat různá zařízení, na kterých chcete skrýt pevné video.

Přetáhněte kamkoli na obrazovce

Pomocí této funkce můžete přetáhnout obrazovku videa kamkoli. Můžete jednoduše kliknout na video a přetažením jej umístit kamkoli do zobrazované oblasti. Lepivé video SAE ve výchozím nastavení podporuje funkci přetažení kamkoli.

Poznámka : Mobilní zařízení a backendový editor Elementoru nepodporují funkci přetahování.

Tlačítko Zavřít

Můžete povolit/zakázat tlačítko Zavřít pro pevné video. K dispozici jsou také ovládací prvky pro správu stylu tlačítka pro zavření.

Závěr

Pomocí funkcí SAE sticky video můžete stylovat a upravovat svá videa podle svých preferencí. Plugin celý postup velmi usnadňuje plugin Je to velmi elegantní řešení pro obohacení grafického obsahu vašich stránek. Pokračujte ve vytváření úžasných lepivých videí na svém webu a zapojte návštěvníky na svou webovou stránku, i když vaše stránky procházejí.

Ahmad

Poslední příspěvky

Jak používat záhlaví a zápatí s Elementorem

Záhlaví a zápatí webu jsou základními prvky. Ve většině případů záhlaví poskytuje navigaci…

6. ledna 2022

Porovnání témat WordPress: Astra vs OceanWP

Dvě z nejpopulárnějších témat WordPress na trhu jsou Astra a OceanWP. Profesionální…

2. ledna 2022

Porovnání témat zpráv WordPress: Noviny vs. Astra

Vytvoření vynikajícího zpravodajského webu nevyžaduje, abyste se stali webdesignérem. My…

25. října 2021

Vytvořte webové stránky související se zprávami s tématem novin

Téma Noviny je jedním z nejvýznamnějších témat WordPress navržených tagDiv, a…

18. října 2021

Jak vytvořit eCommerce pomocí Avada WooCommerce Builder

Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . To…

4. října 2021

Jak používat efekty lepivé hlavičky a rolování s Elementorem

Záhlaví je obecně první věc, kterou člověk uvidí, když navštíví váš web,…

21. září 2021