Canva – kezdőlap
Súgó

Interaktív terveket hozhatsz létre a Canva Code segítségével


Ez a cikk gépi fordítással készült. Ha hibát találsz benne, tudasd velünk.

A Canva-kóddal kódolás nélkül készíthetsz rugalmas, interaktív terveket. A Canva-kódot kétféleképpen használhatod:

  • Interaktív kódterveket készíthetsz
    • Teljes interaktív terveket készíthetsz, például kezdőoldalakat, irányítópultokat vagy portfóliókat, valamint szerkeszthetsz és tehetsz közzé webhelyeket a Canva-szerkesztőben
  • Adj interaktív kódelemeket a terveidhez
    • Interaktív elemeket, például teszteket, számológépeket vagy diagramokat készíthetsz egy másik tervben, amelyet több tervben is felhasználhatsz

Tippek:

Interaktív kódterveket készíthetsz

A Kód tervtípust akkor használd, ha teljes interaktív élményt szeretnél kialakítani.

  • Kezdőoldalakat, irányítópultokat, portfóliókat és sok mást hozhatsz létre
  • Szerkeszd és finomítsd a Canva-szerkesztőben
  • Tedd közzé reszponzív webhelyként
  1. A Canva kezdőlapján válaszd a Kód lehetőséget. Ez megnyitja a Canva-szerkesztőt.
  2. 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.”
  3. Alternatív megoldásként a
    Sablonok lapon böngészhetsz és kereshetsz a sablonok között.
  4. 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, lépj a Canva AI , majd a Kód szakaszra .

  • Elemként készíthetsz teszteket, számológépeket, diagramokat és egyebeket.
  • Hozzáadhatod őket prezentációkhoz, táblákhoz vagy más tervtípusokhoz. Tedd közzé webhelyként, vagy használd fel az elemeket több tervben.
  1. A Canva kezdőlapján válaszd
    a Canva AI lehetőséget.
  2. 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.
  3. Válaszd a </> Code lehetőséget.
  4. 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.
  5. A kódterv létrehozása után válaszd a Felhasználás tervben lehetőséget.
  6. Az Elem hozzáadása területen válassz ki egy dokumentumtípust, hogy megadd interaktív kódelemként.
  7. 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.

Szerkesztheted a Canva-kóddal létrehozott interaktív terveket és elemeket

A Canva-kóddal előállított tervedet a szerkesztő eszközeivel finomíthatod. További információt az Interaktív Canva-kóddal előállított tervek és elemek szerkesztése témakörben találhatsz.

Megtekintheted és közzéteheted a tervedet

A terv megnyitásához válaszd az Előnézet lehetőséget. Ha minden megfelelőnek tűnik, közzéteheted webhelyként. Megtudhatod, hogyan tehetsz közzé és kezelhetsz Canva Code-webhelyeket.

Megjegyzés: Az interaktivitás akkor működik, ha a terv megtekinthető a Canván vagy webhelyként van közzétéve.

Canva-kódverziók elérése, másolása és kezelése

Minden alkalommal, amikor egy kérdéssel frissíted a Canva-kódtervedet, a Canva automatikusan elment egy új verziót ugyanabban a csevegőszálban. Így visszatérhetsz a korábbi iterációkhoz, folytathatod a szerkesztést egy korábbi verzióról, vagy a létrehozott kódot külső használatra másolhatod.

Verzióelőzmények megtekintése

  1. A Canva kezdőlapján nyisd
    meg a Canva AI elemet.
  2. 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.
  3. Canva-kód témájú csevegőszál megnyitása.
  4. 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 parancsok használatát, automatikusan létrehozod az új verziót.

Használj egy korábbi verziót

  1. Nyisd meg a Canva Code csevegőszálat.
  2. Válaszd ki a használni kívánt verziót.
  3. 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.

  1. A Canva-kódhoz tartozó üzenetváltásban kapcsold be a Kód megjelenítése funkciót.
  2. 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 elérhető Canva nyelvet támogatja.
  • 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álható fájlként, és nem szerkeszthető közvetlenül a Canván belül.

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 vagy az AI-funkcióink (beleértve a Canva-kódot és a létrehozott Canva-kódokat) tulajdonosa, és a Canva nem emelhet bevitt vagy kiadott tartalmaid szerzői jogi tulajdonjogát (beleértve a létrehozott Canva-kódokat is). A részleteket és a feltételeket az AI-termékekre vonatkozó feltételek között találod.

Ki láthatja, hogy mit hoztam létre a Canva-kóddal?

A Canva Code-ban 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, és a Megosztás

gombbal megoszthatod a tervet (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 webhely-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, oktató 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 Code 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. Így gyorsabban kaphatsz visszajelzést, amikor kisebb módosításokat végzel 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

Mások a következőket is megtekintették: