Canva – domov
Pomoc

Vytvárajte interaktívne dizajny pomocou kódu Canvy


Tento článok je strojovým prekladom. Ak v ňom nájdete chyby, dajte nám o tom vedieť.

Kód Canvy vám umožňuje vytvárať responzívne interaktívne dizajny bez toho, aby ste museli zdĺhavé písanie kódu. Kód Canvy môžete použiť dvoma spôsobmi:

  • Tvorba interaktívne dizajny Kódu
    • Tvorba interaktívne dizajny, ako sú cieľové stránky, tabule alebo portfóliá, a upravujte ich a publikujte ich ako webové lokality v editore Canva
  • Pridajte do svojich dizajnov interaktívne prvky kódu
    • Tvorba interaktívne prvky, ako sú kvízy, kalkulačky alebo grafy, pre iný dizajn a opätovne ich používajte vo viacerých dizajnoch

Tipy:

Tvorba interaktívne dizajny kód

Typ dokumentu Kód použite, ak chcete vytvoriť kompletné interaktívne prostredie.

  • Tvorba cieľové stránky, tabule, portfóliá a ďalšie prvky
  • Upravujte a spresňujte v editore Canva
  • Publikujte ako responzívnu webovú lokalitu
  1. Na domovskej stránke Canvy vyberte položku Kód. Otvorí sa editor Canva.
  2. V editore Canva začnite opísaním svojho dizajnu na
    karte Umelá inteligencia Canvy. Výzva napríklad „Nadizajnujte interaktívny nástroj na sledovanie cvičenia.“
  3. Na
    karte Šablóny môžete tiež prehľadávať alebo vyhľadávať šablóny, z ktorých môžete začať.
  4. Spresnite ho pomocou
    umelej inteligencie Canvy alebo priamych úprav. Informácie nájdete v časti Úprava dizajnov a prvkov interaktívneho kódu Canvy.

Pridajte do svojich dizajnov interaktívne prvky Kódu

Potom prejdite na položku Umelá inteligencia Canvy , Kód, ak chcete vygenerovať jeden interaktívny komponent.

  • Vytvorte kvízy, kalkulačky, grafy a ďalšie prvky ako prvky.
  • Pridajte ich do prezentácií, tabúľ alebo iných typov dokumentov. Publikujte ako webovú lokalitu alebo Opakovane použite prvky vo viacerých dizajnoch.
  1. Na domovskej stránke Canvy vyberte položku
    Umelá inteligencia Canvy.
  2. V poli Výzva opíšte interaktívny prvok Kódu, ktorý chcete vytvoriť. Viac informácií o výzvach od umelej inteligencie nájdete tu.
  3. Vyberte </> Kód.
  4. Stlačte kláves Enter na klávesnici alebo kliknite na
    tlačidlo Odoslať. Umelá inteligencia Canvy pripraví váš dizajn na základe vašej výzvy.
  5. Po vygenerovaní dizajnu kódu vyberte položku Použiť v dizajne.
  6. V časti Pridať ako prvok do tímu vyberte typ dokumentu, ktorý chcete pridať ako interaktívny prvok Kódu.
  7. Na zlepšenie dizajnu vygenerovaného kódom Canvy zadajte spresnenia v poli četu na bočnom paneli.

Poznámka: K verziám dizajnov máte prístup pomocou vlákna četu pomocou umelej inteligencie Canvy.

Upravujte svoje interaktívne dizajny a prvky vygenerované Kódom Canvy

Vylepšite svoj dizajn vygenerovaný Kódom Canvy pomocou nástrojov v editore. Ďalšie informácie nájdete v časti upraviť interaktívnych dizajnov a prvkov vygenerovaných kódom Canvy .

Pozrite si ukážku a publikujte svoj dizajn

Vyberte

Pozrieť si ukážku, aby ste mohli pracovať so svojím dizajnom. Keď bude všetko v poriadku, môžete to publikovať ako webovú lokalitu. Zistite, ako publikovať a spravovať webové lokality s kódom Canva.

Poznámka: Interaktivita funguje, keď je dizajn zobrazený v Canve alebo publikovaný ako webová lokalita.

Pristupujte k verziám kódu Canva, kopírujte a spravujte ich

Zakaždým, keď aktualizujete dizajn Kódu Canvy prostredníctvom výzvy, Canva automaticky uloží novú verziu v rámci rovnakého vlákna četu. Umožňuje vám to vrátiť sa k predchádzajúcim verziám, pokračovať v úpravách z predchádzajúcej verzie alebo skopírovať vygenerovaný kód na externé použitie.

Zobrazte históriu verzií

  1. Na domovskej stránke Canvy otvorte
    Umelú inteligenciu Canvy.
  2. Na paneli Výzva vyberte položku </> Kód , aby ste na bočnom paneli zobrazili chaty s Kódom Canvy.
    • Poznámka: Čety s Kódom Canvy poznáte podľa ikony </> vedľa nich.
  3. Otvorte vlákno četu s Kódom Canvy.
  4. Na bočnom paneli prehľadajte dostupné verzie (napríklad: Verzia 1, Verzia 2 a ďalšie).

