Skip to main content

Tema Builder Funtsioak: Block Temakakoa eta Aktibatu

Superdav AI Agent v1.12.0 iruditzen du bi funtzioa garrantzitsuak, zehandizko chat interface-n handiaren (block themes) generatzea eta desplokeatzea erabilizten.

Deskribapena​

scaffold-block-theme eta activate-theme funtzioak agent-ek ezagutze ditu:

  • Itzultza, produktiboa tema handia (block themes) generatzea zehandizko espezifikazioak arabera
  • Manual ingurumen edo ingurumenaren bidez tema automatikoki aktibatu dezake situren web-aldean
  • Goidutako diseinazio erabakiak bidez visua identidad bat emate dena

Block Tema Itzultzea (Scaffold)​

scaffold-block-theme funtzioak WordPress block theme berria generatzen du, tema estruktura guztia bestela, zehandiz:

  • theme.json konfiguratazioa design tokens bat hartuz
  • Komun bat layout-ek beste file template batzuen
  • Block style eta variantak oso espezializatutako
  • Tema metadata eta suporta deklarazioak

Ondo Erdatzea (How to Invoke)​

Superdav AI Agentarekin chat egiten duenean, tema generatzea eskatzen dituzte:

"Modern Agency" izen bat block theme bat jartu, lapurtu eta puti kolor bat eta puti lebak,
sans-serif tipografia eta profesional layout batekin.

Agent-ek:

  1. Goidutako diseinazio preferentziak bilatzen dua galdernarekin
  2. Tema estruktura guztia generatzen du
  3. Beste file tema beharrezko guztiak ematen du
  4. Aktibatuera tema bat preparatzen du

Esperatuta Outputa (Expected Output)​

Funtzioa ondo erdatuenean, lehen daude:

  • Tema handia itzultu daingoa konfirmazioa
  • Tema-ren izena eta jarduera lekuak
  • Erabilera ematen design tokens bat ezarritura (kolorrak, tipografia, espazioa)
  • Aktibatuera eskatuta dagoen estatus

Udal outputa:

✓ "Modern Agency" tema handia ondo erdatu daingoa
Lekuak: /wp-content/themes/modern-agency/
Kolorrak: Primary #0066CC, Secondary #FFFFFF
Tipografia: Inter (sans-serif)
Estatus: Aktibatuera eskatuta dagoen

Tema Aktibatu (Activate Theme)​

Ez dago activate-theme funtua, den irudia da sizketa (scaffold) egin duen edo jakin duen blokiak tema bat erabiltzeko.

Ondoan Indartzea​

Tema bat sizketa egin ondoren, hemen indartu ditzakezu:

"Modern Agency tema indartu"

Muga, jakin duen tema bat indartu:

"Twentytwentyfour temari iritu"

Esperatutako Outputa​

Indartzea ondoan egin ondoren:

  • Indartutako temaaren bidezko konformazioa
  • Lehen temaaren nabarmena (referentziaren bitartean)
  • Tema hori dagoen URL-a
  • Tema-spediko nota edo aukera batzuk

Outputaren oinarri:

✓ Tema ondoan indartu da
Indartutako tema: Modern Agency
Lehen tema: Twentytwentyfour
Dagoen URL-a: https://yoursite.com
Nota: Layout-a jartzeko homepage-a ikustu

Fluxua: Sizketa eta Indartzea​

Fluxua tipikoa funtua gehiago bat amaitzen du:

  1. Tema generazio eskatzea: "Meni SaaS landing page-ko bloki tema bat ezartu"
  2. Agent-ek temaa sizketa egiten du: Faiak eta design tokens (disainaren elementuak) ematen du
  3. Ebaluatu eta refinea: Bezaharrak behar bada, disainaren hasierakzuk hitz egiten dute
  4. Indartzea: "Tema indartu hemen"
  5. Bestea: Tema berria dagoela konformatu dituzte sitean

Design Tokens eta Customization (Disainaren Elementuak eta Ajustamenduak)​

Sizketa egin den temak WordPress design tokens bat erabiltzen dute (theme.json bidez):

  • Coloreak: Primary, secondary, accent, neutral palette
  • Tipografia: Font families, sizes, weights, line heights (lurtsoak eta itxarpenak)
  • Espazioa: Padding, margin, gap scales (irrendekoak, harremanak, irrendeko erraztasunak)
  • Bordesak: Radius eta width tokens (rande eta lebanak)
  • Sotak (Shadows): Elevation levels (hautzenaren mailak)

Design tokens hauek theme.json arrakunde daitezke, zehatz design system guztia bat file-etik aukeratu ez duena.

Limitazioak eta Nota​

  • Estilak (Themes) dira /wp-content/themes/ da dago eta WordPress-en emateko nabarmunak jarraitu behar dute.
  • Aktibazioa irakurri-emateko (permissions) eskatzen duzu zure WordPress sailbidean.
  • Themes-ek PHP kodea edozein oso txikiagoa jakinarazten du; kompleksa batzuk dira plugin-ek erabiltzea.
  • Block themes-ek bestik WordPress 5.9 eta horrek ondoren funtzionatzen dute.

Problema ezberdinetan (Troubleshooting)​

Estilak ez geratu ondoren ez erakusten da

  • Estilak direktorioa dagoela eta irakurri-emateko eskatzen duela jakinarazki egiaztatu.
  • theme.json da JSON-ekin bat jakinarazki dagoela ikustee.
  • Estila nazioaren (theme name) dagoen estilakarekin ondo ez dutelako.

Aktibazioa ez duzu

  • Administrador eskatzen duzueko irakurri-emateko eskatzen duela konfirmatu.
  • Estilak direktorioa WordPress-ek lehen erakusten duen jakinarazki dagoela ikustee.
  • Detalioak gerratu eta WordPress-en error logs-ek ikustee.

Design tokens ez aplikatzen dira

  • theme.json syntax-ek ondo dagoela ikustee.
  • Caching plugin-ek jakinarazki baduzu erregitu (clear) duzu.
  • Zure WordPress versionak erabiltzen dituzten tokens-ek suportatzen duen jakinarazki ikustee.

Irudiak (Next Steps)​

Estilak aktibatu ondoren, hauek egin dezakezu:

  • Design System Aesthetics skill-a erabiliz tipografia, koloreak eta espazioak (spacing) estelatu.
  • WordPress block editor-ek bidez blok-ek zehatz estelatu.
  • Estilakaren style.css file-an CSS osoa hobetzeko.
  • Erregistroen (page types) zehatz blok template-ek sortzeko.