Uverejnené

čo je dilifeline

Nový wordpress modul

úplne nový spôsob zobrazovania vašej práce a života. skroluj doprava >>>>

prečo ?

postará sa o neuveriteľne rýchlu tvorbu obsahu.

Či píšete prezentácie, vytvárate galérie, cvičíte hudbu alebo len zhromažďujete obsah. Vy len píšete do jednoduchého, avšak rýchleho editora, vkladáte bloky a o úhľadnosť sa postará dilifeline..

wp editor + lifeline

klikni na + v pravo dole tejto karty.

Gutenberg editor je vstavaný editor systému wordpress (wordpress je najpoužívanejšia platforma na tvorbu webstránok na svete), kde môžete veľmi rýchlo tvoriť obsah (texty a médiá). Di lifeline dokáže tento obsah spracovať a vygenerovať z neho pôsobivý vizuál, v podobe akú môžete vidieť.

obsah – slider

kde je plus na karte, tam je obsah čítaj viac..

Slider je kolotoč (karusel). Obsah dát, ktorý môžete skrolovat doprava.(v tomto prípade)

V gutenberg editore dokážete rýchlo písať, vkladať bloky ako galérie, obrázky, videá atď. Di lifeline je tiež jeden z takýchto blokov. Di lifeline vytvára slidere pričom jeden slider, je jeden článok. Články sa dajú kategorizovať, to znamená, že môžete vytvoriť viacero článkov a dať im rovnakú kategóriu napríklad ‚blabla‘. Pomocou bloku Dilifeline tento obsah – články prevedené do sliderov zobrazíte. Je tu ale aj funkcia, ktorá vám zobrazí viacej sliderov pod sebou a to aj v jednom článku. Stačí, keď v editore použijete blok medzera. To sposobí, že sa vytvorí nový slider.

tvorba

vytváranie slajdov(samotných kariet) v slideroch..

ako som už písal, jednotlivé slidere sú jednotlivé články, alebo obsah oddelený blokom medzera. Ale slajdy(karty), to je pecka..Môžu byť textové, video, audio, obrázkové(galéria, jeden obrázok). Textové sa tvoria tak, že nadpis je jeden slide. Nadpis a text pod ním vytvoria tiež slide. Ďalší nadpis, ďalší text = ďalší slide.. ale. nadpis a prvy text pod nadpisom vytvoria nadpis a podnadpis ale ak pod tým začnete písať ďalší text, vytvorí sa plus tlačítko na karte, kde je ďalší obsah po kliknutí na plus, otvorený v modále(modál – modálne okno – okno otvorené po kliknutí na plus, vlastne, toto okno)..(všetko uvidíte v ďalších slideroch na tejto stránke)

médiá

galérie atď..

pri písaní v editore veľmi rýchlo dokážete vkladať ďalší obsah ako galérie,videá či už s youtube alebo z knižnice médií wordpressu, single obrázky alebo audiá. Tie vám di lifeline automaticky rozseká a vytvorí z nich slajdy(karty) . Galéria – jeden slide, obrázok – jeden slide, pričom sa po kliknutí samozrejme otvoria v lightboxe..á.. ešte niečo. keď v texte vytvoríte link, ako odkaz, tiež sa vám vytvorí slide s tlačítkom. V ďalšom slide teda bude tlačítko s odkazom na článok Čo je di lifeline, z ktorého je vytvorený tento slider.

Čo je di lifeline

Uverejnené

ako vzniká dilifeline?

Di Life line

Je to čo vidíš. Kopa sliderov – Blok do Gutenberg editora . Ty len píšeš alebo vkladáš bloky v editore. Klikni na + tejto karty

Gutenberg editor je vstavaný nástroj wordpress.

Dáta sa štrukturujú do sliderov sami..Stačí vedieť..

1. nadpis – nový slide..

2. nadpis + 1 text – nový slide

3. nadpis + viac textu – nový slide + modal window

4. nový stĺpec, v ňom obrázok, nadpis + text – nový slide s obrázkom na pozadí

single obrázok – nový slide

galéria – nový slide

video, youtube video – nový slide

zvuk,audio, audio + popis (img url) – nový slide player (looper – audio má vstavaný looper pre účely cvičenia), obrázok

body – pointy mulitplay tlačítka vznikajú jednoduchým zápisom do poľa HTML kotva ktoré je súčasťou každého bloku a v prípade audia watergate v slideri pod týmto sú to pointy 00,00-00,44-02,54-02,51

odkaz, link – nový slide s tlačítkom

medzera – nový SLIDER!!!

….takto to píšeš…

toto je gutenberg editor

Rozloženie slajdov

počet slidov (jedna karta – jeden slide) na obrazovke sa dá meniť

ak ťa to vyrušuje, nerieš to..je to dobre ako to je

– na začiatku slideru alebo pod medzerou (nový slider) použi blok blockquote (citácia) a vňom 1-1@l (l ako large, s – small, m – medium), 1-2@l,1-3@l,1-4@l,1-4@l,1-6@l) pre počet slidov na obrazovke. Môžete ich aj kombinovať. 1-2@s,1-3@m atď..na mobilných zariadeniach je to vždy 1-1..

+ timeline sa tvorí pomocou článkov jednej kategórie, čiže nový článok s rovnakou kategóriou – nová bodka na timeline + nový SLIDER

Náhľady

1. nadpis – nový slide..

2. nadpis +

1 text – nový slide

3. nadpis +

viac textu – nový slide + modal window

ďalší text

4. nový stĺpec

v ňom obrázok, nadpis

+ text – nový slide s obrázkom na pozadí

https://www.divart.sk/wp-content/uploads/2025/08/gm_watergate.jpg

