Späť na blog
Vzdelávanie

Cloudové rozšírenie Divi Cloud

Marián Kristeľ
05.07.2022
5 minút čítania
Čo je Divi Cloud a prečo by ťa mohlo zaujímať? V tomto článku ti predstavíme túto novinku pre WordPress od Elegant Themes a pomôžeme ti rozhodnúť sa, či je to pre teba to pravé. Aké má možnosti? Čo to je? Čítaj ďalej a hneď sa to dozvieš. 

Divi Cloud je v podstate ako Disk Google alebo Dropbox pre tvoje Divi layouty, riadky a moduly Divi (a čoskoro aj ďalší obsah, ako sú šablóny na tvorbu tém, nastavenia prispôsobenia a mnoho ďalšieho).

Divi Cloud

Divi Cloud je super pomôcka pre všetkých, ktorí manažujú viacero Divi stránok. Buď ty sám máš viacero svojich stránok, alebo si developer a vytváraš stránky pre klientov. Divi Cloud si vieš predstaviť ako Dropbox alebo OneDrive, ale pre svoje Divi stránky. Vieš si do cloudu niečo uložiť a následne to na svojich stránkach použiť.

Na začiatku Divi cloud podporuje pridávanie layoutov, modulov, rows a sections. Neskôr plánujú rozšíriť možnosti aj na iné aspekty Divi. 

Vytoril si alebo kúpil si nejaké Layout? Pridaj ho do Divi stránky a následne ho pridaj do Divi cloud. Teraz sa vieš prihlásiť na inej stránke a pridať tento Layout. Všetko si vieš premenovať, lepšie a jednoduchšie organizovať. Všetkému, čo si si uložil vieš pridávať tagy a tak vieš jednoduchšie vyhľadávať. Vieš si označiť aj obľúbené položky. 

Keď pridáš novú položku do Divi, napríklad pridáš layout, alebo nejakú sekciu, tak Divi spraví automaticky screenshot a vytvorí ti náhľadový obrázok. Tým pádom je všetko prehľadné aj vizuálne 🙂

Cena

Ako člen Elegant Themes – ako predplatiteľ Divi témy máš prístup k Divi cloudu zadarmo. Zadarmo si vieš uložiť 50 položiek. Ak potrebuješ viacej položiek, tak si musíš Divi cloud predplatiť. 

K dátumu písania článku je mesačná cena 8 Eur, alebo 6 Eur, ak zaplatíš za celý rok naraz – spolu 72 Eur za rok. Aktuálne ceny si vieš pozrieť na tomto linku.

Praktická ukážka

Slová sú pekné, ale poďme si to ukázať prakticky. V tejto praktickej ukážke si ukážeme ako aktualizovať Divi tému, následne si uložíme nejakú položku do Divi cloud. Prihlásime sa na inú web stránku a použijeme uloženú položku tam. Poďme na to. 

Najprv si musíš urobiť update Divi témy, aby si mal prístup k novým možnostiam. Vo WordPresse pôjdeme Appearance – Themes – update now

Následne pôjdeme na tú stránku, kde si chceme uložiť do cloudu nejakú jej časť. V mojom prípade pôjdem na tú časť, kde mám fotku a odkazy na sociálne siete a podobne. Túto časť si chcem uložiť do Cloudu. Spustím Visual Builder.
Visual Builder v Divi Cloud
Chcem si uložiť celú sekciu. Prídem nad možnosti a vyberiem možnosť Save To Divi Cloud.
Save to Divi Cloud
Tento spôsob by fungoval, keby sme boli prihlásení do účtu.
Prihlásenie do Divi Cloud
Pre prihlásenie prejdi na hociktoré Plus – teda na pridanie sekcie, modulu a podobne. Klikni na Add From Library.
Ako sa prihlásiť
Otvorí sa ti okno, kde máš možnosť pridávať veci z Library. V pravom hornom rohu nájdeš tlačidlo Sign In To Divi Cloud.
Prihlasovacie tlačidlo
Klikneš a prihlásiš sa so svojim účtom do Elegant Themes. Nemusíš mať špeciálny Divi Cloud účet ani predplatné. Stačí, ak máš Elegant Themes účet a vieš si Divi Cloud vyskúšať zadarmo. Mne sa podarilo prihlásiť až na druhýkrát. Tak to skús aj viackrát, ak to na prvý krát nevyšlo.

Okno zavrieme a znovu sa pokúsime našu sekciu Pridať do Divi Cloud.
Pridanie do Divi Cloud
Kliknem na Save to Divi Cloud. Vyplním údaje a vidím, že Save to Divi Cloud je zapnuté. Kliknem na Save to Divi Cloud a počkám. 

