Às vezes, ao trabalhar no editor do GemPages, você pode ocultar elementos dentro de uma seção para ajustes de design responsivo ou layout. Depois de ocultá-los, pode ficar difícil selecionar esses elementos diretamente na tela.
Para visualizar e selecionar elementos ocultos com mais facilidade, você pode usar o Árvore de Camadas O recurso Árvore de Camadas permite visualizar todos os elementos dentro de uma seção — incluindo os ocultos — e selecioná-los diretamente de uma lista estruturada.
Quando você deve usar a árvore de camadas?
A utilização da Árvore de Camadas é especialmente útil quando:
- Não é possível clicar diretamente em um elemento na tela.
- Um elemento fica oculto em determinados dispositivos.
- Vários elementos se sobrepõem.
- Você deseja localizar rapidamente elementos dentro de um layout complexo.
- Você precisa revisar todos os elementos dentro de uma seção.
Em vez de clicar em vários pontos da tela, você pode usar a Árvore de Camadas para encontrar rapidamente o elemento exato que precisa.
Como selecionar elementos ocultos usando a árvore de camadas
Siga estes passos para abrir a Árvore de Camadas e selecionar elementos ocultos.
Passo 1: Clique com o botão direito do mouse na seção que deseja inspecionar.
Mova o cursor para a seção que contém o elemento oculto.
Então:
- Clique com o botão direito do mouse na seção
- Um menu de contexto será exibido.
Certifique-se de clicar na seção correta que contém os elementos ocultos que você deseja encontrar.
Passo 2: Clique em Abrir Árvore de Camadas
No menu de contexto (clique com o botão direito do mouse), clique em Árvore de Camadas Abertas
Após clicar nesta opção, o Painel de árvore de camadas aparecerá.
Este painel exibe uma lista estruturada de todos os elementos dentro da seção selecionada.
Passo 3: Visualize todos os elementos dentro da seção
Assim que a Árvore de Camadas for aberta:
- Você verá todos os elementos contidos dentro da seção.
- Os elementos ocultos ainda aparecerão na lista.
- Você pode expandir os elementos aninhados para ver sua estrutura.
Isso torna muito mais fácil localizar elementos que não estão visíveis na tela.
Passo 4: Passe o cursor sobre os elementos para identificá-los visualmente.
Para identificar rapidamente qual elemento é qual:
- Passe o cursor sobre cada elemento na Árvore de Camadas.
- O elemento correspondente será destacado no espaço de trabalho de design
Este destaque visual ajuda você a confirmar a localização exata do elemento antes de selecioná-lo.
Passo 5: Clique no elemento para selecioná-lo.
Assim que você encontrar o elemento oculto:
- Clique no nome dentro da Árvore de Camadas.
- O elemento será selecionado
- Suas configurações aparecerão no painel Configurações do Elemento.
Agora você pode editar, exibir, mover ou excluir o elemento conforme necessário.
Obrigado por seus comentários