---
url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/personalizacion/plantillas-personalizadas'
title: 'Sustituye las plantillas de DXPR Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T11:17:12+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  DXPR Builder renderiza sus elementos en el navegador, desde plantillas compiladas en el editor. No hay ninguna plantilla de elemento que puedas copiar en un tema. El módulo sí trae cuatro plantillas Twig para sus propias páginas, y las sustituyes de la forma normal de Drupal. Esta página las enumera, explica por qué el marcado de elementos no puede sustituirse y apunta a las rutas que el módulo admite.
  Plantillas Twig que puedes sustituir
  Las plantillas viven en la carpeta templates/ del módulo:
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: 'Sustituye las plantillas de DXPR Builder'
      description: |-
        DXPR Builder renderiza sus elementos en el navegador, desde plantillas compiladas en el editor. No hay ninguna plantilla de elemento que puedas copiar en un tema. El módulo sí trae cuatro plantillas Twig para sus propias páginas, y las sustituyes de la forma normal de Drupal. Esta página las enumera, explica por qué el marcado de elementos no puede sustituirse y apunta a las rutas que el módulo admite.
        Plantillas Twig que puedes sustituir
        Las plantillas viven en la carpeta templates/ del módulo:
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T11:17:12+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/es/hc/documentacion/aprender-dxpr-builder/personalizacion/plantillas-personalizadas'
      articleSection: 'Adapta tu marca'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/personalizacion/plantillas-personalizadas'
      description: |-
        DXPR Builder renderiza sus elementos en el navegador, desde plantillas compiladas en el editor. No hay ninguna plantilla de elemento que puedas copiar en un tema. El módulo sí trae cuatro plantillas Twig para sus propias páginas, y las sustituyes de la forma normal de Drupal. Esta página las enumera, explica por qué el marcado de elementos no puede sustituirse y apunta a las rutas que el módulo admite.
        Plantillas Twig que puedes sustituir
        Las plantillas viven en la carpeta templates/ del módulo:
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://dxpr.com/es'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: es
---
[Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Gestionar el sitio](/es/hc/documentation/learn-dxpr-builder/manage) /[Adapta tu marca](/es/hc/documentation/learn-dxpr-builder/customization) # Sustituye las plantillas de DXPR Builder.

 Aprende DXPR BuilderGestionar el sitioAdapta tu marca

   ## En esta guía

 Guías relacionadas

- [Empieza una página desde una plantilla](/es/hc/documentacion/aprender-dxpr-builder/plantillas-reutilizables/plantillas-pagina)
- [Aplicación de temas a DXPR Builder](/es/hc/documentacion/aprender-dxpr-builder/desarrollo/aplicacion-temas)

DXPR Builder renderiza sus elementos en el navegador, desde plantillas compiladas en el editor. No hay ninguna plantilla de elemento que puedas copiar en un tema. El módulo sí trae cuatro plantillas Twig para sus propias páginas, y las sustituyes de la forma normal de Drupal. Esta página las enumera, explica por qué el marcado de elementos no puede sustituirse y apunta a las rutas que el módulo admite.

## Plantillas Twig que puedes sustituir

Las plantillas viven en la carpeta `templates/` del módulo:

| Plantilla | Usada para | Variables |
|---|---|---|
| `dxpr-license-info.html.twig` | El resumen de uso en las páginas **User Licenses** y **Content items**, y **License info** como bloque | `used_count`, `total_count`, `limit`, `block_label`, `total_label`, `used_label`, `more_info_link` |
| `page--dxpr-builder--media-library.html.twig` | El envoltorio de página del diálogo Media Library en `/dxpr_builder/media-library` | las variables `page` estándar |
| `html--dxpr-builder--media-library.html.twig` | El envoltorio `<html>` del mismo diálogo | las variables `html` estándar |
| `page--people-list.html.twig` | Un punto de partida para la página **People** (`/admin/people`) con un resumen de licencias | las variables `page` estándar más `user_license` |

Las tres primeras funcionan tal como están. Drupal no carga `page--people-list.html.twig` desde el módulo. DXPR Builder solo añade la sugerencia `page__people_list` y la variable `user_license` en la página People. Para mostrar el resumen ahí, copia el archivo en tu tema de administración.

Para sustituir una plantilla:

1. Copia el archivo de `modules/contrib/dxpr_builder/templates/` en la carpeta `templates/` del tema que la renderiza. Las páginas de administración y el diálogo Media Library usan el tema de administración. El bloque **License info** usa el tema de la región donde lo pusiste.
2. Edita la copia.
3. Limpia cachés con `drush cr`.

## Por qué el marcado de elementos no puede sustituirse

El marcado de cada elemento es una plantilla twig.js en `dxpr_builder/templates/`, por ejemplo `elements/alert/alert.twig.html`. La compilación compila estas plantillas en `dxpr_builder/dxpr_templates.js`. El editor las renderiza en el navegador y guarda el HTML resultante en el campo. Siguen dos cosas:

- Una plantilla cambiada necesita una reconstrucción del editor. Los sitios que cargan el editor desde la CDN de DXPR no pueden usar una plantilla cambiada.
- Las páginas guardadas conservan el HTML con que se guardaron. Una plantilla nueva solo afecta a elementos renderizados tras el cambio.

Así que el módulo no ofrece sustitución por sitio de plantillas de elementos. Usa una de las rutas siguientes.

## Rutas de personalización admitidas

| Objetivo | Ruta |
|---|---|
| Diseños reutilizables para quienes editan | [Page templates](/es/hc/documentacion/aprender-dxpr-builder/plantillas-reutilizables/plantillas-pagina) y [User templates](/es/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates), ambos escogidos en el constructor |
| Cambiar el aspecto de elementos | [CSS personalizado](/es/hc/documentacion/aprender-dxpr-builder/personalizacion/css-personalizado) en el tema, apuntado a tus propias clases o las clases `az-*` correspondientes |
| Dar estilos con nombre a quienes editan | [Clases de utilidades](/es/hc/documentacion/aprender-dxpr-builder/personalizacion/clases-utilidades) desde el `.info.yml` del tema, y [estilos personalizados](/es/hc/documentacion/aprender-dxpr-builder/personalizacion/editor-texto#set-up) para el editor de texto |
| Conjuntos de iconos extra | [Bibliotecas de iconos](/es/hc/documentacion/aprender-dxpr-builder/personalizacion/bibliotecas-iconos) |
| Nuevos tipos de elementos | [Creación de elementos personalizados](/es/hc/documentacion/aprender-dxpr-builder/desarrollo/elementos-personalizados) |

## ¿Qué sigue?

- [Page templates](/es/hc/documentacion/aprender-dxpr-builder/plantillas-reutilizables/plantillas-pagina): el sistema de plantillas que usan quienes editan.
- [Aplicación de temas a DXPR Builder](/es/hc/documentacion/aprender-dxpr-builder/desarrollo/aplicacion-temas): cómo encajan el CSS del constructor y tu tema.