Conteúdo inicial da caixa de proteção

Nesta seção, você cria as seguintes páginas que usam o modelo de página:

  • Site do SCF Sandbox, que redirecionará para a versão em inglês da página principal.

    • SCF Sandbox - a página principal da versão em inglês do site.

    • SCF Play - Filho da página principal que será reproduzida.

Embora este tutorial não seja disponibilizado em cópias de idioma, ele foi projetado de modo que a página raiz possa implementar a detecção do idioma preferencial para o usuário por meio do cabeçalho HTML e redirecionar para a página principal apropriada para o idioma. A convenção é usar o código de país de duas letras para o nome do nó da página, por exemplo, "en" para inglês, "fr" para francês e assim por diante.

Criar primeiras páginas

Agora que há um modelo de página, podemos estabelecer a página raiz do site no diretório /content.

  1. A interface de usuário padrão atualmente fornece blueprints para a criação de sites. Como este tutorial está criando um site simples, a interface clássica é útil.

    Para alternar para a interface clássica, selecione navegação global e passe o mouse sobre o lado direito do ícone Projetos. Selecione o ícone Alternar para a interface clássica que é exibido:

    classic-ui

    A capacidade de alternar para a interface clássica deve ser ativada por um administrador.

  2. Na página de boas-vindas da interface clássica, selecione Sites.

    classic-ui-website

    Como alternativa, acesse a interface clássica de sites diretamente navegando para /siteadmin.

  3. No painel explorador, selecione Sites e, na barra de ferramentas, selecione Novo > Nova página.

    Na caixa de diálogo Criar página, digite o seguinte:

    • Título: SCF Sandbox Site
    • Nome: an-scf-sandbox
    • Selecione Um modelo de reprodução em caixa de proteção SCF
    • Clique em Criar

    classic-ui-create-page

  4. No painel do explorador, selecione a página que você acabou de criar, /Websites/SCF Sandbox Site, e clique em Nova > Nova página:

    • Título: SCF Sandbox
    • Nome: en
    • Selecione Um modelo de reprodução em caixa de proteção SCF
    • Clique em Criar
  5. No painel do explorador, selecione a página que você acabou de criar, /Websites/SCF Sandbox Site/SCF Sandbox, e clique em Nova > Nova página

    • Título: SCF Play
    • Nome: play
    • Selecione Um modelo de reprodução em caixa de proteção SCF
    • Clique em Criar
  6. É assim que o site agora aparece no console Sites. Observe que as páginas secundárias do item selecionado no painel explorador são exibidas no painel direito, onde podem ser gerenciadas.

    classic-ui-website-page

    Esta é a visualização do repositório do que foi criado usando a ferramenta Site e o modelo:

    classic-ui-repository-visualização

Adicionar o caminho de design

Quando [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) foi criado usando a seção de designs do console Ferramentas, a propriedade "

  • cq:template="/libs/wcm/core/templates/designpage?lang=pt-BR"

foi definido, o que fornece a capacidade opcional de referenciar ativos de design em um script usando currentDesign.getPath(). Por exemplo

  • % String favIcon = currentDesign.getPath() + "/favicon.ico"; %

    • Nome: cq:designPath
    • Tipo: String
    • Valor: /etc/designs/an-scf-sandbox
  • Clique em verde [+] Add

O repositório deve ser exibido da seguinte forma:

classic-ui-repository-path

  • Clique em Salvar tudo

Em caso de problemas ao salvar a configuração, faça logon novamente e configure novamente.

OBSERVAÇÃO

O uso de cq:designPath é opcional e não está relacionado ao uso de clientlibs, que são necessários, pois os componentes do SCF usam clientlibs para gerenciar seus JS e CSS.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now