Saiba como criar modelos aninhados para controlar o conteúdo em páginas que compartilham elementos de design no Dreamweaver.

Um modelo aninhado é um modelo cujo design e regiões editáveis baseiam-se em outro modelo. Os modelos aninhados são úteis para controlar o conteúdo em páginas de um site que tenham muitos elementos de design em comum, mas algumas variações entre as páginas. Por exemplo, um modelo base pode conter áreas de design mais abrangentes a serem usadas por muitos contribuidores de conteúdo de um site, ao passo que um modelo aninhado pode definir melhor as regiões editáveis das páginas de uma seção específica de um site.

As regiões editáveis de um modelo base são passadas para o modelo aninhado e permanecem editáveis nas páginas criadas a partir de um modelo aninhado, a não ser que novas regiões de modelo sejam inseridas nessas regiões.

As alterações realizadas em um modelo base são automaticamente atualizadas em modelos que utilizam o modelo base e em todos os documentos baseados em modelos que utilizam os modelos principal e aninhado.

No seguinte exemplo, o modelo trioHome contém três regiões editáveis, denominadas Body, Nav BarFooter:

Um modelo com três regiões editáveis
Um modelo com três regiões editáveis

Para criar um modelo aninhado, um novo documento com base no modelo foi criado e, em seguida, salvo como um modelo e denominado TrioNested. No modelo aninhado, duas regiões editáveis foram adicionadas à região editável denominada Body.

Modelo aninhado
Modelo aninhado

Quando você adiciona uma nova região editável a uma região editável passada para o modelo aninhado, a cor de realce da região editável muda para laranja. O conteúdo adicionado fora da região editável, como o gráfico na editableColumn, não poderá mais ser editado em documentos baseados no modelo aninhado. As áreas editáveis com realce azul, independentemente de terem sido adicionadas ao modelo aninhado ou de serem provenientes do modelo base, permanecem editáveis em documentos que se baseiam no modelo aninhado. As regiões de modelo não contêm uma região editável passada para os documentos baseados em modelo como regiões editáveis.

Criar um modelo aninhado

Os modelos aninhados permitem que você crie variações de um modelo base. Você pode aninhar diversos modelos para definir layouts cada vez mais específicos.

Por padrão, todas as regiões editáveis do modelo base passam do modelo aninhado para o documento baseado nesse modelo aninhado. Isso significa que se você criar uma região editável em um modelo base e, em seguida, criar um modelo aninhado, a região editável aparecerá em documentos baseados no modelo aninhado (se você não inseriu novas regiões de modelo nessa região do modelo aninhado).

Observação:

É possível inserir markup de modelo dentro de uma região editável para que ela não passe como uma região editável em documentos baseados no modelo aninhado. Essas regiões têm uma borda laranja em vez de azul.

  1. Para criar um documento a partir do modelo no qual você deseja basear o modelo aninhado. Siga um destes procedimentos:

    • No painel Ativos, clique em Modelos no painel esquerdo. Selecione Novo modelo no painel inferior.

    • Selecione Arquivo > Novo. Na caixa de diálogo Novo documento, selecione a categoria Página de modelo e selecione o site que contém o modelo a ser usado. Na lista Modelo, clique duas vezes no modelo para criar um novo documento.

  2. Selecione Arquivo > Salvar como. Na caixa de diálogo Salvar como, selecione Arquivos de modelo na lista suspensa Salvar como tipo.

  3. Digite um nome na caixa Salvar como e clique em OK para salvar o novo documento como um modelo aninhado.

Evitar que uma região editável passe para um modelo aninhado

Nos modelos aninhados, as regiões editáveis de passagem têm uma borda azul. É possível inserir markup de modelo dentro de uma região editável para que ela não passe como uma região editável em documentos baseados no modelo aninhado. Essas regiões têm uma borda laranja em vez de azul.

  1. Na visualização de código, localize a região editável que não deve ser passada.

    As regiões editáveis são definidas por tags de comentário de modelo.

  2. Acrescente o seguinte código ao código da região editável:
    @@(" ")@@

    Este código de modelo pode ser colocado em qualquer lugar dentro de <!-- InstanceBeginEditable --><!As tags -- InstanceEndEditable --> que rodeiam a região editável. Por exemplo:

    <!-- InstanceBeginEditable name="EditRegion1" --> 
    <p>@@("")@@ Editable 1 </p> 
    <!-- InstanceEndEditable -->

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online