Destaque do plug-in Divi: Gerenciador de eventos Divi

Divi Event Manager é um plugin de terceiros que cria um sistema completo de gerenciamento de eventos para Divi. Não requer um plugin de eventos separado. Em vez disso, ele contém todos os recursos de gerenciamento de eventos. Isso reduz o número de plug-ins necessários e garante que não haja problemas de atualização ou compatibilidade. Neste artigo, vamos dar uma olhada no Divi Event Manager e ver o que ele pode fazer, e ajudá-lo a decidir se é o sistema de eventos certo para o seu site Divi.

Tipo de postagem de eventos

Um novo tipo de postagem é adicionado ao WordPress chamado Eventos. Aqui, você pode criar um evento, configurar suas categorias e tags e ajustar as configurações. Esta é a lista de eventos.

A criação de um evento abre um editor onde você pode adicionar os detalhes. Isso inclui informações do evento, informações do local, informações do organizador, custo do ingresso, galeria do evento, categorias, tags e a imagem em destaque.

Ele também fornece uma lista de seus pedidos de ingressos.

Módulos do Divi Event Manager

Divi Event Manager adiciona 3 novos módulos ao Divi Builder. Os módulos têm várias opções de layout para que você não precise projetar os layouts. Você ainda pode personalizar cada elemento usando as configurações do módulo Divi. Vejamos cada módulo e suas opções de layout. Também veremos alguns exemplos de como eles podem ser usados ​​em layouts Divi.

Divi Event Grid

Divi Event Grid exibe os eventos em 3 estilos de grade diferentes e em 2, 3 ou 4 colunas. Esta é a grade 1 com 2 colunas. Os eventos usam a imagem em destaque como plano de fundo e colocam todo o texto na sobreposição. A sobreposição é escura e o texto é branco por padrão.

Este é o estilo de grade 2 com 4 colunas. As imagens são colocadas na parte superior dos cartões, seguidas do título, localização, preço, detalhes e botão para ler mais. Os cartões têm o mesmo tamanho, independentemente do tamanho da imagem. Eles incluem um fundo branco, realces vermelhos e uma sombra de caixa por padrão.

Você pode fazer com que ele oculte o botão ler mais, se desejar. Este é o estilo de grade 2 com 2 colunas.

Este é o estilo de grade 4 com 3 colunas. Ele remove a imagem em destaque e coloca a data no topo. Cada cartão tem um fundo cinza claro. Este é o estilo padrão.

Você também pode ativar ou desativar a paginação. Isso mostra o estilo de grade 3 com 2 colunas mostrando apenas 2 eventos na tela com paginação para ver o resto dos eventos.

A guia Conteúdo possui as configurações de cor de fundo. A guia Design inclui configurações para quase todos os elementos dos cartões. As configurações incluem texto, título, botão ler mais, paginação e endereço do evento. O botão e a paginação têm ajustes ativos e não ativos.

Aqui está um exemplo do módulo Event Grid na página Library Events, disponível na Divi. Eu limitei a exibição de 3 eventos. Esta é a configuração padrão, que usa 3 colunas e paginação.

Lista de Eventos Divi

O módulo Lista de eventos exibe os eventos como uma lista em um dos três estilos. Este é o estilo de lista 1. Mostra a data em texto grande à esquerda e coloca uma borda colorida na parte superior e inferior da seção de data. O dia e a hora, o título, o endereço e a descrição são colocados na seção principal. Não inclui a imagem em destaque. Os eventos são colocados dentro de cartões e incluem sombras de caixa.

O estilo de lista 2 exibe a imagem à esquerda e adiciona um botão ler mais na parte inferior da seção principal. Ele também adiciona o preço do ingresso em um vermelho negrito. Em vez de uma fronteira, eles têm uma linha divisória.

O estilo de lista 3 coloca os eventos em cartões com a imagem à direita, título e descrição no centro e informações à direita. A data, preço, dia e hora e endereço incluem ícones.

Eu ajustei o fundo e adicionei uma imagem com uma sobreposição de gradiente, ajustei as cores do texto, tornei o título todo em maiúsculas e aumentei o espaçamento entre letras, deixei o texto de descrição semi-negrito e adicionei uma sombra de caixa.

Este exemplo usa a página Author Events do layout Author, disponível em Divi. Eu incluí as cores e estilos de fonte da seção do evento original, limitei o módulo para mostrar 3 eventos e adicionei paginação.

Divi Event Slider

