Show Menu
TÓPICOS×

Criação de uma página para dispositivos móveis

As páginas do Adobe Experience Manager são baseadas em um layout responsivo. O layout responsivo adapta o conteúdo para ajustá-lo automaticamente ao dispositivo de destino, eliminando a necessidade de criar conteúdo para dispositivos específicos.
Ao criar uma página para dispositivos móveis, a página é exibida de uma maneira que emula o dispositivo móvel. Ao criar a página, você pode alternar entre vários emuladores para ver o que o usuário final vê ao acessar a página.
Os dispositivos são agrupados nas categorias Recurso, Inteligente e Toque, de acordo com as capacidades dos dispositivos de renderizar uma página. Quando o usuário final acessa uma página para dispositivos móveis, o AEM detecta o dispositivo e envia a representação que corresponde ao seu grupo de dispositivos.
Para criar um site móvel com base em um site padrão existente, crie uma live copy do site padrão. Consulte Criação de uma live copy para diferentes canais.
Os desenvolvedores do AEM podem criar novos grupos de dispositivos. Consulte Criação de filtros de grupos de dispositivos.
Use o procedimento a seguir para criar uma página para dispositivos móveis:
  1. Na navegação global, abra o console Sites .
  2. Edite uma página de conteúdo.
  3. Alterne para o emulador desejado, clicando no ícone de Emulador na parte superior da página.
  4. Arraste e solte os componentes do navegador de componentes ou do navegador de ativos na página.
  5. Modifique o layout responsivo da página e seus componentes com base no dispositivo selecionado.
A página será semelhante ao seguinte:
Os emuladores são desativados quando uma página na instância de autor é solicitada em um dispositivo móvel.