Odkaz /link – Tlačitko

Uverejnené

Di LifeLine podrobne

Heading(nadpis)

Heading +

text pod ním

Heading +

text pod ním a ďalší text vytvorí tlačítko plus na karte.

Môžete pridať veľa obsahu a mať ho ukrytý kôli prehľadnosti..

s obrázkom a textom a viac textom

Obrázkovú kartu vytvoríme tak, že v editore zavoláme blok column, teda stĺpec a do neho vložíme obrázok, nadpis a ak treba text.. viac textu. V tomto poradí.. Ako vidíš, formátovanie textu tiež funguje

Medzera blok

vytvorí nový slider

medzera blok je štandartný blok gutenber editora

obrázky

Single image vs gallery

Gutenberg editor ponúka jednoduchý a rýchly spôsob nahrávania a pridávania do obsahu..

Medzera

Do obsahu som práve vložil blok medzera a tým vytvoril nový slider pod..čítaj viac

Len pridám pár single obrázkov a vložím galériu a slider s obrázkami a galériou je na svete a v lifeline. Klávesové skratky v editore fungujú dokonale čiže duplikujem ctrl+shift+d jeden za druhým het..

Náhľady

>>>

Video

videá z multimédií alebo z youtube sa pridávajú veľmi jednoducho..čítaj viac

Jednoducho zavolajte blok video. Videá z youtube sa dokonca vložia jednoduchým vložením linku do editora

Mola

Video

z knižnice multimédií >>>

Video z Knižnice Multimédií + titulok videa

Audio

Vytvoril som aj niečo pre hudobných nadšencov. čítaj viac

audio je taktiež vstavaný blok gutenberg editora..

Di lifeline ho ale mení.

Vytvorí z neho kartu, napríklad aj s obrázkom a jeho súčasťou je aj jednoduchý looper a možnosť pridávať značky, to je ďalšie prídavné play tlačítka od miesta ktoré si zvolíte (pre potreby m-učenia)

Obrázok na pozadí

sa vytvorí pridaním url obrázka do poľa pridať popis.

url získajte v knižnici multimédií kde ho viete ľahko zkopírovať tlačítkom

Looper

keď stlačíte play, zobrazí sa na karte tlačítko loop. čítaj viac

Looper môžete aj vypnúť a to tlačítkom Hide Looper v bloku Di lifeline

tlačítko loop stlačíte

zapne sa looping

stlačíte znova – loopuje

reset

Prídavné play

vytvoril som pre potreby učenia sa. čítaj viac

Pointy ktoré pridávajú ďalšie play tlačítka sa pridávajú jednoducho.

Keď stlačíte audio blok, v menu v pravo je menu a kolonka pokročilé, v nej sa nachádza políčko html anchor (v náhľadoch vedľa)

pre audio blok skladby watergate je to 00,43-02,53-02,52. vzniknú 3 ďalšie play tlačítka.

pointy musia byť označené takto. Čiže mm,ss oddelené – pomlčkou

Pridávam medzeru

aby som vytvoril nový slider s audiami pod týmto sliderom

https://www.divart.sk/wp-content/uploads/2025/08/gm_watergate.jpg
https://www.divart.sk/wp-content/uploads/2025/08/Egosurfer-Azuro-2015-11-Azuro-mp3-image.jpg

1-3@l , 1-2@m, 1-2@s

Final

tlačítko na konci tohto slidera (Di lifeline podrobne) ťa hodí na článok Di life line podrobne. ale čítaj viac

aby ste videli z čoho je lifeline vystavaný. Surový obsah.

Mám tu ale ešte jednu vychytávku.

Blok lifeline má tlačítko Hide Content a pomocou neho dokážeš skryť obsah na stránke ( teda ostane len lifeline blok ). Keď blok lifeline zavoláš priamo v článku ktorý píšeš, napríklad Di life line podrobne a zapneš Hide Content, zobrazí sa len obsah lifeline..

Je to kôli seo, kedže google vám nájde najkôr článok ako taký. Tým pádom sa zobrazí lifeline a nie surový obsah.

v Bloku Dilifeline sa nachádza nastavenie pre tlačidlo reload (znovunačítanie stránky). To je tlačítko, ktoré vám reloadne obsah bez toho aby sa celá stránka načítavala znova, čo je pomalé. Hodí sa to pri tvorbe obsahu. v nastaveniach Lifeline môžete tlačítko buď zobraziť, skryť alebo ho urobiť fixným – plávajúcim.

Blok citácia slúži na zmenu rozloženia, počet slidov ktoré vidíš..Nad nový slider, čiže pod medzerou vytvor citát a v ňom 1-1@l (l ako large, s – small, m – medium), 1-2@l,1-3@l,1-4@l,1-5@l,1-6@l) pre počet slidov na obrazovke. Môžete ich aj kombinovať. 1-2@s,1-3@m,1-4@l atď..na mobilných zariadeniach je to vždy 1-1… Vtom to poslednom slideri som použil 1-3@l , 1-2@m. Toto nastavenie sa netýka mobilných zariadení len väčších obrazoviek.

Blok Di lifeline má pole na zadanie kategórie. Keď napíšete viacej článkov a dáte im rovnakú kategóriu, lifeline vám žobrazí všetky články oddelené nadpisom, dátumom a novým krúžkom na slideri…

Klávesové skratky

Šípky, enter , l – loop audio, r – reload

Di life line je výborný pomocník pri vytváraní prezentácií alebo cvičení, či učení sa práve kôli klávesovým skratkám, ktoré podporuje. Tlačíkto loop slider v lifeline bloku vám povolí opakovanú rotáciu sliderov.

použitie klávesových skratiek

Moje ďalšie práce

Di Life Line Podrobne