Teraz, ak sa pokúsim pridať novú sekciu cez Plus tlačidlo a vyberiem Add From Library, tak v zozname budem mať uloženú moju sekciu s náhľadovým obrázkom a s ikonou modrého obláčika, ktorá nám značí, že táto sekcia je uložená v Divi Cloude.
Sekcia uložená v Divi Cloud
Teraz prejdem na úplne inú Web stránku, ktorá je tiež pod Divi témou. Aj táto téma musí byť aktuálna, aby mala prístup k Divi Cloud. 

Idem si pridať novú sekciu. Vyberiem možnosť pridať z Library. Prihlásim sa. A po prihlásení mám na výber aj moju sekciu, z predošlej stránky. Sekciu vyberiem a použijem ju na stránke. A tadááá. Mám tu teraz tú istú sekciu na obidvoch stránkach. Jednoduché a krásne.

Dúfam, sa vám tento článok páčil, ak áno dajte mi o tom vedieť. Lúči sa s vami Jaro. A vidíme sa možno aj v nejakom mojom kurze. Čaute.
Marián Kristeľ
Mám na starosti marketing a operations v Skillmea | (spolu)organizujem programátorský workshop Rails Girls Bratislava | ambasádor EU Code Week na Slovensku

Mohlo by ťa zaujímať

Vzdelávanie
20.06.2022
Marián Kristeľ

14 Git príkazov, ktoré musí poznať každý vývojár

Vývoj softvéru a programovanie je o písaní kódu a čím viac programátorov pracuje na jednom projekte, tým je správa kódu náročnejšia. Sledovanie zmien a ich zlučovanie by bolo náročné, pokiaľ by sme nemali k dispozícii nástroje, ktoré nám v tom pomáhajú. Preto v tomto momente prichádza na scénu verziovanie a správa zdrojového kódu.  Git je systém na verziovanie a správu zdrojového kódu, ktorý ho sleduje s viacerými možnosťami. Vytvoril ho Linus Torvalds, známy najmä ako otec Linuxu. Git je možné používať cez príkazový riadok alebo si nainštalovať nejaké GUI pre Git. S verziovacím systémom sa môžete kedykoľvek vrátiť k pôvodnej stabilnej verzii a revertovať nepodarené zmeny bez toho, aby ste o svoj kód prišli. Základné Git príkazyPredtým, ako začnete používať Git príkazy, je potrebné sa presunúť do adresára, v ktorom je projekt, ktorý chcete verziovať.  Git InitJe to prvý príkaz, ktorý je potrebné spustiť pri zakladaní nového projektu. Tento príkaz vytvorí adresár .git, do ktorého bude Git ukladať všetky informácie o repozitári. git init [názov repozitára]Git CloneStiahne repozitár z GitHubu, v prípade, že nemáte nastavené SSH kľúče, bude vyžadované prihlásenie. git clone [URL]Git ConfigPred prvým commitom je dobré povedať Gitu, kto ste. Toto je obzvlášť dôležité, keď pracujete v tíme, aby každý člen mohol identifikovať, kto urobil konkrétny commit: git config --global user.name ‘TvojUserName’git config --global user.email ‘TvojEmail’Git AddV Gite môžu byť súbory v jednom z nasledujúcich troch stavov: Modified, Staged, Committed. Ak ste pripravení odovzdať súbory, ktoré ste upravili, môžete ich pridať do stagingu pomocou príkazu: git add [názov súboru]Git RemoveTento príkaz sa používa na odstránenie súboru z GitHubu bez jeho odstránenia vo vašom lokálnom repozitári. git rm [názov_súboru] git rm -r [názov_súboru]Git CommitPríkaz uloží zmeny zo stagingu, do popisu commitu sa dáva krátka správa ako napríklad stručný popis novej funkcionality alebo fix bugu. git commit -m “popis commitu” git commit -aGit PullTýmto príkazom stiahnete všetky zmeny zo vzdialeného repozitára do vášho lokálneho pracovného adresára. git pull git pull [názov_branche] git pull orgin [názov_branche]Git Pushgit push -u origin masterTento príkaz sa používa na odoslanie potvrdených súborov do vzdialeného repozitára (GitHub). Tento príkaz použite pri prvom odosielaní súborov do repozitára. Určí, kam presúvate tieto súbory. Keď budete najbližšie posielať súbory, môžete použiť git push. git pushTento príkaz sa používa na odoslanie potvrdených súborov do vzdialeného úložiska. Tento príkaz môžete použiť na odoslanie súborov do vzdialeného repozitára až po pushnutí súborov pomocou predchádzajúceho príkazu. Git ResetPríkaz odoberie súbor zo stagingu, vyresetuje necommitnutý súbor: git reset [názov_súboru]Git StatusZobrazí všetky zmenené súbory, zelenou farbou sa ukážu tie, ktoré sú už v stagingu a červenou budú tie, ktoré na stagingu ešte nie sú. git statusGit Branchgit branchVďaka tomuto príkazu zobrazíte zoznam branchí (vetiev). Ak chcete vytvoriť novú vetvu, použijete tento príkaz: git branch [názov_branche]Git DiffTento príkaz ukáže rozdiely medzi súbormi, ktoré ešte nie sú commitnuté. Keď chcete rýchlo vidieť rozdiel medzi vašou aktuálnou vetvou a inou vetvou (zvyčajne vetvou, do ktorej sa zlučujete). git diffAk chcete porovnať dve vetvy (branche), použijete tento príkaz: git diff branch1..branch2Git CheckoutPríkaz git checkout sa používa na prepínanie medzi vetvami v repozitári. Príkaz git checkout funguje na troch rôznych entitách, ktorými sú súbory, commity a vetvy. git checkoutGit MergeKeď skončíte s vývojom vo svojej vetve a otestujete svoj kód, môžete zlúčiť svoju vetvu s hlavnou vetvou. Môže to byť vývojová vetva alebo master vetva v závislosti od pracovného postupu, ktorý máte nastavený. Pri spustení príkazu git merge sa musíte najprv nachádzať v konkrétnej vetve, ktorú chcete zlúčiť s vašou vetvou funkcií. Tu je príklad postupu, keď zlučujete do vetvy develop: git checkout develop git pull git merge feature1ZhrnutieV tomto článku sme vám priblížili najpoužívanejšie git príkazy, vhodné najmä pre vývojárov. Pre git je k dispozícii niekoľko ďalších príkazov, avšak vyššie spomenuté sú asi najviac používané príkazy. Ak vo svojej práci používate často aj iné príkazy, neváhajte sa o ne podliť v komentároch.
Vzdelávanie
10.06.2022
Marián Kristeľ

