Guia e modelos

Materiais e modelos

Baixe a cartilha do usuário, confira as dimensões de imagem recomendadas e comece o seu site a partir de um modelo pronto.

Cartilha do usuário

O essencial para administrar o seu site

Um guia rápido com os primeiros passos no WordPress, como montar páginas no Divi, dimensões de imagem e as regras que valem para toda a rede.

  • Primeiros passos e publicação
  • Montagem de páginas com o Divi
  • Imagens, mídia e boas práticas
  • Regras de ouro da rede

Cartilha do usuário

Arquivo PDF, pronto para leitura e impressão.

Imagens

Dimensões de imagem no Divi

Use estas referências ao preparar as imagens antes de subir para a biblioteca de mídia.

Uso Dimensão Observações
Cabeçalho / slider (largura total) 1920 × 800 px JPG, com o foco no centro
Imagem de destaque do post 1200 × 675 px proporção 16:9
Imagem em seção (1 coluna) 1080 px de largura altura livre
Imagem em coluna de 1/2 700 px de largura
Imagem em coluna de 1/3 460 px de largura
Ícone / imagem de Blurb 120 × 120 px PNG com fundo transparente
Galeria 1080 × 1080 px proporção uniforme
Logo do cabeçalho altura 60 a 100 px PNG transparente ou SVG
Ícone do site (favicon) 512 × 512 px PNG

As medidas são recomendações práticas. O Divi se adapta, mas imagens no tamanho certo deixam o site mais rápido e nítido.

Modelos

Modelos para download

Comece a partir de um layout pronto e adapte ao conteúdo da sua unidade.

Modelo Instituto

Página inicial de unidade: banner, caixas de Graduação, Pós-Graduação, Pesquisa e Extensão, destaques, notícias e redes sociais.

Modelo Cursos

Página de curso: slider de destaque, cards de informações, formação e certificação, e área de notícias e avisos.

Como importar um modelo

  1. Crie a página no WordPress e abra o Divi (Construtor Visual).
  2. Abra as configurações e clique no ícone de Portabilidade.
  3. Na aba Importar, selecione o arquivo .json do modelo.
  4. Ajuste textos e imagens e publique.

Precisa de ajuda?

A gente ajuda a montar

Dúvidas sobre a cartilha, sobre as imagens ou sobre como usar um modelo? Fale com a Operações Web.

Translate »