Vytváření interaktivních návrhů pomocí kódu Canva
Kód Canva umožňuje vytvářet responzivní interaktivní návrhy bez technických záležitostí souvisejících s psaním kódu. Kód Canva můžete používat dvěma způsoby:
- Vytvářejte interaktivní návrhy kódu
- Vytvářejte plně interaktivní návrhy, jako jsou vstupní stránky, ovládací panely nebo portfolia, a upravujte je a publikujte jako webové stránky v editoru Canva.
- Přidejte do svých návrhů interaktivní prvky kódu
- Vytvářejte interaktivní prvky, jako jsou kvízy, kalkulačky nebo grafy, pro jiný návrh a opakovaně je používejte v několika návrzích.
Tipy:
- Přečtěte si další informace o tom, jak se tato funkce započítává do vašeho využívání umělé inteligence.
- Zjistěte, jak psát lepší výzvy k maximalizaci příspěvku na umělou inteligenci.
Vytvářejte interaktivní návrhy kódu
Typ návrhu Kód použijte, když chcete vytvořit kompletní interaktivní prostředí.
- Tvořte vstupní stránky, ovládací panely, portfolia a další typy obsahu
- Upravte a zpřesněte v editoru Canva
- Publikujte jako responzivní web
- Na domovské stránce Canvy vyberte možnost Kódovat. Otevře se editor Canva.
- V editoru Canva začněte popisem svého návrhu na kartě Canva AI. Zadejte zadání například „Navrhněte interaktivní uživatelsky přívětivý sledovač cvičení.“
- Na kartě Šablony můžete také procházet nebo hledat šablony, se kterými můžete začít.
- Upřesněte ho pomocí Canva AI nebo přímých úprav. V části Úpravy návrhů a prvků interaktivního kódování Canvy se dozvíte, jak na to.
Přidejte do svých návrhů interaktivní prvky kód
Přejděte do Canva AI , kód, až chcete vygenerovat jednu interaktivní komponentu.
- Vytvořte jako prvky kvízy, kalkulačky, grafy a další prvky.
- Přidejte je do prezentací, Tabulí nebo jiných typů dokumentů. Publikujte jako web nebo použijte prvky opakovaně v několika návrzích.
- Na domovské stránce Canvy vyberte možnost Canva AI.
- Do pole Zadání popište interaktivní prvek kódu, který chcete vytvořit. Další informace o upozorňování na umělou inteligenci najdete tady.
- Vyberte možnost </> Kód.
- Stiskněte klávesu Enter na klávesnici nebo klikněte na tlačítko Odeslat. Canva AI připraví váš návrh na základě vašeho zadání.
- Po vygenerování návrhu kódu vyberte možnost Použít v návrhu.
- V oddílu Přidat jako prvek do pak vyberte typ dokumentu, který chcete přidat jako interaktivní prvek Kód.
- Chcete-li návrh vygenerovaný kódem Canvy vylepšit, vyzvěte k úpravám v poli chatu na postranním panelu.
Poznámka: K verzím návrhu můžete přistupovat z vlákna chatu pomocí funkce Canva AI.
Upravujte své interaktivní návrhy a prvky vygenerované v kódu Canva
Vylaďte svůj návrh vygenerovaný kódem Canva pomocí nástrojů editoru. Další informace najdete v části Úpravy interaktivních návrhů a prvků vygenerovaných kódem Canva .
Náhled návrhu a jeho publikování
Výběrem Náhled můžete návrh upravit. Jakmile bude všechno v pořádku, můžete to publikovat jako web. Zjistěte, jak publikovat a spravovat webové stránky Canva Kód.
Poznámka: Interaktivita funguje, když je návrh zobrazen v Canvě nebo publikován jako web.
Získejte přístup, kopírujte a spravujte verze kódování Canvy
Pokaždé, když pomocí zadání aktualizujete návrh kódování Canvy, Canva automaticky uloží novou verzi v rámci stejného vlákna chatu. Díky tomu se budete moct vrátit ke starším iteracím, pokračovat v úpravách z předchozí verze nebo vygenerovaný kód zkopírovat pro externí použití.
Prohlédněte si historii verzí
- Na domovské stránce Canvy otevřete službu Canva AI.
- Na panelu zadání vyberte možnost </> Kódovat . Zobrazí se vám chaty s Kódováním Canvy na postranním panelu.
- Poznámka: Chaty Kódování Canvy poznáte podle ikony </> vedle.
- Otevřete vlákno chatu Kódování Canvy.
- Na postranním panelu procházejte dostupné verze (například: Verze 1, Verze 2 a další).
Poznámky: Pokud budete pokračovat v zadání v rámci stejného chatu, automaticky se vytvoří nová verze.
Použít předchozí verzi
- Otevřete vlákno chatu Kódování Canvy.
- Vyberte verzi, kterou chcete použít.
- Výběrem možnosti Použít v návrhu můžete pokračovat v úpravách této verze v Canvě.
Zobrazte a zkopírujte kód
Můžete si prohlédnout základní kód vygenerovaný Kódováním Canvy a zkopírovat ho pro opětovné použití mimo Canvu.
- Ve vláknu kódu Canvy zapněte přepínač Zobrazit kód.
- Výběrem Kopírovat kód je uložíte do schránky.
Omezení kódování Canvy
- Kódování Canvy podporuje všechny jazyky, které jsou v Canvě dostupné, s výjimkou uživatelů v doměnce canva.cn.
- Kód Canvy bude přebírat pokyny jen z popisu, který jste zadali nebo použili. Čím víc kontextu a pokynů dáte, tím lepší výsledek bude.
- Kód je možné kopírovat a opakovaně používat externě, ale nelze ho exportovat jako soubor ani přímo upravovat v Canvě.
Co mám dělat, pokud můj Canva kód web nejde publikovat?
Pokud je vaše Canva Kód web velká nebo složitá, jejímu publikování může bránit příliš velký widget. Můžete tento web zkusit zjednodušit nebo rozdělit obsah na menší weby či stránky.Ve stejném chatu Canva Kód zkuste zadávat Canva AI následující zadání:
- "Zjednodušte tento web a zmenšete příliš velké widgety/komponenty, aby bylo možné je publikovat do Canvy."
- "Rozdělte ho na dvě menší publikovatelné weby/stránky."
Jakmile Canva kód vygeneruje aktualizovanou verzi, zkuste ji publikovat znovu.
Tip: Může pomoci rozdělení obsahu na menší weby nebo stránky, protože každý publikovaný web zahrnuje méně obsahu. Pokud rozdělíte svůj web na samostatné publikované weby, budete muset jejich adresy URL spravovat a sdílet samostatně.
Můžu kód použít znovu mimo Canvu?
Ano. Po zkopírování můžete kód používat ve svých vlastních projektech. I když byl vytvořen pro Canvu, můžete ho přizpůsobit pro externí nástroje nebo pracovní postupy.
Můžu používat své výtvory z kód Canvy pro komerční účely?
Ve vztahu mezi vámi a Canvou a v rozsahu povoleném zákonem platí, že vlastníte Vstup a Výstup pro naše funkce AI (včetně Canva kódu a vytvořených Canva kódů) a Canva si nebude činit žádné nároky na vlastnictví autorských práv k vašemu Vstupu nebo Výstupu. (včetně vytvořených Canva kódů). Další podrobnosti a úplné podmínky najdete v našich podmínkách pro AI produkty.
Kdo může vidět, co vytvořím pomocí Kódování Canvy?
Vaše konverzace pomocí kód Canva vidíte jen vy. Když kliknete na možnost Použít v návrhu, vytvoří se nový návrh s danou verzí a tento návrh (včetně kód Canva) budete moct sdílet pomocí tlačítka Sdílet .
Pokud publikujete návrh na web, řídí se řízení přístupu pomocí nastavení, která nakonfigurujete během procesu publikování na webu.
Můžu spravovat přístup mého týmu ke Kódování Canvy?
Pokud jste správce, vyučující nebo návrhář značky, můžete si vybrat, kdo má ve vašem týmu nebo třídě přístup ke kód Canva.
Nemůžete najít kód Canva na vaší domovské stránce? Další informace o omezeních přístupu ke kódu Canva.
Proč nevidím, že se řádky kódu mění?
Kód Canva teď používá úpravy založené na rozdílech, což znamená, že se aktualizují jen nezbytné řádky kódu místo opětovného generování celého bloku. Díky tomu získáte rychlejší zpětnou vazbu, když provádíte malé změny v logice návrhu.
Pokud se řádky kódu po odeslání výzvy nezmění, znamená to, že Canva pracuje na pozadí a používá jen nezbytné změny. Počkejte, až Kód Canvy dokončí generování další verze.
Pomohlo vám to?
Užitečné
Neužitečné