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 koodi-malleja
- Luo täysin interaktiivisia suunnittelumalleja, kuten aloitussivuja, hallintapaneeleja tai portfolioita, ja muokkaa ja julkaise verkkosivuina Canva-editorissa
- Lisää suunnittelumalleihisi interaktiivisia koodi-elementtejä
- Luo toiseen suunnittelumalliin interaktiivisia elementtejä, kuten kyselyitä, 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ä Koodin suunnittelumallityyppiä, kun haluat rakentaa täydellisen interaktiivisen kokemuksen.
- Luo aloitussivuja, hallintapaneeleja, portfolioita ja muuta
- Muokkaa ja tarkenna Canva-editorissa
- Julkaise responsiivisena verkkosivuna
- 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 Canvan tekoälytoimintoihin ja sitten Koodi-osioon , 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-koodiverkkosivuja.
Huomautus: Interaktiivisuus toimii, kun suunnittelumallia tarkastellaan Canva-ssa tai kun se julkaistaan verkkosivu-na.
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.
Mitä voin tehdä, jos Canva-koodiverkkosivuni julkaisu ei onnistu?
Jos Canva-koodiverkkosivusi on suuri tai monimutkainen, liian suuri pienoissovellus voi estää sen julkaisun. Voit yrittää yksinkertaistaa verkkosivua tai jakaa sisällön pienemmiksi verkkosivuiksi tai sivuiksi.Yritä samassa Canva-koodichatissa pyytää Canvan tekoälytoiminnot seuraavasti:
- "Yksinkertaista tätä verkkosivustoa ja vähennä liian suuria pienoissovelluksia/komponentteja, jotta se voidaan julkaista Canvassa."
- "Jaa tämä kahdeksi pienemmäksi julkaistavaksi verkkosivustoksi/sivuksi."
Kun Canva-koodi on luonut päivitetyn version, yritä julkaista se uudelleen.
Vihje: Sisällön jakaminen pienemmiksi verkkosivuiksi tai sivuiksi voi auttaa, koska kullakin julkaistulla sivustolla on vähemmän sisältöä. Jos jaat verkkosivusi erillisiksi julkaistuiksi verkkosivuiksi, sinun on hallinnoitava ja jaettava niiden URL-osoitteita erikseen.
Voinko käyttää koodia uudelleen Canvan ulkopuolella?
Kyllä. Kopioituaan koodia voit 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 käyttämäsi 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ötteestäsi tai luomastasi materiaalista (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-koodilla käydyt keskustelut. Kun napsautat Käytä suunnittelumallissa, kyseisellä versiolla luotu 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ä