Accede a la parte de la página que quieres editar.

Learn DXPR BuilderBuild pagesEen pagina bewerken

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?