Rozdiely medzi Universal Analytics a Google Analytics 4

Koniec Universal Analytics sa blíži, Google oznámil koniec ich používania od 1.júla 2023 a k dispozícii budú už len Google Analytics 4. V tomto článku si vysvetlíme, čo je Google Analytics 4, ako funguje a aké novinky prináša. Implementácia Google Analytics 4 na webNajskôr vytvorte vlastníctvo pre Google Analytics 4 a následne prejdite na nastavenie Data Streamu (Streamy údajov). Jedná sa o dátový tok, zdroj dát, ktoré budú z vášho webu alebo mobilnej aplikácie smerovať do Google Analytics 4. Data streamov v jednom Google Analytics 4 vlastníctve môže byť niekoľko. Každý data stream má vlastný identifikátor. Vytvorenie data stremu je pomerne jednoduché, stačí napísať url vášho webu, meno streamu a kliknúť Vytvoriť stream. Rozšírené merania nechajte zapnuté všetky.[Nastavenie streamu údajov v GA4]Pre ďalšie nastavenie data streamu si len skopírujte Identifikátor merania (Measurement ID) a v Google Tag Manager vytvorte nový tag (značku) GA4 Configuration. Vložíte Identifikátor merania a ako spúšťač (trigger) nastavte All pages. Uložte a vypublikujte zmeny. Základné nastavenia tak máte hotové a Google Analytics sa onedlho začnú plniť dátami. Rozdielny dátový model Data model v Universal Analytics je založený na Reláciách (Sessions) a Zobrazení stránok (Pageviews). Data model v Google Analytics 4 je založený na udalostiach (events) a parametroch. Universal Analytics využíval schému používateľ - návštevy - zobrazenia stránky, reportovanie však bolo postavené primárne na dátach v rámci sessions. Jedna návšteva bola neunikátna a v nastavení Google Analytics trvala 30 minút. Po jej uplynutí začína nová návšteva a to nie je vôbec presné.  V Google Analytics 4 je model založený na parametroch a eventoch a aj 'pageview' je považovaný za event. Tieto eventy teda dokážu poskytnúť oveľa detailnejšie informácie o tom, čo používatelia robia na webe či v aplikácii. Okrem automaticky zbieraných alebo odporúčaných udalostí si viete vytvoriť vlastné. Nastavovanie eventov by ste mali zvládnuť aj v samotnom rozhraní Google Analytics 4, avšak určite budete musieť využiť aj Google Tag Manager. Nastavovanie cieľov a konverzieNastovanie cieľov v Google Analytics 4 je jednoduché, zvolíte si niektorý z vytvorených eventov a kliknete na možnosť "Mark as conversion". Pri nastavení e-commerce odporúčame využiť implementáciu cez Google Tag Manager podľa špecifikácie od Google.  Uľahčenie práce s dátami v Google Analytics 4Pokiaľ ste zvyknutí na Universal Analytics a načítate Google Analytics 4, môžete byť mierne prekvapení z prostredia, ktoré uvidíte. Nie sú tu žiadne tabuľky a čísla, ale používateľ si vie všetko nastaviť a je na jeho voľbe, či bude zobrazovať tabuľky, grafy a pod. Dobrou správou je aj spolupráca s BigQuery. Funkcionalita vhodnejšia pre veľké firmy, ale zatiaľ je export do BigQuery bez obmedzení či limitov. V Google Analytics 4 si môžete zvoliť zo 4 rôznych atribučných modelov, ktoré chcete v rámci reportov použiť. Vytváranie publík je takisto veľmi jednoduché, podobne ako pri Universal Analytics sa publiká budujú na základe podmienok. Publiká je možné aj kopírovať, funkcionalita, ktorú ocení nejeden PPC špecialista.  ZhrnutieStále nejde o finálnu verziu Google Analytics 4, je možné, že zaujímavá nová funkcionalita ešte pribudne. Čím skôr GA 4 nasadíte na váš web či do aplikácie, tým skôr získate dáta pre vyhodnocovanie. GA 4 a Universal Analytics môžete používať aj súčasne. Nové Google Analytics 4 prinášajú iný a detailnejší pohľad na webovú analytiku, mali by ste sa s nimi naučiť pracovať čím skôr.
Vzdelávanie
18.04.2022
Marián Kristeľ

