Guider/Redigera din webbplats/Redigerare/Webbplatslayout/Redigera designen på en AI-skapad webbplats

Redigera designen på en AI-skapad webbplats

När du har skapat din webbplats med AI-webbplatsbyggaren kan du anpassa designen och layouten med hjälp av AI-uppmaningar. Den här guiden visar hur du använder AI för att färdigställa din webbplatsdesign.

Den här funktionen är tillgänglig på nya webbplatser med WordPress.com Premium- och Business-paketen. Du kan prova gratis (upp till 30 uppmaningar) och uppgradera för att lansera och fortsätta anpassa webbplatsen.

Redigera en AI-byggd webbplats

Du kan fortsätta att uppdatera, redigera och lägga till innehåll på din webbplats både med AI och genom manuell redigering. För att arbeta på din webbplats med AI:

  1. Besök sidan Webbplatser.
  2. Välj din webbplats och klicka på knappen ”Mitt hem”.
  3. Nästa steg beror på webbplatsens paket:
    • Webbplatser med gratis provperiod öppnas direkt i redigeraren för att återuppta redigering.
    • Uppgraderade webbplatser öppnas i webbplatsens adminpanel där du kan navigera till Utseende → Redigerare för att återuppta redigeringen.
  4. Klicka på ikonen med en fyruddig stjärna längst ner på skärmen för att öppna AI-assistenten:
The AI symbol that resembles a four-pointed star.

Ändra det övergripande färgschemat

Följ dessa steg för att uppdatera din webbplats färgschema med hjälp av AI:

  1. Klicka på AI-ikonen med en fyruddig stjärna för att öppna uppmaningsrutan.
  2. Skriv en uppmaning, till exempel: ”Ändra färgerna” eller ”Jag vill ändra hela webbplatsens färgschema till pasteller.
  3. Du kommer att få tillgång till färgpaletter att bläddra igenom. Klicka på en färg för att se hur uppdateringen ser ut på din webbplats.
  4. När du har valt önskat färgschema klickar du på knappen Spara för att spara ändringen.

För att välja ett färgschema manuellt navigerar du till Utseende → Redigerare → Stilar → Färger och väljer en ny färgpalett (ej tillgänglig i den gratis provperioden).

AI-uppmaningsrutan säger "föreslå nya färger för min webbplats" och AI:n har gett förslag på färgscheman att välja mellan.

Ändra en specifik färg

Om du är nöjd med webbplatsens övergripande färgschema, men vill ändra färgen på en specifik sektion eller ett specifikt element gör du följande:

  1. Klicka på elementet (som text eller en knapp) eller den specifika sektionen som du vill ändra färg på.
  2. Öppna AI-uppmaningsrutan.
  3. Skriv din begäran om att ändra färgen. Du kan beskriva färgen eller be om en specifik färgkod:
    “Ändra den här knappen till ljusgul”
    “Gör sidhuvudets bakgrund till färgen #FFB514”
  4. Klicka på knappen Spara för att spara färgändringen eller på ikonen med bakåtpilen för att ångra den.

Lägg till nya sektioner

Du kan lägga till nya sektioner i en sidlayout:

  1. Klicka på en befintlig sektion där du vill lägga till den nya sektionen.
  2. Öppna AI-uppmaningsrutan.
  3. Skriv din uppmaning, till exempel:
    ”Lägg till en sektion om omdömen under Om.”
    ”Infoga en sektion för pristabell på startsidan.”
  4. Granska den nya sektionen. AI:n kan förse dig med flera layouter att växla mellan med hjälp av knapparna med pilar åt höger och vänster.

Ordna om sektioner

Ändra webbplatsens layout genom att flytta sektioner:

  1. Klicka på den sektion du vill flytta.
  2. Öppna AI-uppmaningsrutan.
  3. Skriv:
    ”Flytta sektionen Tjänster till ovanför Omdömen.”
    ”Flytta sektionen Kontakt högst upp.”

Om extra finjustering behövs kan du manuellt välja en sektion med hjälp av Listvy. Ett verktygsfält visas med den valda sektionen med uppåt- och nedåtpilar för att flytta sektionen till en ny position:

En ny sektion med positioneringspilarna markerade för att flytta det.
Använd pilikonerna för att flytta en sektion uppåt eller nedåt

Ta bort en specifik sektion eller ett element

Ta bort oönskade sektioner eller element i bara några få steg:

  1. Klicka på den sektion eller det element du vill ta bort.
  2. Öppna AI-uppmaningsrutan.
  3. Uppmaning:
    ”Ta bort FAQ-sektionen från startsidan.”
    ”Ta bort det extra galleriblocket i Om.”
  4. Klicka på knappen Spara för att spara ändringen eller på ikonen med bakåtpilen för att ångra ändringen.

Du kan också ta bort block manuellt genom att markera blocket/blocken, klicka på ⋮-ikonen och välja alternativet Ta bort .

Fler designuppmaningar

Möjligheterna är oändliga med AI-webbplatsbyggande. Här är fler uppmaningsexempel på designrelaterade ändringar som du kan be AI:n att göra åt dig:

  1. Ändra färgpaletten för att använda blått och grått.
  2. Gör alla knappar rundade och blå.
  3. Uppdatera bakgrundsfärgen till vit.
  4. Byt typsnitt till något mer modernt och sans-serif.
  5. Använd ett stort typsnitt i fetstil för alla rubriker.
  6. Lägg till en hero-sektion på startsidan.
  7. Ändra layouten till en enskild kolumn.
  8. Omorganisera sidfoten så att den visar sociala länkar först.
  9. Lägg till en sektion med en uppmaning till handling ovanför sidfoten.
  10. Ändra menystilen till en vertikal sidopanel.
  11. Gör webbplatsens logotyp större i sidhuvudet.
  12. Lägg till en sektion med omdömen under huvudinnehållet.
  13. Använd en rutnätslayout för galleribilderna.
  14. Lägg till ett formulär för Registrering till nyhetsbrevet längst ner på sidan.
  15. Gör navigeringsfältet fast så att det stannar högst upp.
  16. Lägg till mer vitt utrymme mellan sektionerna.
  17. Centrera alla rubriker på varje sida.
  18. Använd en ljus bakgrund med mörk text för hela webbplatsen.
  19. Lägg till subtila skuggor på bilder.
  20. Öka avståndet mellan stycken.
  21. Ändra sektionsordningen på startsidan.
  22. Gör bilderna på teammedlemmarna runda.
  23. Använd en färgglad gradient för sidans bakgrund.
  24. Lägg till ikoner i sektionen tjänster.
  25. Använd mjuka pastellfärger som bakgrund.
  26. Ersätt alla rubriker med ett handskrivet typsnitt.
  27. Lägg till en avdelare mellan varje sektion.
  28. Använd stora, djärva uppmaning till handlingsknappar.
  29. Skriv rubriker med versaler.
  30. Lägg till en introduktionssektion högst upp på varje sida.
Copied to clipboard!