Theme Studio: generatore AI di temi e template WordPress

Theme Studio è la feature premium di Hostwebo AI: da un brief in italiano (oppure dallo screenshot di un sito che ti piace) l’AI di Hostwebo genera un tema WordPress completo, multi-pagina e pronto all’uso. Lo vedi subito in anteprima dal vivo, lo perfezioni con istruzioni in linguaggio naturale (illimitate) e poi lo scarichi in .zip o lo installi con un click su un tuo sito collegato.

Disponibile da AI Smart S in su. Theme Studio è incluso in tutti i pacchetti AI a pagamento — da AI Smart S fino ad AI Enterprise SXXL — ognuno con un budget di crediti Theme Studio mensile dedicato (separato dai crediti dell’assistente). È bloccato solo sui piani gratuiti (con card di upgrade). Puoi inoltre acquistare crediti extra in qualsiasi momento dalla dashboard: non scadono e si usano dopo i crediti mensili inclusi.

Cosa genera Theme Studio

Theme Studio produce un tema WordPress classico completo e nativo: style.css, functions.php, header.php, footer.php, front-page.php, una page-{slug}.php per ogni pagina, index.php e la cartella assets/ con le immagini generate. Se chiedi un negozio, il tema include anche il supporto WooCommerce (storefront, catalogo, carrello). Nessuna dipendenza da page builder esterni — il tema è leggero, veloce e indipendente.

Consumo crediti: la generazione di un tema completo costa tipicamente 30–90 crediti, in base al numero di pagine e alla complessità del brief.

Opzione avanzata: Block Editor (Gutenberg)

Sotto “Opzioni avanzate” trovi una checkbox per compatibilità Gutenberg:

Deselezionata (default): il tema usa template PHP custom puri. Più performanti, zero dipendenze, perfetta compatibilità WordPress 6.5+, no JavaScript pesante. La scelta giusta per la maggior parte dei siti.
Selezionata: aggiunge block patterns Gutenberg registrati (Hero, CTA, Card grid, Testimonials) utili se modificherai le pagine con il block editor nativo di WordPress.

La pipeline a 5 step

Step 1 — Design Brief (~30s)

L’AI legge il tuo brief e produce: palette colori brand con contrasto WCAG AA, font Google Fonts accoppiati (heading + body), struttura pagine suggerita, tono di voce, type hint schema.org (Organization / LocalBusiness / Person).

Pausa per approvazione. Dopo lo Step 1 la pipeline si ferma e ti mostra il brief generato. Decidi se approvarlo o cancellare e ripartire. Solo se approvi, scattano i passi pesanti.

Step 2 — Wireframing (~40s per pagina)

Per ogni pagina pianificata, l’AI produce un wireframe dettagliato: sezioni, layout responsive (mobile-first), contenuti testuali reali (non placeholder), prompt immagini, animazioni, ARIA landmarks accessibilità.

Step 3 — Coding (~1 minuto per pagina)

Conversione del wireframe in:

Template HTML/PHP custom del tema WordPress
Block patterns Gutenberg (se la checkbox è attiva)

Sicurezza: tutti gli output passano per esc_html(), esc_attr(), esc_url(). Zero eval(), zero short PHP tags, zero inline JS unsafe.

Step 4 — Theme Packaging (~1-2 minuti)

Produzione file completi del tema WordPress 6.5+ compatible:

style.css con header WordPress standard + tag completi
palette colori, tipografia e spaziature applicate via CSS del tema (tema classico, senza dipendenze esterne)
functions.php con tutti i theme supports, enqueue Google Fonts, i18n
inc/customizer.php — pannello Customizer brand-options
inc/theme-options.php — pagina admin Aspetto → Opzioni Tema (logo, colori, custom CSS, social, GA ID)
inc/seo-meta.php — auto SEO con JSON-LD schema
inc/accessibility.php — skip-link, ARIA, focus management WCAG 2.1 AA
Template PHP: header, footer, page, single, archive, search, 404, comments
assets/css/global.css + assets/js/main.js
languages/ .pot file per i18n
readme.txt standard

Step 5 — Build ZIP (~15s)

Bundling finale in archivio .zip installabile. Niente AI, solo packaging locale.

Come funzionano i crediti Theme Studio