O controle deslizante de evento exibe os eventos em um dos três diferentes layouts de controle deslizante. Os controles deslizantes incluem navegação e configurações. Este é o layout do controle deslizante 1. Ele exibe a imagem no topo de cada cartão com o título e as informações do evento abaixo dele. Um botão ler mais exibe uma seta sob o cartão. Também inclui navegação por pontos. Os cartões são dimensionados de acordo com o tamanho da imagem. A imagem exibe uma sobreposição ao passar o mouse.

A guia Design inclui ajustes para a sobreposição, texto, ícones de categoria e botão Leia mais para o plano de fundo e o ícone do botão. Eu ajustei cada um deles neste exemplo. Você também pode ajustar o estilo do texto.

O layout 2 do controle deslizante exibe os slides do mesmo tamanho. Coloca a imagem em segundo plano. O texto é colocado na sobreposição. A sobreposição fica mais clara ao passar o mouse. Os slides mostram o título, endereço, data e, em seguida, a descrição.

Ajuste o estilo de todo o texto individualmente na guia Design. Também inclui ajustes de navegação para as cores ativas e flutuantes. Este não inclui um ajuste para a sobreposição.

O layout deslizante 3 exibe os slides como pequenos cartões com bordas claras. A imagem é colocada na parte superior e a data, o título e um botão ler mais aparecem em um cartão que se sobrepõe à parte inferior da imagem.

A guia Design dá a você controle sobre o fundo de navegação por pontos e cores de fundo em foco, a borda do botão Ler mais, texto e cores de fundo, etc. para cada um dos estilos. Eu ajustei a maioria deles neste exemplo, e fiz o texto do título all-caps.

Este exemplo usa a página inicial do layout Event Planner, disponível em Divi. O controle deslizante usa as fontes e cores do layout e combina bem com o design.

Widget Divi Event Manager

O Divi Event Manager também adiciona um novo widget que você pode usar nas barras laterais. Adicione um título, escolha o número de eventos a serem mostrados, defina a opção Classificar por desejada e escolha os formatos de hora e data.

Os eventos incluem o dia e a data em um grande ícone ao lado do título, data e hora. Clicar em um abre a página desse evento.

Página de detalhes do Divi Event Manager

Você pode estilizar a página de detalhes de eventos nas opções de tema Divi em uma nova guia chamada DP EventManager. Isso inclui 6 guias com várias configurações para escolher os estilos, exibir um formulário, configurar o PayPal e muito mais.

A página de arquivo do evento exibe os eventos de acordo com as configurações que você escolheu na tela de configurações. Eu deixei como padrão, que exibe o layout 1 com 2 colunas.

Criação da página com códigos de acesso

Você também pode criar a página com códigos de acesso. As configurações também incluem os códigos de acesso para cada um dos elementos do evento que você pode colocar em qualquer módulo Divi.

A tela de configurações do plugin fornece opções de estilo padrão para cada uma das visualizações que os códigos de acesso exibirão.

Criação de uma página de evento personalizado

Você também pode criar uma página customizada com o construtor de tema. Selecione Estilo próprio personalizado nos estilos de página de detalhes do evento nas opções de tema. A princípio, parecia estranho que o criador de temas tivesse que ser selecionado como uma opção para usá-lo, mas então percebi que você tem mais opções dessa forma. É fácil usar o criador de temas e você tem acesso a várias páginas que não precisa projetar ou criar.

O editor fornece vários layouts predefinidos que você pode usar. Baixe e importe os layouts para sua biblioteca Divi. Agora você pode usar esses layouts no construtor de tema como qualquer layout.

Os layouts usam módulos Divi padrão com códigos de acesso para cada um dos elementos. Este é o primeiro layout no construtor de tema.

Aqui está a página do evento usando o primeiro layout. Uma vez que ele usa o Divi Builder, você tem acesso a todos os módulos que deseja usar.

Preço

O Divi Event Manager está disponível no Divi Marketplace. $ 29 para:

• Sites ilimitados
• Garantia de devolução do dinheiro em 30 dias
• 1 ano de suporte e atualizações

Reflexões finais

Essa é a nossa visão sobre o Divi Event Manager. O que normalmente leva muitos módulos pode ser feito facilmente com um único módulo. Gosto que seja um sistema completo de gerenciamento de eventos que não requer outros plugins para funcionar. Eu gostaria de ver as opções de estilo de sobreposição adicionadas a todos os módulos.

O tipo de postagem e os módulos eram fáceis de usar. O Divi Event Manager é facilmente um dos melhores plugins de eventos que já vi para o Divi. Se você está interessado em um sistema de gerenciamento de eventos para Divi, vale a pena dar uma olhada no Divi Event Manager.

Sua vez. Você já experimentou o Divi Event Manager? Conte-nos sobre sua experiência nos comentários abaixo.

Imagem em destaque via Knotnoi / shutterstock.com