Pagina de pornire Canva
Ajutor

Creează designuri interactive cu Codul Canva


Acest articol a fost tradus automat. Dacă găsești erori, te rugăm să ne anunți.

Cod Canva îți permite să creezi designuri adaptate și interactive, fără problemele tehnice legate de scrierea de cod. Poți utiliza Cod Canva în două moduri:

  • Creează designuri de cod interactive
    • Creează designuri interactive complete, precum pagini de destinație, tablouri de bord sau portofolii, și editează și publică ca site-uri în Editorul Canva
  • Adaugă elemente Cod interactive la designurile tale
    • Creează elemente interactive precum teste, calculatoare sau diagrame cu alt design și refolosește-le în mai multe designuri

Sfaturi:

Creează designuri de cod interactive

Folosește cod ul de tip de document atunci când dorești să creezi o experiență interactivă completă.

  • Creează pagini de destinație, tablouri de bord, portofolii și altele
  • Editează și rafinează în editorul Canva
  • Publică ca site adaptat
  1. Din pagina de pornire Canva, selectează Cod. Se deschide editorul Canva.
  2. În editorul Canva, începe prin a descrie designul în
    fila AI Canva. Procedează cu un mesaj de genul „Creează un monitor de exerciții fizice interactiv și ușor de utilizat.”
  3. Ca alternativă, în
    fila Șabloane, poți, de asemenea, să răsfoiești sau să cauți șabloane de la care să începi.
  4. Rafinează-l folosind
    AI Canva sau editări directe. Consultă Editarea designurilor și elementelor interactive din cod Canva pentru a afla cum.

Adaugă elemente Cod interactive la designurile tale

Accesează AI Canva , apoi Cod atunci când vrei să generezi o singură componentă interactivă.

  • Creează teste, calculatoare, diagrame și altele sub formă de elemente.
  • Adaugă-le în Prezentări, în Table albe sau în alte tipuri de document. Publică ca site sau Reutilizează elemente în mai multe designuri.
  1. În pagina de pornire Canva, selectează
    AI Canva.
  2. În caseta Solicitare, descrie elementul interactiv Cod pe care dorești să îl creezi. Află mai multe despre solicitările AI aici.
  3. Selectează </> Cod.
  4. Apasă Enter pe tastatură sau apasă pe
    butonul Trimite. AI Canva îți pregătește designul pe baza solicitării tale.
  5. După generarea designului de cod, selectează Folosește într-un design.
  6. Sub Adaugă ca element în, selectează un tip de document pentru a-l adăuga ca element Cod interactiv.
  7. Pentru a îmbunătăți designul generat de Cod Canva, solicită rafinările tale în caseta de chat din panoul lateral.

Notă: poți accesa versiunile designului din firul de chat cu tehnologia AI Canva.

Editează designurile și elementele tale interactive generate în codul Canva

Rafinează designul generat în codul Canva, folosind instrumentele editorului. Consultă Editează designuri și elemente interactive generate în codul Canva pentru a afla mai multe.

Previzualizează și publică designul

Selectează

Previzualizează pentru a interacționa cu designul tău. După ce totul arată bine, îl poți publica pe site. Află cum să publici și să gestionezi site-uri cu Cod Canva.

Notă: interactivitatea funcționează atunci când designul este vizualizat în Canva sau publicat ca site web.

Accesează, copiază și gestionează versiunile codului Canva

De fiecare dată când îți actualizezi designul Codului Canva prin solicitare, Canva salvează automat o versiune nouă în același fir de chat. Acest lucru îți permite să vizitezi iterațiile anterioare, să continui editarea de la o versiune anterioară sau să copiezi pentru utilizare externă codul generat.

Vezi istoricul versiunilor

  1. Din pagina de pornire Canva, deschide
    AI Canva.
  2. Sub bara de solicitări, selectează </> Cod pentru a vedea conversațiile tale cu Codul Canva în bara laterală.
    • Notă: poți identifica conversațiile prin chat Canva Code folosind </> pictograma din dreptul lor.
  3. Deschide un fir de chat despre Cod Canva.
  4. În bara laterală, parcurge versiunile disponibile (de exemplu: versiunea 1, versiunea 2 și altele).

