--- url: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/personalizzazione/modelli-personalizzati' title: 'Override dei modelli di DXPR Builder | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T03:03:47+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- DXPR Builder renderizza i suoi elementi nel browser, da modelli compilati nell’editor. Non esiste un modello di elemento che puoi copiare in un tema. Il modulo fornisce quattro modelli Twig per le sue pagine, e quelli li sottoponi a override nel normale modo Drupal. Questa pagina li elenca, spiega perché il markup degli elementi non può subire override e indica le route supportate dal modulo. Modelli Twig di cui puoi fare l’override I modelli vivono nella cartella templates/ del modulo: tags: - 'Match your brand' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Override dei modelli di DXPR Builder' description: |- DXPR Builder renderizza i suoi elementi nel browser, da modelli compilati nell’editor. Non esiste un modello di elemento che puoi copiare in un tema. Il modulo fornisce quattro modelli Twig per le sue pagine, e quelli li sottoponi a override nel normale modo Drupal. Questa pagina li elenca, spiega perché il markup degli elementi non può subire override e indica le route supportate dal modulo. Modelli Twig di cui puoi fare l’override I modelli vivono nella cartella templates/ del modulo: image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T03:03:47+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/personalizzazione/modelli-personalizzati' articleSection: 'Adatta al tuo brand' - '@type': WebPage '@id': 'https://dxpr.com/it/hc/documentazione/impara-dxpr-builder/personalizzazione/modelli-personalizzati' description: |- DXPR Builder renderizza i suoi elementi nel browser, da modelli compilati nell’editor. Non esiste un modello di elemento che puoi copiare in un tema. Il modulo fornisce quattro modelli Twig per le sue pagine, e quelli li sottoponi a override nel normale modo Drupal. Questa pagina li elenca, spiega perché il markup degli elementi non può subire override e indica le route supportate dal modulo. Modelli Twig di cui puoi fare l’override I modelli vivono nella cartella templates/ del modulo: breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/it' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: it --- [Centro assistenza](/it/hc)/[Documentazione](/it/hc/documentazione) /[Impara DXPR Builder](/it/hc/documentation/learn-dxpr-builder) /[Gestisci il sito](/it/hc/documentation/learn-dxpr-builder/manage) /[Adatta al tuo brand](/it/hc/documentation/learn-dxpr-builder/customization) # Override dei modelli di DXPR Builder. Impara DXPR BuilderGestisci il sitoAdatta al tuo brand ## In questa guida Guide correlate - [Inizia una pagina da un modello](/it/hc/documentazione/impara-dxpr-builder/modelli-riutilizzabili/modelli-di-pagina) - [Tematizzazione di DXPR Builder](/it/hc/documentazione/impara-dxpr-builder/sviluppo/tematizzazione) DXPR Builder renderizza i suoi elementi nel browser, da modelli compilati nell’editor. Non esiste un modello di elemento che puoi copiare in un tema. Il modulo fornisce quattro modelli Twig per le sue pagine, e quelli li sottoponi a override nel normale modo Drupal. Questa pagina li elenca, spiega perché il markup degli elementi non può subire override e indica le route supportate dal modulo. ## Modelli Twig di cui puoi fare l’override I modelli vivono nella cartella `templates/` del modulo: | Modello | Uso | Variabili | |---|---|---| | `dxpr-license-info.html.twig` | Il riepilogo di utilizzo nelle pagine **User Licenses** e **Content items**, più il **License info** block | `used_count`, `total_count`, `limit`, `block_label`, `total_label`, `used_label`, `more_info_link` | | `page--dxpr-builder--media-library.html.twig` | Il wrapper di pagina della finestra Media Library in `/dxpr_builder/media-library` | le variabili `page` standard | | `html--dxpr-builder--media-library.html.twig` | Il wrapper `` della stessa finestra | le variabili `html` standard | | `page--people-list.html.twig` | Un punto di partenza per la pagina **People** (`/admin/people`) con un riepilogo delle licenze | le variabili `page` standard più `user_license` | I primi tre funzionano così come sono. Drupal non carica `page--people-list.html.twig` dal modulo. DXPR Builder aggiunge solo il suggerimento `page__people_list` e la variabile `user_license` nella pagina People. Per mostrare lì il riepilogo, copia il file nel tuo tema admin. Per fare l’override di un modello: 1. Copia il file da `modules/contrib/dxpr_builder/templates/` nella cartella `templates/` del tema che lo renderizza. Le pagine admin e la finestra Media Library usano il tema admin. Il blocco **License info** usa il tema della regione in cui l’hai messo. 2. Modifica la copia. 3. Svuota le cache con `drush cr`. ## Perché il markup degli elementi non può subire override Il markup di ogni elemento è un modello twig.js in `dxpr_builder/templates/`, ad esempio `elements/alert/alert.twig.html`. La build compila questi modelli in `dxpr_builder/dxpr_templates.js`. L’editor li renderizza nel browser e salva l’HTML risultante nel campo. Ne conseguono due cose: - Un modello modificato richiede una rebuild dell’editor. I siti che caricano l’editor dalla CDN di DXPR non possono usare affatto un modello modificato. - Le pagine salvate mantengono l’HTML con cui sono state salvate. Un nuovo modello influisce solo sugli elementi renderizzati dopo la modifica. Quindi il modulo non offre override dei modelli di elemento per sito. Usa una delle route sotto. ## Route di personalizzazione supportate | Obiettivo | Route | |---|---| | Layout riutilizzabili per gli editor | [Modelli di pagina](/it/hc/documentazione/impara-dxpr-builder/modelli-riutilizzabili/modelli-di-pagina) e [Modelli utente](/it/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates), entrambi scelti nel builder | | Cambia l’aspetto degli elementi | [CSS personalizzato](/it/hc/documentazione/impara-dxpr-builder/personalizzazione/css-personalizzato) nel tema, mirato alle tue classi o alle classi `az-*`. | | Dai agli editor stili con nome | [Classi di utilità](/it/hc/documentazione/impara-dxpr-builder/personalizzazione/classi-di-utilita) dal `.info.yml` del tema e [stili personalizzati](/it/hc/documentazione/impara-dxpr-builder/personalizzazione/editor-di-testo#set-up) per l’editor di testo | | Set di icone extra | [Librerie di icone](/it/hc/documentazione/impara-dxpr-builder/personalizzazione/librerie-di-icone) | | Nuovi tipi di elemento | [Creare elementi personalizzati](/it/hc/documentazione/impara-dxpr-builder/sviluppo/elementi-personalizzati) | ## Prossimi passi - [Modelli di pagina](/it/hc/documentazione/impara-dxpr-builder/modelli-riutilizzabili/modelli-di-pagina): il sistema di modelli usato dagli editor. - [Tematizzazione di DXPR Builder](/hc/documentation/learn-dxpr-builder/development/theming): come il CSS del builder e il tuo tema stanno insieme.