Este documento tem como objetivo demonstrar as resoluções utilizadas como padrão na construção das páginas de Wordpress em diversos dispositivos, bem como as resoluções e tamanhos recomendados para os banners utilizados nessas páginas.
Dentro das configurações do tema "Impreza" no WordPress, existem quatro formatos disponíveis de dispositivos onde as páginas podem ser construídas: Desktop, Laptops, Tablets e Celulares. Cada uma dessas configurações leva em consideração o tamanho de tela dos dispositivos que acessam as páginas (ou seja, o layout da página e os banners podem ser configurados para cada tipo de resolução diferente). As resoluções configuradas como padrão são as seguintes:
Desktop: Largura máxima de 1920px
Laptops: Largura máxima de 1280px
Tablets: Largura máxima de 1024px
Celulares: Largura máxima de 600px
Esses valores podem ser alterados dentro do WordPress no plugin Impreza > Layout do site (porém, tenha muita atenção ao alterar esses valores, pois eles podem afetar a responsividade e a visualização de todas as páginas do site).
Os banners são uma parte importante na construção da página, muitas vezes sendo a porta de entrada para a página do seu provedor, portanto, responsividade e clareza são de extrema importância, independentemente do dispositivo que o cliente esteja utilizando. As principais recomendações na montagem desses banners são:
As imagens devem ter boa qualidade.
Os arquivos dos banners devem passar por um compressor de arquivos (o valor máximo suportado pelo Wordpress pode variar de acordo com cada provedor, mas quanto mais leve for, melhor será o tempo de carregamento).
Caso seja aplicado mais de um banner na mesma página, com o estilo carrossel, eles devem ter a mesma resolução.
Com relação à resolução dos banners, deve-se levar em consideração a largura máxima configurada para cada dispositivo no WordPress. Os valores exatos podem variar de acordo com as preferências ou configurações de cada provedor, mas aqui estão algumas medidas de banners recomendadas:
Desktop e Laptop: 1920 x 600
Tablets e Celulares: 920 x 610 ou 600 x 400
Quando finalizados, os Banners devem ser salvos no Wordpress, no menu lateral “Mídia” antes de serem aplicadas as páginas (como mostra a imagem abaixo), basta selecionar ou arrastar os arquivos no local indicado.
Existem diferentes formas de aplicar esses banners nas páginas do WordPress, o que pode variar de acordo com o provedor. Certifique-se de que as imagens estão sendo aplicadas corretamente conforme as resoluções de dispositivos configuradas. Em caso de dúvidas, entre em contato via WhatsApp com nosso suporte: (14) 3042-2201.
Slider padrão
Criamos um slider padrão para poder subir nos sites e trabalhar a partir dele. O slider já está configurado para ser responsivo à tela, independentemente do tamanho dela, sem deixar vazados brancos. Também está configurado para revezar entre telas desktop e telas mobile.
Após subir esse slider no site, é preciso reajustar os tamanhos do banner para a imagem usada.
