Novidade: Galerias avançadas, guias, lightbox de imagens e muito mais
Publicados: 2022-08-16Você sabia que os usuários levam menos de 0,05 segundo para formar uma opinião sobre o seu site? Embora a maior parte dessa opinião seja informada pelos tempos de carregamento do site, seu design da web também terá um fator importante.
É por isso que estamos de volta com outra atualização empolgante para o SeedProd para facilitar seu processo de web design e garantir que ele cause uma excelente impressão em seu público.
Temos muito o que passar neste anúncio, então confira o vídeo abaixo para uma visão geral rápida:
Agora vamos mergulhar nos detalhes dos novos recursos do SeedProd que estamos lançando hoje.
Mostrar galerias de imagens impressionantes
Primeiro, há 2 novos blocos de galeria de imagens que permitem destacar suas melhores imagens com detalhes perfeitos em pixels.
Galeria
O bloco Galeria usa o código de acesso padrão da galeria de imagens do WordPress para incorporar galerias simples e responsivas com apenas alguns cliques.
Tudo o que você precisa fazer é arrastar o bloco Galeria para sua visualização ao vivo, selecionar imagens do seu computador ou biblioteca de mídia do WordPress e escolher suas configurações personalizadas.
![Bloco de galeria SeedProd](/uploads/article/41467/aMwPZjXrDObj5SJ2.png)
Por exemplo, você pode vincular cada imagem da galeria ao arquivo de mídia ou à página de anexo, alterar o tamanho da imagem, o número de colunas e a ordem e mostrar sua imagem em um pop-up lightbox sem distrações.
Você pode até mergulhar nas configurações avançadas para definir um raio de borda, sombras, cores, espaçamento e muito mais.
![Configurações avançadas do bloco de galeria](/uploads/article/41467/Waj8nWfsFkPmvAUN.png)
Galeria avançada
A Galeria Avançada é um bloco SeedProd personalizado que permite adicionar várias galerias em qualquer lugar do seu site. Ao adicionar mais galerias de fotos, você verá um filtro inteligente, permitindo que os usuários alternem facilmente entre elas com um único clique.
![Bloco de galeria avançado SeedProd](/uploads/article/41467/yjt1UJr2y6oSXqMn.jpg)
Este bloco tem configurações semelhantes ao bloco Galeria, como a capacidade de ajustar colunas, links de imagem e espaçamento. No entanto, também possui configurações extras para destacar suas imagens.
Por exemplo, você pode definir a proporção da imagem, fazendo com que uma galeria de imagens de tamanhos diferentes pareça uniforme e consistente. Você também pode habilitar uma cor de sobreposição de plano de fundo e exibir a descrição da imagem, legenda, título ou texto alternativo ao passar o mouse.
![Bloco de galeria com sobreposição de legenda](/uploads/article/41467/z6FCXNK4jQtBu6SS.jpg)
Assim como no bloco Galeria, a guia Configurações avançadas da Galeria inclui várias opções para personalizar sombras, espaçamento, bordas e muito mais da sua galeria.
Há tantas maneiras de usar galerias em seu site:
- Designers podem criar portfólios para mostrar seus trabalhos mais recentes
- Os escritores podem adicionar capturas de tela e links para seus artigos mais recentes online
- Os restaurantes podem enviar fotos de dar água na boca para ilustrar seus menus
Mas isso não é tudo. A seguir, temos um novo bloco para ajudar você a organizar o conteúdo do seu site.
Organize o conteúdo com guias
O conteúdo com guias é uma excelente maneira de mostrar mais conteúdo sem ocupar espaço em seu site. Como o conteúdo é organizado em seções clicáveis, os usuários podem encontrá-lo rapidamente, melhorando a experiência do usuário.
É por isso que nosso novo bloco de guias é uma grande vitória para sites de pequenas empresas. Veja esta página de contato, por exemplo:
![Configurações do bloco de guias](/uploads/article/41467/u4mMlDIdFTCPlFHR.png)
Os usuários normalmente teriam que rolar a página para ver diferentes seções de informações ou, na pior das hipóteses, clicar para outra página. No entanto, com o conteúdo com guias, eles podem ver tudo acima da dobra, em uma única página.
Você pode adicionar quantas guias quiser e dar a cada guia um ícone e uma cor personalizados. Também é super fácil ajustar o espaçamento, o tamanho da fonte e o alinhamento com apontar e clicar.
![](https://s.stat888.com/img/bg.png)
Precisa de mais opções de personalização? Mude para as configurações avançadas , onde você pode escolher entre um layout horizontal ou vertical, cores de guias, tipografia, bordas e muito mais.
![Configurações de bloqueio de guias avançadas](/uploads/article/41467/s4LYtyAfpYL1blHc.png)
Aqui estão algumas ideias sobre como você pode usar o conteúdo com guias no design do seu site:
- Exibir diferentes recursos do produto
- Destaque as perguntas frequentes
- Divida seus serviços em tópicos
Pode parecer uma pequena mudança, mas o conteúdo com guias pode ajudar a aumentar a satisfação do usuário e tornar seu site mais atraente.
Personalize facilmente os submenus do WordPress
Em uma atualização anterior, introduzimos o bloco Menu de navegação , que permite personalizar menus em seu site. Hoje, no entanto, temos uma atualização para a versão do WordPress Menu desse bloco, que oferece mais controle sobre seus submenus.
Depois de atribuir um menu do WordPress nas configurações do Menu de navegação , você pode clicar na guia Avançado e editar o design de seus submenus.
![Configurações avançadas de submenu](/uploads/article/41467/jNIMsXAPISCSdLaD.png)
Você pode alterar o plano de fundo, o texto e a cor de foco do submenu e ajustar as opções de altura da linha, borda e preenchimento. Para um pouco de sutileza extra, você pode até mesmo dar aos submenus uma sombra personalizada.
Essas opções de estilo facilitam muito a exibição de menus mais detalhados em seu site, incluindo sua barra lateral do WordPress, widgets de rodapé e seu cabeçalho de navegação principal.
Otimize suas imagens
Como mencionado anteriormente, a velocidade é crucial no design da web e desempenha um papel enorme nas primeiras impressões. Se suas imagens carregarem lentamente, os visitantes não ficarão esperando – eles sairão do seu site e irão para outro lugar.
Felizmente, você pode resolver isso com nossa atualização do bloco de imagens . Agora você pode exibir versões menores de imagens em seu site e abrir as versões grandes em um pop-up lightbox sem distrações.
![Configurações da caixa de luz de mídia de imagem](/uploads/article/41467/jZVgGT6yLfyl66QN.jpg)
Basta escolher a opção Mídia – Lightbox no painel de configurações do bloco de imagem . Os visitantes podem então abrir a imagem em uma mesa de luz para ver mais de perto.
![Pop-up da caixa de luz da imagem](/uploads/article/41467/nIr2ah3QHCgnQbHg.jpg)
Outra adição interessante ao bloco Image é a capacidade de definir o raio da borda por porcentagem. Ao brincar com essas configurações, você pode criar estilos de imagem atraentes que adicionam interesse ao seu site.
![Configurações do raio da borda da imagem](/uploads/article/41467/Y5HHJfkdteXFwSxq.jpg)
Sobreposições de imagem de fundo
A última grande mudança para esta versão é a adição de sobreposições de cores para imagens de fundo. Você pode sobrepor imagens de fundo para seções, linhas e colunas, criando uma paleta de cores perfeita para seu site.
Se você tiver uma coluna com texto, também poderá escurecer o plano de fundo para destacar seu conteúdo, como fizemos com esta seção de depoimentos.
![Sobreposição de imagem de fundo](/uploads/article/41467/GsToJhcuGAT8KBZv.jpg)
Essa também é uma excelente maneira de adicionar áreas de herói atraentes ao seu site, mantendo seus títulos nítidos e fáceis de ler.
![Sobreposição da imagem de fundo do herói](/uploads/article/41467/yL1zsjp5RRNLgkl7.jpg)
Além dessas atualizações essenciais, também adicionamos vários outros ajustes e correções. Por exemplo, adicionamos ícones do TikTok ao nosso bloco de ícones sociais, atualizamos o Font Awesome para a versão mais recente e muito mais.
Atualize seu plug-in SeedProd hoje
Se você é um usuário premium do SeedProd, pode atualizar seu plug-in hoje e aproveitar os novos recursos. E se você é novo no SeedProd, agora é o momento ideal para obter uma licença do SeedProd Pro e experimentar esses recursos.
Estamos muito perto de lançar outra atualização para tornar o SeedProd ainda mais útil para você. Então não deixe de acompanhar nosso blog.
Até lá, mantenha as solicitações de recursos e comentários chegando e entre em contato conosco com seus pensamentos! E, como sempre, obrigado por seu apoio contínuo em tornar o SeedProd o melhor plugin para construtor de sites WordPress.