Luo interaktiivisia suunnittelumalleja Canva-koodilla
Canva-koodin avulla voit luoda reagoivia, interaktiivisia suunnittelumalleja ilman koodin kirjoittamista. Voit käyttää Canva-koodia kahdella tavalla:
- Luo interaktiivisia koodimalleja
- Luo täysin interaktiivisia suunnittelumalleja, kuten aloitussivuja, hallintapaneeleja tai portfolioita, ja muokkaa ja julkaise verkkosivuina Canva-editorissa
- Lisää suunnittelumalleihisi interaktiivisia koodielementtejä
- Luo toiseen suunnittelumalliin interaktiivisia elementtejä, kuten tietokilpailuja, laskimia tai kaavioita, ja käytä niitä uudelleen useissa suunnittelumalleissa
Vihjeet:
- Lue lisää siitä, miten tämä ominaisuus vaikuttaa tekoälyn käyttöön.
- Opi kirjoittamaan parempia ohjeita tekoälyrajan maksimoimiseksi.
Luo interaktiivisia koodimalleja
Käytä Koodi -suunnittelumallityyppiä, kun haluat rakentaa täydellisen interaktiivisen kokemuksen.
- Luo aloitussivuja, hallintapaneeleja, portfolioita ja muuta
- Muokkaa ja tarkenna Canva-editorissa
- Julkaise responsiivisena verkkosivustona
- Valitse Canvan kotisivulta Koodi. Tämä avaa Canva-editorin.
- Aloita kuvailemalla suunnittelumallisi Canva-editorissa Canvan tekoälytoiminnot -välilehdellä. Kehottele esimerkiksi ”Suunnittele interaktiivinen käyttäjäystävällinen harjoituksen seurantatyökalu.”
- Vaihtoehtoisesti voit myös selata tai hakea mallipohjia Mallipohjat-välilehdessä.
- Tarkenna sitä Canvan tekoälytoiminnoilla tai suorilla muokkauksilla. Katso ohjeet kohdasta Interaktiivisten Canva-koodimallien ja -elementtien muokkaaminen.
Lisää suunnittelumalleihisi interaktiivisia koodielementtejä
Siirry kohtaan Canvan tekoälytoiminnot ja sitten Koodaus , kun haluat luoda yhden interaktiivisen komponentin.
- Luo kyselyitä, laskimia, kaavioita ja muuta elementtinä.
- Lisää niitä esityksiin, valkotauluihin tai muihin suunnittelumallityyppeihin. Julkaise verkkosivuna tai käytä elementtejä uudelleen useissa suunnittelumalleissa.
- Valitse Canvan kotisivulla Canvan tekoälytoiminnot.
- Kuvaile Kehote-ruudussa interaktiivinen koodielementti, jonka haluat luoda. Lue lisää tekoälykehotteista täällä.
- Valitse </> Koodi.
- Paina näppäimistön Enter-näppäintä tai napsauta lähetyspainiketta. Canvan tekoälytoiminnot valmistelevat suunnittelumallisi kehotteesi perusteella.
- Kun olet luonut koodimallin, valitse Käytä suunnittelumallissa.
- Valitse Lisää elementtinä kohteeseen -kohdassa asiakirjatyyppi, jotta voit lisätä sen interaktiivisena koodielementtinä.
- Jos haluat parantaa Canva-koodin luomaa suunnittelumallia, kehota tekemään tarkennuksia sivupaneelin chattiruudussa.
Huomautus: Canvan tekoälytoimintojen avulla voit käyttää suunnittelumallien versioita chat-ketjustasi.
Muokkaa interaktiivisia Canva-koodin luomia suunnittelumalleja ja elementtejä
Tarkenna Canva-koodilla luotua suunnittelumalliasi editorin työkaluilla. Lue lisää Muokkaa interaktiivisia Canva-koodin luomia suunnittelumalleja ja elementtejä .
Esikatsele ja julkaise suunnittelumallisi
Valitse Esikatselu, niin voit käsitellä suunnittelumalliasi. Kun kaikki näyttää hyvältä, voit julkaista sen verkkosivuna. Opi julkaisemaan ja hallitsemaan Canva Code -verkkosivustoja.
Huomautus: Interaktiivisuus toimii, kun suunnittelumallia tarkastellaan Canvassa tai kun se julkaistaan verkkosivuna.
Käytä, kopioi ja hallitse Canva-koodiversioita
Aina kun päivität Canva-koodimallisi kehotteella, Canva tallentaa automaattisesti uuden version samaan chat-ketjuun. Näin voit palata aikaisempiin iteraatioihin, jatkaa edellisen version muokkaamista tai kopioida luodun koodin ulkoista käyttöä varten.
Tarkastele versiohistoriaasi
- Avaa Canvan kotisivulla Canvan
- tekoälytoiminnot . Valitse kehotepalkissa </> Koodi,
- jotta voit tarkastella Canva-koodichattiasi sivupalkissa. Huomautus: Canva-koodichatin voi tunnistaa niiden vieressä olevasta </>-
- kuvakkeesta . Avaa Canva-koodin chattiketju.
- Selaa saatavilla olevia versioita sivupalkissa (esimerkiksi versio 1, versio 2 ja muita).
Huomautus: Kehotteen näyttämisen jatkaminen samassa chatissa luo automaattisesti uuden version.
Käytä aiempaa versiota
- Avaa Canva-koodin chattiketju.
- Valitse versio, jota haluat käyttää.
- Valitse Käytä suunnittelumallissa jatkaaksesi kyseisen version muokkaamista Canvassa.
Tarkastele ja kopioi koodi
Voit tarkastella Canva-koodilla luotua taustalla olevaa koodia ja kopioida sen käytettäväksi uudelleen Canvan ulkopuolella.
- Ota Canva-koodin ketjussa Näytä koodi -toiminto käyttöön.
- Valitse Kopioi koodi tallentaaksesi sen leikepöydälle.
Canva-koodin rajoitukset
- Canva-koodi tukee kaikkia Canvassa saatavilla olevia kieliä, paitsi canva.cn-verkkotunnuksen käyttäjiä.
- Canva-koodi ottaa vain antamasi tai käyttämäsi kuvauksen ohjeet. Mitä enemmän kontekstia ja ohjeita annat, sitä parempi lopputulos on.
- Koodin voi kopioida ja käyttää uudelleen ulkoisesti, mutta sitä ei voi viedä tiedostona tai muokata suoraan Canvassa.
Voinko käyttää koodia uudelleen Canvan ulkopuolella?
Kyllä. Kun koodi on kopioitu, sitä voi käyttää omissa projekteissasi. Vaikka se on kehitetty Canvalle, voit mukauttaa sen ulkoisia työkaluja tai työnkulkuja varten.
Voinko käyttää Canva-koodin luomuksiani kaupalliseen tarkoitukseen?
Sinun ja Canvan välillä ja lain sallimissa rajoissa omistat tekoälytoimintoihimme antamasi syötteen ja tekoälyn luoman sisällön (mukaan lukien Canva-koodi ja luodut Canva-koodit), eikä Canva tee minkäänlaista tekijänoikeusvaatimusta syötteesi tai luomuksesi kohden. (mukaan lukien luodut Canva-koodit). Katso lisätiedot ja täydelliset ehdot tekoälytuotteiden käyttöehdoista.
Kuka näkee Canva-koodilla luomani sisällön?
Vain sinä näet Canva Code -keskustelut. Kun napsautat Käytä suunnittelumallissa, kyseisellä versiolla varustettu uusi suunnittelumalli luodaan. Voit jakaa suunnittelumallin (mukaan lukien Canva-koodin) käyttämällä Jaa -painiketta.
Jos julkaiset suunnittelumallisi verkkosivulla, käyttöoikeuksien hallintaa hallitaan asetuksilla, jotka määrität verkkosivun julkaisun aikana.
Voinko hallita tiimini Canva-koodin käyttöoikeuksia?
Jos olet pääkäyttäjä, opettaja tai brändin suunnittelija, voit valita, kuka voi käyttää Canva-koodia tiimissäsi tai luokassasi.
Etkö löydä Canva-koodia etusivultasi? Lue lisää Canva-koodin käyttörajoituksista.
Miksi en näe koodirivien muuttuvan?
Canva-koodi käyttää nyt erotusperusteista muokkausta, mikä tarkoittaa, että vain tarvittavat koodirivit päivitetään koko lohkon uudelleenmuodostamisen sijaan. Tämä johtaa nopeampaan palautteeseen, kun teet pieniä muutoksia suunnittelulogiikkaan.
Jos et näe koodirivien muuttuvan kehotteen lähettämisen jälkeen, Canva työskentelee taustalla ottaakseen vain tarvittavat muutokset käyttöön. Odota, että Canva-koodi on luotu toisen version loppuun.
Oliko tästä apua?
Hyödyllinen
Ei hyödyllistä