Poznámka: Pokračujete v odosielaní výziev v rámci toho istého chatu, automaticky sa vytvorí nová verzia.

Použiť predchádzajúcu verziu

  1. Otvorte vlákno četu s Kódom Canvy.
  2. Vyberte verziu, ktorú chcete použiť.
  3. Vyberte položku Použiť v dizajne , aby ste mohli pokračovať v úprave danej verzie v Canve.

Zobrazte a skopírujte kód

Môžete si zobraziť základný kód vygenerovaný kódom Canvy a skopírovať ho na účely opätovného použitia mimo Canvy.

  1. Vo vlákne Kód Canvy zapnite možnosť Zobraziť kód.
  2. Vyberte možnosť Kopírovať kód a uložte ho do schránky.

Obmedzenia kód Canva

  • Kód Canvy Podpora všetky jazyky dostupné v Canve s výnimkou používateľov v lokalite canva.cn.
  • Kód Canvy prevezme pokyny len z popisu, ktorý ste pridať sa alebo použili. Čím Ďalšie kontextu a pokynov zadáte, tým lepší výsledok bude.
  • Kód je možné kopírovať a opätovne používať externe, ale nie je možné ho exportovať ako súbor ani priamo upravovať v Canve.

Čo môžem robiť, ak sa moja webová lokalita Canva kód nedá publikovať?

Ak je vaša webová lokalita Kód Canvy veľká alebo zložitá, príliš veľká miniaplikácia môže zabrániť jej publikovaniu. Môžete skúsiť webovú lokalitu zjednodušiť alebo rozdeliť obsah na menšie webové lokality či stránky.V tom istom chate s Kódom Canvy skúste dať umelej inteligencii Canvy túto výzvu:

  • „Zjednodušte túto webovú lokalitu a zmenšite príliš veľké miniaplikácie/komponenty, aby mohla publikovať v Canve.“
  • „Rozdeľte obsah na dve menšie publikovateľné webové lokality.“

Keď kód Canva vygeneruje aktualizovanú verziu, skúste ju publikovať znova.

Tip: Rozdelenie obsahu na menšie webové lokality alebo stránky môže pomôcť, pretože na každej publikovanej lokalite je menej obsahu. Ak svoju webovú lokalitu rozdelíte na samostatné publikované webové lokality, ich URL adresy budete musieť spravovať a zdieľať samostatne.

Môžem kód znova použiť aj mimo Canvy?

Áno. Po skopírovaní môžete kód používať vo svojich projektoch. Je síce vytvorená pre Canvu, môžete ju však prispôsobiť externým nástrojom alebo pracovným postupom.

Môžem použiť svoje výtvory z kódu Canva na komerčné použitie?

Medzi vami a spoločnosťou Canva a v rozsahu povolenom zákonom platí, že vlastníte svoje vstupy a výstupy pre naše AI funkcie (vrátane kódu Canvy a vytvorených kódov Canvy) a spoločnosť Canva si nebude nárokovať žiadne autorské práva na vaše vstupy ani výstupy (vrátane vytvorených kódov Canvy). Ďalšie podrobnosti a celé podmienky nájdete v našich podmienkach produktu umelej inteligencie.

Kto môže vidieť, čo vytvorím pomocou Canva kódu?

Vaše konverzácie pomocou Kódu Canva vidíte iba vy. Po kliknutí na položku Použiť v dizajne sa vytvorí nový dizajn s touto verziou a dizajn môžete zdieľať (vrátane kódu Canva) pomocou

tlačidla Zdieľať .

Ak svoj dizajn publikujete na webovej lokalite, ovládanie prístupu je ovládané nastaveniami, ktoré nakonfigurujete počas publikovania webovej lokality.

Môžem spravovať prístup svojho tímu ku Kódu Canvy?

Ak ste správca, učiteľ alebo dizajnér značky, môžete vybrať, kto má vo vašom tíme alebo triede prístup ku kód Canva.

Nemôžete nájsť kód Canvy na svojej domovskej stránke? Zistite viac o obmedzeniach prístupu ku kódu Canva.

Prečo sa mi riadky kódu nemenia?

Kód Canvy odteraz používa úpravy založené na rozdieloch, čo znamená, že sa aktualizujú len potrebné riadky kódu namiesto toho, aby sa znovu generoval celý blok. Výsledkom je rýchlejšie získavanie pripomienok pri vykonávaní malých zmien v logike dizajnu.

Ak sa po odoslaní výzvy riadky kódu nezmenia, znamená to, že Canva pracuje na pozadí a aplikuje len potrebné zmeny. Počkajte, kým kód Canva dokončí generovanie ďalšej verzie.

Boli tieto informácie užitočné?

Užitočné

Neužitočné

Ľudia si tiež prezerali