Vytváření interaktivních návrhů pomocí kódu Canva
Canva kód umožňuje vytvářet responzivní interaktivní návrhy bez technických problémů souvisejících s psaním kódu. Canva kód můžete používat dvěma způsoby:
- Vytvořit interaktivní návrhy kódu
- Vytvářejte plně interaktivní návrhy, jako jsou vstupní stránky, ovládací panely nebo portfolia, a upravit a publikovat jako weby 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.
Vytvořit interaktivní návrhy kódu
Typ dokumentu Kód použijte, když chcete vytvořit kompletní interaktivní prostředí.
- Vytvořit vstupní stránky, ovládací panely, portfolia a Další typy obsahu
- upravit 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ódu
Přejděte do části Canva AI , Pak chcete-li vygenerovat jednu interaktivní komponentu, kód .
- Vytvořit kvízy, kalkulačky, grafy a další prvky jako prvky.
- Přidejte je do prezentací, Tabule nebo jiných typů dokumentu. 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.
Upravte své interaktivní návrhy a prvky vygenerované v kódu Canva
Vylaďte svůj návrh vygenerovaný v kódu Canva pomocí nástrojů editoru. Další informace najdete v části Upravit interaktivní návrhy a prvky vygenerovaných kódem Canva .
Náhled návrhu a jeho publikování
Výběrem možnosti 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ámka: 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ód Canva
- Kód Canvy podporuje všechny jazyky, které jsou v Canvě dostupné, s výjimkou uživatelů v domě 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 web Canva kód nejde publikovat?
Pokud je vaše webová stránka kód Canva velká nebo složitá, jejímu publikování může zabránit příliš velký widget. Můžete tuto webovou stránku zkusit zjednodušit nebo rozdělit obsah na menší weby či stránky.Ve stejném chatu kód Canva zkuste zadat Canvě 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 kód Canvy 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 opakovaně 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ódu Canvy pro komerční využití?
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ě kódů Canva a vytvořených kódů Canva) 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 kódů Canva). 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í Canva kód?
Vaše konverzace pomocí kód Canvy 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 Canvy) 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 Proudění 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 Canva kód.
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é