Canva-home
Help

Interactieve Canva-codeontwerpen en -elementen bewerken


Dit artikel is machinaal vertaald. Als je fouten vindt, laat het ons dan weten.

Als je de Canva-code hebt gebruikt om een interactieve functie in je ontwerp te maken, zoals een quiz, rekenmachine of aftellen, kun je deze rechtstreeks in Canva bewerken.

Hier zie je hoe je de Canva-codepagina of herbruikbare elementen kunt bewerken.

Fooien:

Bewerk je interactieve pagina met Canva-code

Met Canva Code kun je zowel je inhoud als interacties eenvoudig verfijnen met een combinatie van direct bewerken en vragen met Canva AI.

  • De meeste tekst, tekstopmaak en afbeeldingen kun je direct op het canvas bewerken . Gebruik Canva AI om je wijzigingen aan te brengen voor lay-outsecties, formaatwijzigingen en styling.
  • Je kunt ook rechtstreeks met je ontwerp spelen en communiceren om je pagina te ervaren zoals je publiek dat wil, zodat je interacties en flow in realtime kunt testen. Klik om alle items die u aan het bewerken bent te deselecteren om vervolgens te communiceren met knoppen of velden.

Opmerking: Niet alle ontwerpelementen kunnen direct worden bewerkt vanwege de responsieve structuur. Als er een element is dat je wilt bewerken, maar niet kunt selecteren, gebruik dan het tabblad Canva AI om de gewenste wijziging te beschrijven en dien je prompt in.

  1. Selecteer de pagina die je wilt bewerken in de editor.
  2. Als alle ontwerpelementen direct bewerkbaar zijn, kun je:
    • Ondersteunde tekst selecteren en bewerken
    • Lettertypen, kleuren en opmaak aanpassen met de werkbalk
    • Formaat wijzigen en lay-outsecties verplaatsen
  3. Als iets niet direct op de gewenste manier kan worden bewerkt, selecteer je het en doe je het volgende:
    1. Selecteer
      Canva AI in de werkbalk.
    2. Beschrijf de wijziging die je wilt. Bijvoorbeeld: 'schakel diagram over naar een dashboard' of 'wijzig labels in afbeeldingen'.
    3. Je kunt
      Canva AI ook vragen om de hele pagina te verfijnen.
  4. Om de code van je ontwerp te kopiëren, selecteer je Codeen vervolgens Code kopiëren.
  5. Je kunt alle media in het ontwerp vervangen met Foto's en afbeeldingen uit Elementen, of met je eigen content via Uploads. Sleep rechtstreeks om afbeeldingen te vervangen en tik vervolgens op
    Vervangen in de werkbalk.
  6. Als je prompts gebruikt met Canva AI, kun je uploads bijvoegen als referentie in je prompt, bijvoorbeeld "werk het ontwerp bij naar een stijl als deze".
  7. Je kunt ook uploads bijvoegen om ze direct in je ontwerp in te sluiten, bijvoorbeeld 'gebruik dit logo in het ontwerp'.
  8. Selecteer
    om de pagina te verwijderen en een nieuw ontwerp te starten.
  • "Verander dit voor alle ontwerpen" -prompts zijn niet van toepassing op codeontwerpen. AI-wijzigingen zijn van toepassing op één pagina per keer. Bulkupdates voor meerdere ontwerpen worden niet ondersteund.
  • AI-updates hebben alleen invloed op de pagina die je momenteel bewerkt. Wijzigingen worden niet overgezet naar andere codepagina's.
  • Elke pagina heeft zijn eigen, afzonderlijke AI-chatgeschiedenis.

Bewerk interactieve elementen

  1. Open een ontwerp met een door de Canva-code gegenereerd element.
  2. Klik op het interactieve element om het te selecteren.
  3. Op de werkbalk die verschijnt, selecteer je Bewerken. Dit opent het venster Bewerken, waar je het volgende kunt doen:
    • Titel en subtitel toevoegen of wijzigen.
    • Gebruik de schakelaars om de exportknop, zoekbalk en tagfilters weer te geven. Opmerking: De opties in het deelvenster Bewerken kunnen er anders uitzien, afhankelijk van wat Canva Code heeft gegenereerd. Sommige knoppen, zoals Exporteren, Delen of Tag-filter, zijn mogelijk niet altijd beschikbaar.
  4. Lettertypen en kleuren bewerken:
    • Selecteer in de werkbalk een kleurtegel om het kleurenpaneel te openen.
    • Kies in het kleurenpaneel de gewenste kleur. De achtergrond- en knopkleuren worden automatisch aangepast.
    • Selecteer een lettertype in de vervolgkeuzelijst (inclusief Brand Kit-lettertypen) om het toe te passen op het hele interactieve element.
    • Je kunt de lettergrootte ook vergroten of verkleinen met behulp van de knoppen op de werkbalk.
  5. Selecteer de knop Animeren om visuele effecten toe te voegen.
  6. Selecteer de knop Positie om het deelvenster Schikken en lagen te openen. Pas de indeling of gelaagdheid van het door de Canva-code gegenereerde interactieve element aan naast andere elementen in je ontwerp.

Kun je de Canva-code niet vinden op je startpagina? Meer informatie over Canva Code-toegangsbeperkingen.

Was dit nuttig?

Behulpzaam

Niet nuttig

Anderen bekeken ook