Interaktív terveket hozhatsz létre a Canva Code segítségével
A Canva-kóddal kódírás nélkül készíthetsz rugalmas, interaktív terveket. A Canva-kódot kétféleképpen használhatod:
- Interaktív kódtervek létrehozása
- Teljes interaktív tervek létrehozása, például kezdőlapokat, irányítópultokat vagy portfóliókat, valamint webhelyek szerkesztése és közzététele a Canva-szerkesztőben
- Adj interaktív kódelemeket a terveidhez
- Interaktív elemek létrehozása, például tesztek, számológépek vagy diagramok egy másik tervben, majd felhasználhatod őket több tervben
Tippek:
- További információ arról, hogy ez a funkció hogyan számít bele a mesterséges intelligencia használatába.
- Tudd meg, hogyan írhatsz jobb utasításokat az AI-juttatásod maximalizálásához.
Interaktív kódtervek létrehozás
A Kód dokumentumtípust akkor használd, ha teljes interaktív élményt szeretnél kialakítani.
- Kezdőlapokat, irányítópultokat, portfóliókat és sok mást Létrehozás
- Szerkesztés és finomítsd a Canva-szerkesztőben
- Tedd közzé reszponzív webhelyként
- A Canva kezdőlapján válaszd a Kód lehetőséget. Ez megnyitja a Canva-szerkesztőt.
- A Canva-szerkesztőben először a Canva AI lapon írd le a tervedet. Kérd meg például: „Tervezz interaktív, felhasználóbarát edzéskövetőt.”
- Alternatív megoldásként a Sablonok lapon böngészhetsz és kereshetsz a sablonok között.
- Finomítsd a Canva AI segítségével vagy a közvetlen szerkesztésekkel. Az interaktív Canva-kódtervek és -elemek szerkesztése című témakörben megtudhatod, hogyan.
Adj interaktív kódelemeket a terveidhez
Ha egyetlen interaktív komponenst szeretnél létrehozni, nyisd meg Canva AI , majd a kód szakaszt .
- Létrehozás elemként: tesztek, számológépek, diagramok és egyebek.
- Hozzáadhatod őket prezentációkhoz, Munkaterekhez vagy más dokumentumtípusokhoz. Tedd közzé webhelyként, vagy használj fel elemeket újra több tervben.
- A Canva kezdőlapján válaszd a Canva AI lehetőséget.
- A Parancs mezőben írd le a létrehozni kívánt interaktív kódelemet. Az AI-parancsokról további információkat itt találsz.
- Válaszd a </> Code lehetőséget.
- Nyomd le az Enter billentyűt vagy kattints a Küldés gombra. A Canva AI a parancsaid alapján előkészíti a tervet.
- A kódterv létrehozása után válaszd a Felhasználás tervben lehetőséget.
- Az Elem hozzáadása területen válassz ki egy dokumentumtípust, hogy megadd interaktív kódelemként.
- A Canva-kóddal előállított terv továbbfejlesztéséhez kérd a finomításokat az oldalpanel csevegőmezőjében.
Megjegyzés: A tervverziókat a Canva AI-t használó csevegőszáladból érheted el.
Szerkesztés a Canva-kóddal létrehozott interaktív terveket és elemeket
Finomíthatod a Canva-kóddal létrehozott tervedet a szerkesztő eszközeivel. Egyéb információt az Interaktív Canva-kóddal előállított tervek és elemek szerkesztése témakörben találhatsz.
Előnézet és a terved közzététele
A terv megnyitásához válaszd az Előnézetet . Ha minden megfelelőnek tűnik, közzéteheted webhelyként. Megtudhatod, hogyan tehetsz közzé és kezelhetsz Canva kód webhelyeket.
Jegyzetek: Az interaktivitás akkor működik, ha a terv megtekintés alatt van a Canván vagy webhelyként közzétéve.
Canva-kódverziók elérése, másolása és kezelése
Minden alkalommal, amikor parancsokkal frissíted a Canva-kódtervedet, a Canva automatikusan elment egy új verziót ugyanabban a megjegyzésfolyamban. Így visszatérhetsz a korábbi iterációkhoz, folytathatod a szerkesztést egy korábbi verzióról, vagy a létrehozott kód külső használatra való másolása.
Verzióelőzmények megtekintése
- A Canva kezdőlapján nyisd meg a Canva AI elemet.
- A Parancssáv </> Kód elemére kattintva az oldalsávban tekintheted meg a Canva Code-csevegéseidet.
- Megjegyzés: A Canva Code-csevegéseket a mellettük lévő </> ikonról ismerheted fel.
- Canva-kód témájú csevegőszál megnyitása.
- Az oldalsávban keresd meg az elérhető verziókat (például: 1., 2. verzió stb.).
Megjegyzés: Ha ugyanabban a csevegésben folytatod a parancs használatát, akkor automatikusan létrejön egy új verzió.
Használj egy korábbi verziót
- Nyisd meg a Canva Code csevegőszálat.
- Válaszd ki a használni kívánt verziót.
- Válaszd a Felhasználás tervben lehetőséget a Canva-beli verzió szerkesztéséhez.
A kód megtekintése és másolása
Megtekintheted a Canva-kód által létrehozott alapul szolgáló kódot, és kimásolhatod a Canván kívüli felhasználásra.
- A Canva-kódhoz tartozó üzenetváltásban kapcsold be a Kód megjelenítése funkciót.
- Válaszd a Kód másolása lehetőséget a vágólapra mentéshez.
A Canva-kód korlátai
- A Canva-kód a canva.cn felhasználói kivételével az összes Canva-nyelvet Támogatás.
- A Canva-kód csak a megadott vagy használt leírásból kap utasításokat. Minél több kontextust és több utasítást adsz, annál jobb az eredmény.
- A kód kívülről lemásolható és felhasználható, de nem Exportálás fájlként vagy közvetlenül a Canván belül.
Mi a teendőm, ha a Canva-kód webhelyemet nem teszik közzé?
Ha a Canva-kóddal szereplő webhelyed nagy vagy összetett, előfordulhat, hogy a közzétételt egy túlméretezett widget meggátolja. Próbálkozhatsz leegyszerűsítheted a webhelyet, vagy bonthatod kisebb webhelyekre vagy oldalakra a tartalmat.Ugyanabban a Canva-kódban küldött csevegésben kérd meg a Canva AI-t a következővel:
- „Kérjük, egyszerűsítsd ezt a webhelyet, és csökkentsd a túlméretezett widgetek/összetevők számát, hogy közzétehető legyen a Canvában.”
- „Kérjük, oszd ezt két kisebb, közzétehető webhelyre/oldalra.”
Miután a Canva-kód létrehozta a frissített verziót, próbálkozz újra a közzététellel.
Tipp: segíthet, ha a Tartalom kisebb webhelyekre vagy oldalakra bontod, mert minden közzétett webhelyen kevesebb tartalom található. Ha a webhelyet külön közzétett webhelyekre osztod fel, ezek URL-címét külön kell kezelned és megosztanod.
Használhatom újra a kódot a Canván kívül?
Igen. A kimásolás után a kódot felhasználhatod a saját projektjeidben. Bár a Canvához készült, külső eszközökhöz és munkafolyamatokhoz igazíthatod.
Használhatom kereskedelmi célra a Canva-kódban szereplő alkotásaimat?
Ami a közted és a Canva között fennálló viszonyt illeti, a törvény által megengedett mértékben bevitt és kiadott tartalmak tulajdonosa a te AI-funkcióink (beleértve a Canva-kódot és a létrehozott Canva-kódokat is) tulajdonosa, és a Canva nem élhet a bevitt vagy kiadott tartalmaid szerzői tulajdonjogával kapcsolatban (beleértve a létrehozott Canva-kódokat is). Egyéb részleteket és részletes kifejezéseket az AI-termékekre vonatkozó kifejezések között találhatsz.
Ki láthatja, hogy mit alkotok a Canva-kóddal?
A Canva-kóddal folytatott beszélgetéseidet csak te láthatod. Ha a Felhasználás tervben gombra kattintasz, egy új terv jön létre az adott verzióval, amelyet a Megosztás gombbal megoszthatsz (beleértve a Canva-kódot is).
Ha a tervet egy webhelyen teszed közzé, akkor a hozzáférés-vezérlést a webhelyen történő közzétételi folyamat során konfigurált beállítások szabályozzák.
Kezelhetem a csapatom Canva-kódhoz való hozzáférését?
Ha adminisztrátor, tanár vagy arculattervező vagy, kiválaszthatod, ki férhet hozzá a Canva-kódhoz a csapatodban vagy osztályodban.
Nem találod a Canva-kódot a kezdőlapodon? További információ a Canva-kódra vonatkozó hozzáférési korlátozásokról.
Miért nem látom a módosuló kódsorokat?
A Canva-kód mostantól diff-alapú szerkesztést használ, ami azt jelenti, hogy a teljes blokk újragenerálása helyett csak a szükséges kódsorok frissülnek. Ez gyorsabb visszajelzést eredményez, amikor apróbb módosításokat hajt végre a tervezési logikán.
Ha azt látod, hogy a parancs elküldése után nem változnak a kódsorok, az azt jelenti, hogy a Canva a háttérben dolgozik, hogy csak a szükséges módosításokat alkalmazza. Várd meg, amíg a Canva-kód befejezi az újabb verzió létrehozását.
Hasznos volt az információ?
Hasznos
Nem volt hasznos