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 móvel, a página é exibida de uma forma 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 no recurso de categorias, inteligente e por toque de acordo com os recursos dos dispositivos para renderizar uma página. Quando o usuário final acessa uma página móvel, o AEM detecta o dispositivo e envia a representação que corresponde ao seu grupo de dispositivos.

OBSERVAÇÃO

Para criar um site móvel com base em um site padrão existente, crie uma live copy do site padrão. Consulte Criar Live Copies.

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.

    Ícone de Emulador

  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:

Exemplo de dispositivo móvel

OBSERVAÇÃO

Os emuladores são desativados quando uma página na instância de autor é solicitada em um dispositivo móvel.

Nesta página