Preskúmajte jadro: Ako jednoducho vložiť videá do článkov Joomla

Joomla má vstavanú funkcionalitu pre vkladanie videí napríklad z YouTube alebo Vimeo alebo z akejkoľvek inej platformy, ktorá poskytuje kódy na vloženie. Na to nemusíte nič inštalovať, stačí malá príprava.

V tomto príklade vám ukážem, ako vložiť video z YouTube do článku o Joomla 4. Existujú dva spôsoby, ako to urobiť: super jednoduchý spôsob a stále celkom jednoduchý spôsob. Oba spôsoby si vyžadujú najprv trochu prípravy.

Príprava: urobte to ako prvé

Aby ste mohli vkladať videá na svoje webové stránky, YouTube používa IFrame alebo „vložený rámec“. Ide o bežný spôsob vloženia iného obsahu do aktuálneho dokumentu HTML. 

V predvolenom nastavení editor Joomla (TinyMCE) odstraňuje kód IFrame, takže to musíte najskôr povoliť.

Vo svojom backende prejdite na Systém -> Spravovať -> Doplnky

Do vyhľadávacieho poľa v hornej časti zoznamu napíšte „Tiny“ a ikonu vyhľadávania. Vo výsledku vyhľadávania by sa teraz mal zobraziť doplnok editora TinyMCE.

Kliknutím na názov ho otvoríte.

TinyMCE má v Joomle tri sady editorov. Sada 0 je najrozsiahlejšia sada, ktorá sa používa pre správcov stránok a super používateľov. V tomto príklade chcem, aby táto skupina mohla pridávať prvky IFrame, takže zmením nastavenia sady 0.

Posuňte zobrazenie nadol na Zakázané prvky . Zobrazí sa malý zoznam: skript, applet, iframe.

Odstráňte „iframe“ a uložte nastavenia.

Teraz ste pripravení na vloženie svojho prvého videa!

Vkladanie videa YouTube – super jednoduchý spôsob

V službe YouTube (alebo Vimeo alebo akejkoľvek platforme, z ktorej chcete vložiť videá), kliknite na tlačidlo Zdieľať pod videom, ktoré chcete vložiť.

Otvorí sa kontextové okno. Pod tlačidlami Zdieľať sa zobrazí adresa URL videa a tlačidlo kopírovania.

Kliknutím na tlačidlo kopírovať skopírujete adresu URL.

Vloženie videa do vášho článku Joomla

Vytvorte nový článok alebo otvorte článok, ktorý bude obsahovať video.

Umiestnite kurzor presne na miesto, kde sa má video zobraziť.

Na paneli nástrojov editora kliknite na Vložiť.V rozbaľovacej ponuke vyberte Médiá.

 

Teraz sa zobrazí kontextové okno. V ľavom hornom rohu vidíte, že je vybratá možnosť Všeobecné . Skopírujte adresu URL do poľa Zdroj .

V poliach Šírka a Výška sú vopred vyplnené rozmery vášho videa. Ak chcete, môžete ich upraviť.

Ak kliknete na Vložiť (druhá možnosť vľavo, pod Všeobecné ), uvidíte, že kód na vloženie bol vyplnený za vás.

Vyskakovacie okno sa zatvorí a v textovej oblasti editora uvidíte svoje video.

 

Vkladanie videa YouTube – stále celkom jednoduchý spôsob

V službe YouTube (alebo Vimeo alebo akejkoľvek platforme, z ktorej chcete vložiť videá), kliknite na tlačidlo Zdieľať pod videom, ktoré chcete vložiť.

Otvorí sa kontextové okno. Kliknite na tlačidlo vložiť (je to prvé zľava).

Otvorí sa ďalšie kontextové okno, v ktorom sa zobrazí vaše video a v pravej časti uvidíte kód na vloženie a niekoľko možností.

V pravom dolnom rohu je možnosť Kopírovať . Kliknite na ňu. Kód na vloženie sa zmení na modrý (bonusový tip: ak máte na nohách chaos, ako ja, teraz je čas vložiť ho do poznámkového bloku alebo niečoho podobného budem ho mať stále, ak sa cestou rozptýlite).

Vloženie videa do vášho článku Joomla

Vytvorte nový článok alebo otvorte článok, ktorý bude obsahovať video.

Umiestnite kurzor presne na miesto, kde sa má video zobraziť.

Na paneli nástrojov editora kliknite na Vložiť.V rozbaľovacej ponuke vyberte Médiá.

 

Teraz sa zobrazí kontextové okno. V ľavom hornom rohu vidíte, že je vybratá možnosť Všeobecné . Hneď pod ňou sú položky Vložiť a Rozšírené. Vyberte možnosť Vložiť.

Vyskakovacie okno sa zmení a teraz máte textovú oblasť, do ktorej môžete vložiť kód na vloženie. Kliknite na tlačidlo Uložiť vpravo dole. 

Vyskakovacie okno sa zatvorí a v textovej oblasti editora uvidíte svoje video.

Posledný krok: uložte svoj článok

Uložte svoj článok pomocou tlačidla Uložiť v ľavom hornom rohu alebo pomocou tlačidla Uložiť a zavrieť hneď vedľa.

Ak teraz skontrolujete stránku na frontende, video by malo byť viditeľné.

To je všetko, máte hotovo!