Conceba, guarde e reutilize uma secção.
Construa uma secção com cuidado e use-a de novo em cada página que precisar dela. Estiliza uma chamada de open day com espaçamento, tipo de letra maior, cores de marca e cantos arredondados. Depois guarda a página, mantém a secção como modelo e insere-a de novo. Cada passo de estilo tem o seu guia quando quiser mais detalhe.
O vídeo estiliza a chamada, guarda-a como modelo e insere-a uma segunda vez.
Antes de começar
- Pode editar uma página com o DXPR Builder, e ela tem uma secção para trabalhar. Veja Crie a sua primeira página.
Configurar
- Clique em + dentro da secção, abra o separador Content do seletor de elementos e escolha Text. O diálogo de definições abre.
- Escreva o seu anúncio e defina a primeira linha como Heading 2.
- Abra o painel Style do mesmo diálogo e defina o topo e o fundo de Padding como 40 píxeis no modelo de caixa.
- Defina Font size como 20.
- Escolha uma Font color branca e um Background azul-marinho.
- Defina Border radius como 12 e clique em Save.
- Clique em Save na barra de ferramentas do DXPR Builder.
- Aponte para a chamada e clique em More na barra de controlos mais exterior, a de toda a secção, depois escolha Save as template, escreva um Template name, assinale Global template e clique em Save.
- Clique em + na barra de ferramentas do DXPR Builder, abra o separador Saved templates e clique no seu modelo.
- Clique em Save na barra de ferramentas do DXPR Builder.
O que vê
A chamada é um bloco azul-marinho com texto branco maior, espaço por cima e por baixo, e cantos arredondados. Depois do passo 9 uma segunda cópia está na página. A cópia é independente: mude o texto e a primeira chamada fica como estava. O seu modelo aguarda agora no separador Saved templates em cada página. Com Global template assinalado, outros editores também o veem.
Cada passo de estilo tem um guia próprio:
- Adicione espaço dentro e à volta dos elementos: padding e margens no modelo de caixa.
- Altere o tamanho e a cor do texto: tamanho e cor do tipo de letra.
- Colour and branding: cores que combinam com a sua marca.
- Adicione bordos, cantos arredondados e sombras: raio de bordo, estilo de bordo e sombra.
- Coloque uma cor ou fotografia atrás do conteúdo: cores, imagens e efeitos atrás de um elemento.
- Rows and columns e Responsive design: esquemas e tamanhos de ecrã.
- User templates e Saved templates tab: guardar e reutilizar secções.
Se não vir o seu modelo
- O modelo não está no separador Saved templates. A gravação não terminou, ou está noutro site. Guarde a secção de novo no menu More e procure o nome do modelo em Search.
- O menu More guardou a página inteira em vez da secção. Usou More na barra de ferramentas do DXPR Builder. Use More na barra de controlos da própria secção, a mais exterior.
- O texto não ficou maior nem branco. Mudou as definições de outro elemento. Abra as Settings do próprio elemento Text e verifique Font size e Font color no painel Style.
E a seguir?
- User templates: gira, partilhe e apague os seus modelos.
- Design guides: cor, botões, cartões e esquemas de largura total.