Ogni pacchetto AI include un budget di crediti Theme Studio mensile dedicato, separato dai crediti dell’assistente. 1 credito = €0,01 di costo reale: la generazione addebita crediti proporzionali al lavoro effettivo (token reali), pagina per pagina, e vedi il consumo in tempo reale nella dashboard.

Pacchetto AI	Budget Theme Studio / mese
AI Smart S	30 crediti
AI Smart S+	60 crediti
AI Smart M	150 crediti
AI Power L	300 crediti
AI Power XL	600 crediti
AI Premium XXL	1.250 crediti
AI Enterprise SXXL	3.000 crediti

Rinnovo e cumulo. I crediti mensili inclusi (assistente e Theme Studio) si rinnovano il 1° del mese e non sono cumulabili (quelli non usati non passano al mese successivo). Ci sono anche limiti giornalieri anti-abuso che si azzerano ogni giorno. I limiti dipendono dal pacchetto AI, a prescindere dal ciclo di fatturazione del piano hosting.

Crediti extra (acquistabili in qualsiasi momento). Dalla sezione Theme Studio della dashboard puoi comprare pacchetti di crediti extra con pagamento sicuro con carta. I crediti extra non scadono mai e si usano solo dopo aver esaurito i crediti mensili inclusi, così l’allowance mensile non va sprecata.

Thinking UI durante la generazione

Quando lanci la generazione vedi:

📋 Step indicator live: 5 step della pipeline con stato (✓ done / 🔄 in corso / ⏳ in coda)
⏱ Tempo stimato: ETA dinamico in base allo step + numero template
💰 Crediti consumati: counter che si aggiorna ad ogni step completato
🔵 “Naviga liberamente”: puoi chiudere il browser, andare in altre schede, tornare quando vuoi. La generazione continua sui nostri server.

Qualità del codice generato

I prompt sono calibrati per produrre temi di livello senior dev. Ogni tema include:

WCAG 2.1 AA: skip-link, ARIA landmarks, focus visibile, contrasto colori 4.5:1, prefers-reduced-motion respect
SEO native: heading hierarchy, meta description fallback, OpenGraph, JSON-LD schema (Organization + WebSite + Article)
Mobile-first responsive: base 320px, breakpoints 640/768/1024/1280, touch targets ≥44px, clamp() per typography
Performance: lazy loading, defer JS, preload Google Fonts, fetchpriority LCP image
Sicurezza: escape/sanitize ovunque, nonce su form, capability check su admin actions, prepared statements
i18n: tutti i testi in __()/_e() con text domain
Compatibility: WordPress 6.5+, PHP 8.1+, plugin-agnostic, WooCommerce-ready
Backend menu: Customizer brand-options + Aspetto → Opzioni Tema (logo, colori, custom CSS, social URLs, footer copyright, GA ID, schema.org type)

Hostwebo signature (non-invasiva)

Ogni tema include la firma in 3 punti, mai nel frontend del sito cliente:

Header CSS standard (Author: Hostwebo AI Theme Studio) — visibile solo in style.css
Commento in functions.php per i developer
Credit minuscolo a 11px in fondo alla pagina admin Aspetto → Opzioni Tema (lo vede solo chi entra in admin)

Zero banner promo nel frontend, zero iframe, zero tracking, zero link nel public.

Esempio brief efficace

Tipo di sito: pizzeria napoletana tradizionale
Brand: Pizzeria Da Mario
Lingua: italiano
Preferenze: stile warm e accogliente, palette terracotta + crema,
font eleganti ma leggibili, foto del forno a legna come hero,
sezione menù con foto reali, mappa Google + form prenotazione.
Gutenberg: no (template PHP custom puri)

Modifiche post-generazione

Tutto quello che generi è tuo, senza lock-in:

Il tema generato è GPL — modificabile via FTP, file manager, dashboard, IDE
I template di pagina sono PHP/HTML standard — modificabili con qualsiasi editor
Puoi esportare lo .zip e installarlo su altri hosting
Disinstallare Theme Studio non rimuove nulla dal tuo sito

Pacchetto downgrade & freeze

Se fai downgrade a un piano gratuito (senza Theme Studio) mentre hai progetti in corso:

Progetti completati con .zip pronto → restano sempre scaricabili
Progetti in corso → vengono congelati (status “Sospeso”) per 30 giorni
Email warning a 23 giorni dal freeze
Auto-delete a 30 giorni
Se rifai upgrade entro 30 giorni → bottone “Riprendi” ripristina il progetto dal punto esatto