--- url: 'https://dxpr.com/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/selecionar-elementos' title: 'Chegue à parte da página que quer editar | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:12:36+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Cada parte da sua página tem a sua barra de controlos: o elemento, a sua coluna, a sua fila e a sua secção. Alcança cada uma pairando o cursor, ou escolha qualquer nível no painel Layers. O vídeo constrói uma fila de duas colunas com um texto e um botão, e depois visita cada nível. 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: 'Chegue à parte da página que quer editar' description: |- Cada parte da sua página tem a sua barra de controlos: o elemento, a sua coluna, a sua fila e a sua secção. Alcança cada uma pairando o cursor, ou escolha qualquer nível no painel Layers. O vídeo constrói uma fila de duas colunas com um texto e um botão, e depois visita cada nível. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:12:36+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/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/selecionar-elementos' articleSection: 'Editar uma página' - '@type': WebPage '@id': 'https://dxpr.com/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/selecionar-elementos' description: |- Cada parte da sua página tem a sua barra de controlos: o elemento, a sua coluna, a sua fila e a sua secção. Alcança cada uma pairando o cursor, ou escolha qualquer nível no painel Layers. O vídeo constrói uma fila de duas colunas com um texto e um botão, e depois visita cada nível. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Início item: 'https://dxpr.com/pt-pt' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pt-pt --- [Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentacao) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Criar páginas](/pt-pt/hc/documentation/learn-dxpr-builder/build) /[Editar uma página](/pt-pt/hc/documentation/learn-dxpr-builder/editing) # Chegue à parte da página que quer editar. Aprender DXPR BuilderCriar páginasEditar uma página ## Neste guia Guias relacionados - [Edite texto na página](/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/edicao-de-texto-em-linha) - [Utilize o menu More do elemento](/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/menus-de-contexto) - [Atalhos de teclado](/pt-pt/hc/documentacao/aprender-dxpr-builder/referencia/atalhos-de-teclado) Cada parte da sua página tem a sua barra de controlos: o elemento, a sua coluna, a sua fila e a sua secção. Alcança cada uma pairando o cursor, ou escolha qualquer nível no painel Layers. O vídeo constrói uma fila de duas colunas com um texto e um botão, e depois visita cada nível. ## Construir uma fila de duas colunas 1. Clique em **+** na área de conteúdo e escolha **Section** no separador **Layout**. 2. Clique em **+** na secção e escolha **Row**. Chega com duas colunas iguais. 3. Clique em **+** na coluna esquerda e escolha **Text** no separador **Content**. 4. Escreva um título e uma linha de texto, depois clique em **Save**. 5. Clique em **+** na coluna direita e escolha **Button**. 6. Escreva o **Title**, defina o **Link** e clique em **Save**. ## Alcançar cada nível pairando o cursor 1. Paire o cursor sobre o botão. A barra de controlos indica o nome do elemento e tem o botão **More**. 2. Leve o ponteiro para a margem da coluna. A barra diz agora **Column**. 3. Paire o cursor sobre a fila. A barra diz **Row**, com o ícone de esquema de colunas. 4. Paire o cursor sobre a secção. A barra mais exterior diz **Section**. A barra que vê pertence à parte mais interior sob o ponteiro. Clique numa barra de controlos para selecionar a sua parte: a parte fica com um contorno. Atalhos de teclado como **Ctrl+C** atuam sobre a parte selecionada, ou sobre a parte sob o ponteiro quando nada está selecionado. Clique num ponto vazio fora do conteúdo para limpar a seleção. ## Escolher um nível no painel Layers 1. Abra **More** na barra de ferramentas DXPR e escolha **Layers panel**. 2. Clique numa camada na árvore. A página desloca-se até essa parte e destaca-a. 3. Clique nos três pontos da camada para abrir o mesmo menu da sua barra de controlos. 4. Feche o painel e clique em **Save**. **Ctrl+Shift+J** (**Cmd+Shift+J** num Mac) abre e fecha o painel. ## O que vê A página é construída de níveis encaixados, sempre por esta ordem: **Section**, **Row**, **Column** e depois o elemento. A barra de cada nível tem o seu botão **More** com as ações desse nível. O painel Layers mostra os mesmos níveis em árvore, por isso uma parte difícil de alcançar com o cursor fica a um clique. ## Barras de controlos em cada elemento ou numa fila | Opção | O que vê | |---|---| | **On each element** | Cada elemento mostra a sua barra. Elementos encaixados ganham espaço extra enquanto edita. | | **One row** | Uma fila de barras por cima do elemento apontado: **Section**, **Row**, **Column**, **Button**. A página mantém o esquema publicado enquanto edita. | Em **One row**, passar para uma barra ilumina a sua parte da página. Num ecrã estreito as barras exteriores saem da fila; paire o cursor sobre a margem de um contentor para alcançar esse nível. 1. Abra **More** na barra de ferramentas DXPR e escolha **Editor settings**, ou prima **Ctrl+;** (**Cmd+;** num Mac). 2. Em **Control bars**, escolha **On each element** ou **One row**. 3. Clique em **Save**. A página muda de imediato. **Ctrl+Shift+B** (**Cmd+Shift+B** num Mac) alterna entre as duas sem o diálogo. A sua escolha é guardada com a sua conta de utilizador, por isso acompanha-o noutros navegadores. Também a pode mudar na página de edição da sua conta, em **DXPR Builder**. A opção marcada **Default** é a escolha do seu site. Escolha-a para continuar a seguir o site, mesmo quando um administrador mudar a predefinição mais tarde. ## Se não vir as barras de controlos - **Não aparece nenhuma barra de controlos.** A página está em Preview. Abra o menu de vista, o **ícone de olho** na barra de ferramentas DXPR, e escolha **Edit**. - **A barra pertence à parte errada.** O ponteiro está sobre um elemento filho. Mova-o para o preenchimento na margem do contentor, ou escolha a parte no **Layers panel**. - **Clicar num texto abre o editor de texto.** Isso é edição em linha, não seleção. Clique fora do texto e depois clique na barra de controlos do texto. ## E a seguir? - [Edite texto na página](/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/edicao-de-texto-em-linha): mude palavras diretamente na página. - [Utilize o menu More do elemento](/pt-pt/hc/documentacao/aprender-dxpr-builder/edicao/menus-de-contexto): cada ação no menu **More**. - [Keyboard shortcuts](/pt-pt/hc/documentacao/aprender-dxpr-builder/referencia/atalhos-de-teclado): atue sobre a parte selecionada sem o rato.