Chegue à parte da página que quer editar.
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
- Clique em + na área de conteúdo e escolha Section no separador Layout.
- Clique em + na secção e escolha Row. Chega com duas colunas iguais.
- Clique em + na coluna esquerda e escolha Text no separador Content.
- Escreva um título e uma linha de texto, depois clique em Save.
- Clique em + na coluna direita e escolha Button.
- Escreva o Title, defina o Link e clique em Save.
Alcançar cada nível pairando o cursor
- Paire o cursor sobre o botão. A barra de controlos indica o nome do elemento e tem o botão More.
- Leve o ponteiro para a margem da coluna. A barra diz agora Column.
- Paire o cursor sobre a fila. A barra diz Row, com o ícone de esquema de colunas.
- 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
- Abra More na barra de ferramentas DXPR e escolha Layers panel.
- Clique numa camada na árvore. A página desloca-se até essa parte e destaca-a.
- Clique nos três pontos da camada para abrir o mesmo menu da sua barra de controlos.
- 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.
- Abra More na barra de ferramentas DXPR e escolha Editor settings, ou prima Ctrl+; (Cmd+; num Mac).
- Em Control bars, escolha On each element ou One row.
- 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: mude palavras diretamente na página.
- Utilize o menu More do elemento: cada ação no menu More.
- Keyboard shortcuts: atue sobre a parte selecionada sem o rato.