Novinky vo Photoshope 2022

V tomto článku sa pozrieme na niekoľko noviniek, ktoré priniesol Photoshop 2022. Predstavíme len tie podľa nás najzásadnejšie zmeny, nakoľko zmien v tejto verzii Photoshopu bolo viac. Výber objektov (Object selection tool)Tento nástroj aktuálne funguje oveľa viac automaticky a pomáha pri rýchlom vymaskovaní. Stačí kurzorom prejsť cez objekt a hneď uvidíte zvýraznenú masku. Po kliku na objekt sa vytvorí výber, s ktorým môžete pracovať. Funkcia má stále čo vylepšovať so svojou Sensei AI, určite sa teda nevyhnete následnej úprave a upresneniu masky, ale celkovo sú výsledky na postačujúcej úrovni.[Object finder a Object selection tool] Neural Filter Funkcia Neural Filters bola vydaná už v minulom roku, avšak v tejto verzii Photoshopu prichádza optimalizovanejšia a tiež so zapracovaním 3 noviniek: • Kombinátor krajín (Landscape mixer): vytvorte novú krajinu zmiešaním rôznych obrázkov krajiny dohromady. Viete zmeniť ročné obdobie, dennú dobú a pridať ďalšie úpravy. • Prenos farieb: môžete prispôsobiť farebný tón na fotografii pomocou úplne iného obrázka.  • Harmonizácia: táto funkcia zmieša dva obrázky a automaticky upraví tón a osvetlenie tak, aby výsledný obrázok pôsobil maximálne prirodzene  a bez farebných nerovnomerností.  [Neural filtre] Pridávanie komentárov Vhodné pre grafikov pracujúcich v tíme. Jednoducho pomocou tejto funkcie komentujte grafiku, na ktorej aktuálne pracujete. Grafické práce, na ktorých pracujete, si uložíte do Creative Cloudu, zazdieľate a môžete komentovať a dostávať komentáre.  Vkladanie vektorov ako vrstvy Vylepšená interoperabilita medzi obľúbenými Adobe aplikáciami Photoshop a Illustrator umožňuje ľahké prenášanie súborov Illustratoru s vrstvami, vektormi a vektorovými maskami do Photoshopu, kde ich môžete ďalej upravovať.  Možnosť Vložiť ako > Vrstvy predstavuje nové vylepšenie spolupráce medzi Illustratorom a Photoshopom, ktoré dopĺňa existujúce možnosti Inteligentný objekt, Obrazové body, Cesta a Vrstva tvaru. Táto nová možnosť podporuje import vrstiev Illustratoru pri zachovaní ich vizuálnej a funkčnej účinnosti a štruktúry vrstiev.[Prepojenie Photoshopu a Illustratoru] Plná podpora formátu WebP Súbory WebP je možné vo verzii Photoshop 2022 otvárať, vytvárať, upravovať a ukladať bez potreby použitia pluginov alebo nastavení predvolieb. Ak chcete otvoriť WebP súbor, urobte tak ako s akýmkoľvek iným súborom. Po dokončení úprav  dokumentu otvorte dialóg Uložiť ako alebo Uložiť kópiu a uložte súbor WebP.  Ďalšími výraznými novinkami, ktoré však nebudeme podrobne popisovať, je vylepšenie iPad aplikácie Photoshopu alebo webovej verzie Photoshopu (Photoshop on the web). Ktoré novinky vo verzii Photoshop 2022 zaujali najviac vás? 

Nezmeškaj info o nových kurzoch a špeciálnych ponukách