--- url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/edicion/seleccionar-elementos' title: 'Accede a la parte de la página que quieres editar | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T00:10:48+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Cada parte de tu página tiene su propia barra de controles: el elemento, su columna, su fila y su sección. Llegas a cada una pasando el cursor, o elige cualquier nivel desde el panel Layers. El vídeo construye una fila de dos columnas con un texto y un botón, y luego visita cada nivel.' tags: - 'Edit a page' 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: 'Accede a la parte de la página que quieres editar' description: 'Cada parte de tu página tiene su propia barra de controles: el elemento, su columna, su fila y su sección. Llegas a cada una pasando el cursor, o elige cualquier nivel desde el panel Layers. El vídeo construye una fila de dos columnas con un texto y un botón, y luego visita cada nivel.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T00:10:48+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/edicion/seleccionar-elementos' articleSection: 'Editar una página' - '@type': WebPage '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/edicion/seleccionar-elementos' description: 'Cada parte de tu página tiene su propia barra de controles: el elemento, su columna, su fila y su sección. Llegas a cada una pasando el cursor, o elige cualquier nivel desde el panel Layers. El vídeo construye una fila de dos columnas con un texto y un botón, y luego visita cada nivel.' 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) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Editar una página](/es/hc/documentation/learn-dxpr-builder/editing) # Accede a la parte de la página que quieres editar. Aprende DXPR BuilderCrear páginasEditar una página ## En esta guía Guías relacionadas - [Edición de texto en línea](/es/hc/documentacion/aprender-dxpr-builder/edicion/edicion-texto-linea) - [Usa el menú More del elemento](/es/hc/documentacion/aprender-dxpr-builder/edicion/menus-contextuales) - [Atajos de teclado](/es/hc/documentacion/aprender-dxpr-builder/referencia/atajos-teclado) Cada parte de tu página tiene su propia barra de controles: el elemento, su columna, su fila y su sección. Llegas a cada una pasando el cursor, o elige cualquier nivel desde el panel Layers. El vídeo construye una fila de dos columnas con un texto y un botón, y luego visita cada nivel. ## Construye una fila de dos columnas 1. Haz clic en **+** en la zona de contenido y elige **Section** desde la pestaña **Layout**. 2. Haz clic en **+** en la sección y elige **Row**. Llega con dos columnas iguales. 3. Haz clic en **+** en la columna izquierda y elige **Text** desde la pestaña **Content**. 4. Escribe un encabezado y una línea de texto, y haz clic en **Save**. 5. Haz clic en **+** en la columna derecha y elige **Button**. 6. Escribe el **Title**, define el **Link** y haz clic en **Save**. ## Llega a cada nivel pasando el cursor 1. Pasa el cursor sobre el botón. Su barra de controles nombra el elemento y contiene su botón **More**. 2. Mueve el puntero al borde de la columna. La barra ahora dice **Column**. 3. Pasa el cursor sobre la fila. Su barra dice **Row**, con el icono de diseño de columnas. 4. Pasa el cursor sobre la sección. La barra exterior dice **Section**. La barra que ves pertenece a la parte interior bajo el puntero. Haz clic en una barra de controles para seleccionar su parte: la parte recibe un contorno. Atajos de teclado como **Ctrl+C** actúan sobre la parte seleccionada, o sobre la parte bajo el puntero cuando no hay nada seleccionado. Haz clic en un punto vacío fuera de tu contenido para quitar la selección. ## Elige un nivel desde el panel Layers 1. Abre **More** en la barra de herramientas de DXPR y elige **Layers panel**. 2. Haz clic en una capa del árbol. La página se desplaza hasta esa parte y la resalta. 3. Haz clic en los tres puntos de la capa para abrir el mismo menú que su barra de controles. 4. Cierra el panel y haz clic en **Save**. **Ctrl+Shift+J** (**Cmd+Shift+J** en un Mac) abre y cierra el panel. ## Lo que ves La página se construye con niveles anidados, siempre en este orden: **Section**, **Row**, **Column** y luego el elemento. La barra de cada nivel lleva su propio botón **More** con las acciones de ese nivel. El panel Layers muestra los mismos niveles como un árbol, así que una parte difícil de alcanzar con el cursor está a un clic. ## Barras de controles en cada elemento o en una fila | Opción | Qué ves | |---|---| | **On each element** | Cada elemento muestra su propia barra. Los elementos anidados ganan espacio extra mientras editas. | | **One row** | Una fila de barras sobre el elemento que señalas: **Section**, **Row**, **Column**, **Button**. La página conserva su diseño publicado mientras editas. | En **One row**, pasar a una barra ilumina su parte de la página. En una pantalla estrecha las barras exteriores salen de la fila; pasa el cursor por el borde de un contenedor para llegar a ese nivel. 1. Abre **More** en la barra de herramientas de DXPR y elige **Editor settings**, o pulsa **Ctrl+;** (**Cmd+;** en un Mac). 2. En **Control bars**, elige **On each element** o **One row**. 3. Haz clic en **Save**. La página cambia al momento. **Ctrl+Shift+B** (**Cmd+Shift+B** en un Mac) cambia entre las dos sin el diálogo. Tu elección se guarda con tu cuenta de usuario, así que te sigue a otros navegadores. También puedes cambiarla en la página de edición de tu cuenta, en **DXPR Builder**. La opción marcada **Default** es la elección de tu sitio. Elígela para seguir al sitio, incluso cuando una cuenta administradora cambie el valor predeterminado más tarde. ## Si no ves las barras de controles - **No aparece ninguna barra de controles.** La página está en vista previa. Abre el menú de vista, el **icono del ojo** en la barra de herramientas de DXPR, y elige **Edit**. - **La barra pertenece a la parte equivocada.** El puntero está sobre un elemento hijo. Muévete al relleno del borde del contenedor, o elige la parte en el **Layers panel**. - **Al hacer clic en un texto se abre el editor de texto.** Eso es edición en línea, no selección. Haz clic fuera del texto y luego haz clic en la barra de controles del texto. ## ¿Qué sigue? - [Edición de texto en línea](/es/hc/documentacion/aprender-dxpr-builder/edicion/edicion-texto-linea): cambia palabras directo en la página. - [Menús contextuales](/es/hc/documentacion/aprender-dxpr-builder/edicion/menus-contextuales): cada acción del menú **More**. - [Atajos de teclado](/es/hc/documentacion/aprender-dxpr-builder/referencia/atajos-teclado): actúa sobre la parte seleccionada sin el ratón.