Theme Studio: generatore AI di temi e template WordPress

Theme Studio è la feature premium di Hostwebo AI: orchestra modelli AI in cascata (Gemini 2.5 Pro/Flash + Claude Sonnet/Opus) per produrre, da un brief testuale, un tema WordPress completo pronto all’uso.

Le modalità di generazione

All’avvio scegli cosa vuoi davvero generare. Ogni modalità ha prompt e output diversi, calibrati per casi d’uso specifici:

Modalità	Cosa generi	Quando sceglierla	Range crediti tipico
⚡ Combo intelligente (default)	Tema WordPress completo con template PHP nativi e block patterns Gutenberg opzionali.	Setup completo “chiavi in mano”. La scelta più versatile.	50–150 crediti
🎨 Solo Tema	Tema PHP nativo con template puri per ogni pagina. Niente page builder, niente dipendenze esterne.	Performance massima. Sviluppatori. Chi non vuole page builder.	30–90 crediti
📦 Con Block Patterns	Tema con block patterns Gutenberg pronti e palette/font globali configurati.	Vuoi partire da pattern riutilizzabili nell’editor a blocchi nativo.	25–70 crediti

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).

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 nativi del tema WordPress
• style.css, theme.json e functions.php
• Block patterns Gutenberg (se 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
• theme.json versione 3 (settings, color palette, gradients, typography scale, spacing scale, layout)
• 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.

Consumo crediti dinamico in tempo reale

Il costo NON è fisso: ogni step consuma crediti proporzionali al reale costo dei token AI usati per quella generazione + margine 50%. Vedi il consumo accumularsi step-by-step nella dashboard.

Pacchetto AI	Budget Theme Studio mensile	Capacità tipica
AI Power XL (€44.99)	200 crediti	1–2 temi/mese
AI Premium XXL (€79.99)	500 crediti	3–4 temi/mese
AI Enterprise SXXL (€179.99)	1500 crediti	8–12 temi/mese

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.
Output: tema WordPress completo
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 del piano hosting a un livello senza Theme Studio (sotto Power XL) 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

Vedi anche

• Come funziona l’AI Assistant
• Hostwebo Toolkit Pro (richiesto per applicare i template)
• Piani hosting WordPress (Power XL+ include Theme Studio)