Handleidingen/Lay-out van je site/Het ontwerp van een door AI gemaakte website bewerken

Het ontwerp van een door AI gemaakte website bewerken

Nadat je je website hebt gemaakt met de AI-websitebouwer, kan je de content aanpassen met behulp van AI-prompts. Deze gids laat je zien hoe je AI kan gebruiken om het ontwerp van je website te finaliseren.

Deze functie is beschikbaar voor nieuwe websites met onze WordPress.com Premium- en Business-abonnementen. Je kan het gratis proberen (tot 30 prompts) en upgraden om de website te lanceren en te blijven aanpassen.

Een door AI gebouwde website bewerken

Je kunt doorgaan met het updaten, bewerken en toevoegen van inhoud aan je website, zowel met AI als door het handmatig bewerken. Om aan je site te werken met AI:

  1. Ga naar de pagina Sites.
  2. Selecteer je site en klik op de knop ‘Mijn startpagina‘.
  3. De volgende stap is afhankelijk van het abonnement van de site:
    • Gratis proefversies van sites komen rechtstreeks in de editor om het bewerken te hervatten.
    • Geüpgradede sites komen in het dashboard van de site, waar je naar de Weergave → Editor kunt navigeren om het bewerken te hervatten.
  4. Klik op het vierpuntige sterrenpictogram onderaan het scherm om de AI-assistent te openen:
The AI symbol that resembles a four-pointed star.

Het algehele kleurenschema veranderen

Volg deze stappen om het kleurenschema van je site met behulp van AI aan te passen:

  1. Klik op het AI-pictogram met de vierpuntige ster om het promptvenster te openen.
  2. Typ een prompt zoals: “Verander de kleuren” of “Ik wil het kleurenschema van de hele site veranderen naar pasteltinten.
  3. Je krijgt kleurenpaletten waar je doorheen kan bladeren. Klik op een kleur om te zien hoe de update er op je site uitziet.
  4. Nadat je het gewenste kleurenschema hebt geselecteerd, klik je op de knop Opslaan om de wijziging op te slaan.

Om handmatig een kleurenschema te kiezen, navigeer je naar Weergave → Editor → Stijlen → Kleuren en selecteer je een nieuw kleurenpalet (niet beschikbaar tijdens de gratis proefperiode).

In het AI-promptvenster staat "Stel nieuwe kleuren voor mijn website voor". De AI heeft vervolgens suggesties voor kleurenschema's gegeven waaruit je kan kiezen.

Een specifieke kleur veranderen

Als je tevreden bent met het algemene kleurenschema van de site, maar je de kleur van een specifiek gedeelte of element wilt wijzigen, volg je deze stappen:

  1. Klik op het element (bijvoorbeeld tekst of een knop) of op het specifieke gedeelte dat je wilt inkleuren.
  2. Open het AI-promptvenster.
  3. Typ je verzoek om de kleur te wijzigen. Je kan de kleur beschrijven of om een specifieke kleurcode vragen:
    “Verander deze knop naar felgeel”
    “Maak de achtergrond van de header de kleur #FFB514”
  4. Klik op de knop Opslaan om de kleurwijziging op te slaan of op het pijltje naar achteren om deze ongedaan te maken.

Gedeeltes toevoegen

Je kan nieuwe gedeeltes toevoegen aan een pagina-indeling:

  1. Klik op een bestaande gedeeltes waaraan je het nieuwe gedeelte wilt toevoegen.
  2. Open het AI-promptvenster.
  3. Typ uw opdracht bijvoorbeeld:
    “Voeg een gedeelte met aanbevelingen toe onder Over.”
    “Voeg een prijstabelgedeelte toe aan de homepage.”
  4. Bekijk het nieuwe gedeelte. De AI kan je meerdere lay-outs aanbieden waar je doorheen kan bladeren met behulp van de pijltjestoetsen naar links en rechts.

Gedeeltes opnieuw ordenen

