Salta ai contenuti

Smart Builder Site

Smart Builder Site e il renderer dei contenuti pagina. Converte JSON builder in HTML semantico Bootstrap-first e mantiene compatibilita con Customizer, API e AI Canvas.

  • Catalogo widget.
  • Rendering server-side dei contenuti.
  • Import/export JSON builder.
  • AI Canvas per sezioni HTML/CSS/JS controllate.
  • Attributi motion dichiarativi per SBM.
  • Gestione backend dei widget per singola pagina.
  • Revisioni ripristinabili per modifiche al JSON e al codice dei widget.

La schermata Pagine e widget elenca soltanto le pagine che usano un template SBS. Aprendo una pagina si lavora su un solo documento alla volta e si dispone di:

  • anteprima integrata della pagina;
  • Builder JSON e, per i template blog, Compose JSON;
  • editor individuale del codice di ogni widget;
  • campi HTML, CSS e JavaScript separati per AI Canvas;
  • comandi per spostare, duplicare, attivare, disattivare ed eliminare un widget.

Ogni comando riscrive il JSON canonico dopo la sanitizzazione e crea una revisione. Backend, Customizer e API non possiedono copie differenti: sono tre interfacce sullo stesso storage WordPress.

Elemento Prodotto responsabile
Header, footer e shell del sito AI-HTML
Widget e contenuti della pagina Smart Builder Site
Token, Bootstrap, librerie e governance visuale Smart Bootstrap Manager
Navigazione, URL, media e contenuti WordPress runtime
  • Il contenuto critico deve restare nel DOM iniziale.
  • CSS e JS condivisi vanno nei Code Slots AI-HTML quando sono trasversali.
  • Il JSON builder deve rimanere leggibile, versionabile e trasportabile.
  • L’engine deve evitare logica visuale duplicata rispetto a Smart Bootstrap Manager.

Una AI puo:

  • leggere contesto SBS e lista widget;
  • generare o modificare JSON builder;
  • applicare blueprint;
  • aggiornare documentazione widget;
  • proporre AI Canvas con HTML server-side leggibile.

Una AI non deve:

  • mettere header/footer nel JSON pagina se appartengono ad AI-HTML;
  • caricare librerie motion duplicate;
  • annidare CSS/JS condivisi dentro ogni widget;
  • salvare JSON senza validazione o revisione quando impatta pagine live.
  • duplicare nel Customizer una configurazione gia aggiornata dal backend.
  • usare un’operazione widget senza identificare pagina, modalita Builder/Compose e indice corrente.
  • controllare schema JSON;
  • verificare rendering server-side;
  • aprire la pagina pubblica;
  • controllare console browser se ci sono JS o motion;
  • aggiornare BUILDER-JSON-EXAMPLES.md se cambia il contratto.
  • smart-builder-site/DEVELOPMENT-STATUS.md
  • smart-builder-site/MOTION-SYSTEM.md
  • smart-builder-site/WIDGET-REFERENCE.md
  • smart-builder-site/BUILDER-JSON-EXAMPLES.md
  • smart-builder-site/AI-API-GUIDE.md