Skip to main content

Theme Builder Onboarding Proses

Superdav AI Agent v1.12.0 stel 'n begeleide Theme Builder onboarding-proses bekend wat jou help om 'n aangepaste bloktema te skep tydens jou aanvanklike opstelling. Dit vervang die ou Site Builder-modus met 'n meer buigsame, agent-geassisteerde benadering.

Wat is die Theme Builder Onboarding Proses?​

Die Theme Builder onboarding-proses is 'n interaktiewe opstel-wond (setup wizard) wat:

  • Jou deur ontwerpbesluite lei (kleure, tipografie, uitleg)
  • Jou webwerf se visuele identiteitsvoorkeure vang
  • 'n aangepaste bloktema genereer wat op jou behoeftes afgestel is
  • Die tema outomaties aktiveer wanneer dit voltooi is

Die proses word aangedryf deur die Setup Assistant agent, wat verduidelikende vrae vra en jou tema geleidelik bou.

Begin die Theme Builder Onboarding​

Eerste-Keer Opstelling​

Wanneer jy Superdav AI Agent vir die eerste keer op 'n nuwe WordPress-installasie laat loop, sal jy die volgende sien:

Welcome to Superdav AI Agent!

What would you like to do?
1. Build a custom theme (Theme Builder)
2. Use an existing theme
3. Skip setup for now

Kies "Build a custom theme" om die Theme Builder onboarding-proses in te gaan.

Handmatige Aktivering​

Jy kan ook enige tyd die Theme Builder onboarding begin deur te vra:

"Start the Theme Builder onboarding"

of

"Help me create a custom theme"

Die Onboarding Stappe​

Stap 1: Moduskeuse​

Die Setup Assistant agent vra oor jou voorkeur:

How would you like to build your theme?
- Guided (I'll ask questions and build it for you)
- Hands-on (I'll show you options and you decide)

Guided mode word aanbeveel vir die meeste gebruikers; die agent maak ontwerpvoorstelle gebaseer op jou bedryf en doelwitte.

Stap 2: Webwerf Spesifikasie​

Jy sal oor jou webwerf gevra word:

  • Site purpose: E-handel, blog, portfolio, SaaS, ens.
  • Target audience: Wie is jou besoekers?
  • Brand colors: Primêre en sekondêre kleure (of "Ek is nie seker nie")
  • Tone: Professioneel, kreatief, speels, minimalisties, ens.

Hierdie inligting word in jou site_brief geheue gestoor, wat agents in toekomstige sessies verwys.

Stap 3: Ontwerpstelsel Besluite​

Die agent lei jou deur die keuse van ontwerp-tokens:

  • Typography: Lettertipefamilie (serif, sans-serif, monospace) en grootte-skal
  • Color palette: Primêre, sekondêre, aksent en neutrale kleure
  • Spacing: Kompak, normaal of ruimtelike uitlegte
  • Motion: Animasië en oorgange (indien gewens)

Stap 4: Tema Generasie​

Die Setup Assistant agent bou jou aangepaste bloktema met:

  • theme.json wat al jou ontwerp-tokens bevat
  • Bloktemplates vir algemene uitlegte (hoofblad, blog, kontak)
  • Aangepaste blokstyl wat by jou ontwerpstelsel pas
  • Tema-metadata en WordPress-ondersteuningsverklaringe

Stap 5: Aktivering en Verifikasie​

Die tema word outomaties geaktiveer, en jy sal die volgende sien:

✓ Your custom theme is now live!
  Theme name: [Your Site Name] Theme
  Colors: [Primary] / [Secondary]
  Typography: [Font Family]

  Visit your site to see the new design.

Jy kan dan jou webwerf besoek om te verifieer dat die tema korrek vertoon word.

Webwerf Spesifikasie en site_brief Geheue​

Tydens die onboarding vang die agent jou webwerf se spesifikasie in 'n site_brief gehemekategorie. Dit sluit in:

  • Webwerf doel en doelwitte
  • Besoekersgroep
  • Brandkleure en toon
  • Ontwerpvoorkeure
  • Inhoudsstruktuur

Hoekom site_brief Belangrik Is​

In toekomstige sessies verwys agents na jou site_brief om:

  • Ontwerp-konsistensie oor veranderinge te handhaaf
  • Funksies voor te stel wat by jou webwerf se doel pas
  • Konteksbewuste aanbevelings te gee
  • Om te verhoed dat opstel-vrae herhaal word

Bekyk Jou site_brief​

Jy kan die agent vra:

"Show me my site brief"

of

"What do you know about my site?"

Die agent sal jou gestoor webwerf spesifikasie wys.

Aanpas Na Onboarding​

Nadat die Theme Builder onboarding voltooi is, kan jy:

Gebruik die Design System Aesthetics Skill​

Vra vir ontwerpverfynings:

"Refine the typography to be more modern"

of

"Adjust the color palette to be warmer"

Die Design System Aesthetics skill lei jou deur gerigte ontwerpopdaterings.

Wysig theme.json Direk​

Vir gevorderde gebruikers, wysig /wp-content/themes/[theme-name]/theme.json om te pas:

  • Kleur-tokens
  • Tipografie-skale
  • Spasering-waardes
  • Rand- en skadu-definisië

Skep Aangepaste Bloktemplates​

Gebruik die WordPress blokredigeerder om aangepaste templates te skep vir:

  • Hoofblad-uitleg
  • Blog-plasing-bladsye
  • Produkbladsye
  • Kontakvorms

Vergelyking: Ou tege Nuwe Onboarding​

FunksieSite Builder (Legacy)Theme Builder (New)
OpstelmetodeWizard-gebaseerde vormAgent-gelei gesprek
Tema generasieBeperkte templatesAangepaste raamwerk
Ontwerp-tokensHandmatige invoerBegeleide besluite
BuigsamheidVasgestelde opsiesAanpasbaar
Toekomstige opdateringsWord nie verwys nieGestoor in site_brief

Probleemoplossing​

Die onboarding-proses het nie voltooi nie

  • Herbegin die proses: "Start the Theme Builder onboarding"
  • Kontroleer dat jou WordPress-installasie op datum is
  • Verifieer dat die Setup Assistant agent geaktiveer is

My site_brief word nie gebruik nie

  • Bevestig dat die agent toegang het tot geheue
  • Vra die agent om my site brief te "recall"
  • Kontroleer dat geheue in jou instellings geaktiveer is

Die gegenereerde tema pas nie by my voorkeure nie

  • Gebruik die Design System Aesthetics skill om dit te verfyn
  • Vra die agent om die tema te "regenerate with [specific changes]"
  • Wysig theme.json direk vir presiese beheer

Volgende Stappe​

Nadat Theme Builder onboarding voltooi is:

  1. Verifieer jou webwerf: Besoek jou webwerf om die nuwe tema te sien
  2. Verfyn die ontwerp: Gebruik Design System Aesthetics skill vir aanpassings
  3. Voeg inhoud by: Begin met die bou van jou webwerf se inhoud
  4. Verken vermoëns: Leer oor ander agent-vermoëns soos scaffold-block-theme en activate-theme