Configuração geral do design do blog

No PrestaBlog, a personalização do design é concebida para ser durável e compatível com atualizações do módulo.

É fortemente recomendado utilizar as opções de configuração fornecidas para este efeito em vez de modificar ou substituir diretamente templates ou ficheiros CSS. As substituições de templates complicam futuras atualizações, exigem comparar ficheiros após cada evolução do módulo e são uma fonte frequente de mau funcionamento.

A secção Configuração > Design permite ajustar a aparência do blog mantendo uma estrutura limpa e escalável.

Baseia-se principalmente em dois elementos:

• definições de cores para diferentes elementos do blog
• regras CSS personalizadas, que permitem adicionar estilos sem impactar ficheiros do módulo

As definições de cores permitem refinar visualmente:

• o menu do blog
• a paginação
• as listagens de categorias
• o conteúdo dos artigos
• o conteúdo dos blocos

Estas definições dizem respeito apenas ao aspeto visual (cores, fundos, hovers) e aplicam-se globalmente.

Marcadores visuais

Para alguns elementos mais complexos, o PrestaBlog apresenta uma imagem explicativa junto aos campos de configuração. Estas imagens servem como marcadores visuais para compreender rapidamente qual parte da apresentação corresponde a cada campo de cor.

• cada campo de configuração está associado a um número
• este número é apresentado junto ao campo
• o mesmo número aparece na imagem de pré-visualização
• o marcador visual permite identificar com precisão o elemento gráfico em questão

Este sistema permite ajustar o design de forma clara e intuitiva, sem modificar o código ou arriscar conflitos durante atualizações.

CSS personalizado

O PrestaBlog disponibiliza um campo de CSS personalizado que permite adicionar regras CSS personalizadas sem modificar ficheiros do módulo ou do tema.

As regras adicionadas através deste campo são preservadas durante as atualizações do PrestaBlog. Este é o método recomendado para fazer ajustes CSS específicos ao blog.

Após qualquer modificação ao CSS personalizado, é importante ter em conta a gestão da cache. Os navegadores podem manter folhas de estilo em cache, o que por vezes impede ver as alterações imediatamente.

Para forçar o recarregamento da cache do navegador:

• no Windows: CTRL + SHIFT + R
• no macOS: CMD + SHIFT + R

Se as alterações não forem visíveis, pode ser necessário limpar a cache do PrestaShop ou desativar temporariamente a minificação CSS para verificar o resultado. Vai a parâmetros avançados > desempenho.

Personalizar a apresentação das categorias

A aparência das tuas categorias pode ser ajustada em dois níveis distintos, o que oferece grande flexibilidade consoante pretendas uma coerência global ou uma apresentação específica para cada categoria.

Opções globais na configuração

A secção Parâmetros de apresentação das listas de artigos reúne todas as definições que se aplicam por defeito a todas as tuas categorias: número de artigos por página, apresentação da imagem de capa, do resumo, da data, do autor, etc. É o ponto de partida lógico para definir uma linha de apresentação coerente em todo o teu blog.

Personalização por categoria

Para ir mais longe, cada categoria dispõe das suas próprias opções de apresentação, acessíveis diretamente a partir de criar ou editar uma categoria. Assim podes, categoria a categoria, substituir as definições globais: escolher uma disposição diferente, apresentar ou ocultar certos elementos, ou ainda definir uma imagem de capa específica.

Este funcionamento em dois níveis — global e depois local — permite-te gerir eficazmente um blog com muitas categorias com identidades visuais distintas.

E quanto ao tema?

A apresentação do blog também é influenciada pela disposição escolhida nas definições do tema: número de colunas, largura do conteúdo, presença de uma sidebar... Estas definições interagem diretamente com a aparência das tuas categorias. Considera consultá-las se pretendes ajustar a estrutura geral do teu blog.