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:

  • Vytvárajte interaktívne dizajny Kódu
    • Vytvárajte plne 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
    • Vytvárajte 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:

Vytvárajte interaktívne dizajny Kódu

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

  • Vytvárajte cieľové stránky, tabule, portfóliá a ďalšie prvky
  • Upravujte a vylepšujte obsah 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.

Upravte svoje interaktívne dizajny a prvky vygenerované kódom Canva

Vylepšite svoj dizajn vygenerovaný kódom Canva pomocou nástrojov v editore. Viac informácií nájdete v časti Upraviť interaktívnych dizajnov a prvkov vygenerovaných kódom Canva .

Pozrite si ukážku dizajnu a publikujte ho

Vyberte

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

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

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

Zakaždým, keď na výzvu aktualizujete dizajn Kódu Canvy, Canva automaticky uloží novú verziu v rámci toho istého vlákna chatu. Vďaka tomu sa môžete vrátiť 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 Canva kód

  • Kód Canvy podporuje všetky jazyky dostupné v Canve s výnimkou používateľov v lokalite canva.cn.
  • Kód Canvy bude preberať pokyny len z opisu, ktorý ste zadali alebo použili. Čím viac kontextu a pokynov zadáte, tým lepší bude výsledok.
  • 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 s Kódom Canvy 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 alebo komponenty, aby mohla publikovať v Canve.“
  • „Rozdeľte ho na dve menšie publikovateľné webové lokality.“

Keď kód Canvy 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 Canvy na komerčné použitie?

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

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

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

tlačidla Zdieľať .

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

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

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 opätovného generovania celého bloku. 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