Notă: dacă alegi să continui să trimiți solicitări în cadrul aceleiași conversații, vei crea în mod automat o nouă versiune.

Folosește o versiune anterioară

  1. Deschide firul de chat Cod Canva.
  2. Selectează versiunea pe care dorești să o utilizezi.
  3. Selectează Folosește într-un design pentru a continua să editezi versiunea respectivă în Canva.

Vizualizează și copiază codul

Poți să vizualizezi codul principal generat de Canva Code și să îl copiezi pentru reutilizare în afara Canva.

  1. În firul Codului tău Canva, activează opțiunea Afișează codul.
  2. Selectează Copiază codul pentru a-l salva în clipboard.

Limitări ale codului Canva

  • Cod Canva acceptă toate limbile disponibile în Canva, cu excepția utilizatorilor de pe canva.cn.
  • Cod Canva va prelua instrucțiunile doar din descrierea pe care ai introdus-o sau a folosit-o. Cu cât oferi mai mult context și instrucțiuni, cu atât rezultatul va fi mai bun.
  • Codul poate fi copiat și reutilizat în exterior, însă nu poate fi exportat ca fișier sau editat direct în Canva.

Ce pot face dacă site-ul meu Cod Canva nu se publică?

Dacă site-ul tău web Cod Canva este mare sau complex, un widget supradimensionat poate împiedica publicarea acestuia. Poți încerca să simplifici site-ul sau să scindezi conținutul în site-uri sau pagini mai mici.În aceeași conversație cu Cod Canva, încearcă să generezi o solicitare AI Canva folosind:

  • „ Simplifică acest site și reduce widgeturile/componentele supradimensionate, astfel încât să poată publica în Canva.”
  • „Împarte în două site-uri/pagini mai mici care se pot publica.”

După ce Cod Canva generează versiunea actualizată, încearcă din nou să o publici.

Sfat: poate fi utilă scindarea conținutului în site-uri sau pagini mai mici, deoarece fiecare site publicat include mai puțin conținut. Dacă îți scindezi site-ul pe site-uri publicate separate, va trebui să gestionezi și să distribui adresele URL ale acestora separat.

Pot reutiliza codul în afara platformei Canva?

Da. După copiere, codul poate fi utilizat în propriile proiecte. Chiar dacă este conceput pentru Canva, o poți adapta pentru instrumente sau fluxuri de lucru externe.

Pot folosi creațiile mele din Cod Canva în scopuri comerciale?

În ceea ce privește relațiile dintre tine și Canva și, în măsura permisă de lege, deții intrările și rezultatele tale folosind funcțiile noastre AI (inclusiv codul Canva și codurile Canva create), iar Canva nu va invoca drepturile de autor asupra intrărilor sau rezultatelor tale (inclusiv codurile Canva create). Pentru mai multe detalii și termenii completi, consultă Termenii privind produsele bazate pe inteligența artificială.

Cine poate vedea ceea ce creez cu Cod Canva?

Doar tu îți poți vedea conversațiile folosind Cod Canva. Când apeși pe Folosește într-un design, este creat un design nou cu acea versiune și poți distribui designul (inclusiv codul Canva) folosind

butonul Distribuie .

Dacă îți publici designul pe un site web, controlul accesului este controlat de setările pe care le configurezi în timpul fluxului de publicare pe site.

Pot gestiona accesul echipei mele la Cod Canva?

Dacă ești administrator, profesor sau designer de marcă, poți alege cine poate accesa Cod Canva în echipa sau clasa ta.

Nu găsești codul Canva pe pagina ta de pornire? Află mai multe despre restricțiile de acces la codul Canva.

De ce nu văd liniile de cod modificate?

Cod Canva folosește acum editarea bazată pe diferențe, ceea ce înseamnă că sunt actualizate doar liniile de cod necesare, în loc să se regenereze întregul bloc. Acest lucru are ca rezultat un feedback mai rapid atunci când efectuezi mici modificări la logica de design.

Dacă nu vezi că liniile de cod nu se modifică după trimiterea solicitării, înseamnă că Canva lucrează în fundal pentru a aplica doar modificările necesare. Așteaptă ca codul Canva să termine generarea altei versiuni.

Au fost de ajutor aceste informații?

Util

Inutil

Utilizatorii au vizualizat și