Verander de lay-out van uw site door gedeeltes te verplaatsen:

  1. Klik op het domein dat je wilt verplaatsen.
  2. Open het AI-promptvenster.
  3. Type:
    “Verplaats het gedeelte Diensten boven Aanbevelingen.”
    “Verplaats het gedeelte Contact naar boven.”

Als extra fijnafstemming nodig is, kan je handmatig een sectie selecteren met behulp van de Lijstweergave. Er verschijnt een werkbalk met de geselecteerde sectie en pijltjes omhoog en omlaag waarmee je het gedeelte naar een nieuwe positie kan verplaatsen:

Een nieuw gedeelte waarbij de positioneringspijlen zijn gemarkeerd om het te verplaatsen.
Gebruik de pijlpictogrammen om een gedeelte omhoog of omlaag te verplaatsen

Een specifiek gedeelte of element verwijderen

Verwijder ongewenste gedeeltes of elementen in slechts een paar stappen:

  1. Klik op het gedeelte of element dat je wilt verwijderen.
  2. Open het AI-promptvenster.
  3. Vraag:
    “Verwijder het FAQ-gedeelte van de homepage.”
    “Verwijder het extra galerijblok in Over.”
  4. Klik op de knop Opslaan om de wijziging op te slaan of op het pijltje naar links om de wijziging ongedaan te maken.

Je kan ook blokken handmatig verwijderen door het/de blok(ken) te selecteren, op het pictogram ⋮ te klikken en de optie Verwijderen te kiezen.

Meer ontwerpprompts

De mogelijkheden met websites bouwen met AI zijn eindeloos. Hier zijn nog meer voorbeelden van ontwerpgerelateerde wijzigingen die je de AI kan laten uitvoeren:

  1. Verander het kleurenpalet om blauw en grijs te gebruiken.
  2. Maak alle knoppen rond en blauw.
  3. Werk de achtergrondkleur bij naar wit.
  4. Verander het lettertype naar een moderner en schreefloos lettertype.
  5. Gebruik een vet, groot lettertype voor alle titels.
  6. Voeg een heldengedeelte toe aan de homepage.
  7. Wijzig de lay-out naar één kolom.
  8. Wijzig de indeling van de voettekst zodat eerst de sociale links worden weergegeven.
  9. Voeg een gedeelte call-to-action toe boven de voettekst.
  10. Wijzig de menustijl naar een verticale zijbalk.
  11. Maak het sitelogo groter in de koptekst.
  12. Voeg een gedeelte met aanbevelingen toe onder de hoofdcontent.
  13. Gebruik een rasterindeling voor de afbeeldingen in de galerij.
  14. Voeg een aanmeldingsformulier voor de nieuwsbrief toe onderaan de pagina.
  15. Maak de navigatiebalk ‘sticky’, zodat deze altijd bovenaan staat.
  16. Voeg meer witruimte toe tussen gedeeltes.
  17. Centreer alle koppen op elke pagina.
  18. Gebruik een lichte achtergrond met donkere tekst op de hele site.
  19. Voeg subtiele slagschaduwen toe aan afbeeldingen.
  20. Vergroot de afstand tussen paragrafen.
  21. Wijzig de volgorde van gedeeltes op de homepage.
  22. Maak afbeeldingen van teamleden circulair.
  23. Gebruik een kleurrijk kleurverloop voor de pagina-achtergrond.
  24. Voeg pictogrammen toe aan het gedeelte Diensten.
  25. Gebruik zachte pastelkleuren voor de achtergrond.
  26. Vervang alle koppen door een handgeschreven lettertype.
  27. Voeg een scheidingswand toe tussen de gedeeltes.
  28. Gebruik grote, opvallende call-to-action-knoppen.
  29. Schrijf alle koppen in hoofdletters.
  30. Voeg bovenaan elke pagina een inleidingsgedeelte toe.
Copied to clipboard!