Criação de uma página para dispositivos móveis authoring-a-page-for-mobile-devices

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 será exibida de uma forma que emula o dispositivo móvel. Ao criar a página, será possível alternar entre vários emuladores para ver o que o usuário final verá ao acessá-la.

Os dispositivos são agrupados nas recurso de categorias, inteligente e de toque, de acordo com as capacidades dos dispositivos que renderizarão a página. Quando o usuário final acessa uma página para dispositivos móveis, o AEM detectará o dispositivo e enviará a representação que corresponde ao seu grupo de dispositivos.

NOTE
Para criar um site para dispositivos móveis com base em um site padrão já 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

NOTE
Os emuladores são desativados quando uma página na instância de autor é solicitada em um dispositivo móvel.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab