Construtor de páginas WPBakery é um poderoso editor visual que lhe permite conceber e personalizar facilmente apresentações de diapositivos. Este tutorial irá guiá-lo sobre como implementar um design de apresentação de slides visual usando o WPBakery Page Builder.
1. instalação do WPBakery Page Builder
Em primeiro lugar, é necessário certificar-se de que o plugin WPBakery Page Builder está instalado e ativado.
2. criar uma nova página ou artigo
Depois de instalar o plug-in, o passo seguinte é criar uma nova página ou publicação que servirá de veículo para a apresentação de diapositivos:
- No backend do WordPress, navegue até "página web” > “Adicionar nova página" ou "cartão” > “Adicionar nova mensagem“
- Definir um título adequado para a página ou publicação (por exemplo, "Apresentação de slides da empresa")
- Clique "compilador" Entrar no modo WPBakery Page Builder
3. adicionar o módulo WPBakery Slideshow
O WPBakery fornece uma variedade de módulos para criar apresentações de diapositivos. Abaixo estão os módulos que utilizam o WPBakery "Revolução dos cursores" ou "seletor (elemento de interface de computador)" para criar uma apresentação de diapositivos:
- Selecionar o módulo certo
No editor de páginas do WPBakery, clique em "+" para abrir a biblioteca de elementos.
- Entrar "Controlo deslizante" para encontrar módulos relacionados com apresentações de diapositivos. Os módulos recomendados incluem:
- Revolução dos cursores (Revolução dos cursores 6)Módulo avançado de apresentação de slides com caraterísticas poderosas.
- Adicionar componentes de diapositivos
Selecionar "Revolução dos cursores" ou outros diapositivosmódulo (em software)Depois disso, adicione-o à página. A maioria dos módulos de apresentação de diapositivos permite-lhe carregar imagens, vídeos ou conteúdo de texto como material para cada diapositivo.
- Definir o conteúdo dos diapositivos
Clique na área de edição de cada diapositivo para carregar imagens ou vídeos no painel de definições.
O módulo WPBakery Slideshow permite-lhe normalmente:
- Adicionar uma imagem ou vídeo de fundo
- Inserir títulos e subtítulos
- Configurar efeitos de comutação de diapositivos (Desvanecer-se, virar, deslizaretc.)
- Definir o tempo de apresentação para cada diapositivo
4. estilos de diapositivos personalizados
Do lado do design, o WPBakery oferece poderosas funcionalidades de personalização que lhe permitem ajustar facilmente o aspeto e os efeitos das suas apresentações de diapositivos. Abaixo estão as opções de personalização mais comuns:
- Ajustar o tamanho do slide
Pode ajustar a largura e a altura da apresentação de diapositivos de acordo com a disposição da página. Para garantir que a página é esteticamente agradável, recomenda-se que a largura do diapositivo seja definida para ecrã inteiro ou largura total.
- Estilos de texto e botões
O texto, as legendas e os botões nos diapositivos podem ser definidos através do editorTipos de letra personalizados,cor,magnituderesponder com cânticosalinhamento. Também pode adicionar hiperligações aos botões para que seja mais fácil clicar neles. - efeito de animação
O WPBakery fornece um conjunto rico de efeitos de animação para fazer com que os elementos da apresentação de diapositivos pareçam suaves e dinâmicos à medida que o utilizador percorre a página. Pode optar por desvanecerfalso,movimento de deslizamento,girare outros efeitos.
- Filtros e sobreposições de fundo
Para tornar o texto dos diapositivos mais apelativo, pode adicionar uma sobreposição de fundo às imagens dos diapositivos, como um filtro de cor gradiente ou translúcido. Ao fazê-lo, o texto e os botões parecerão mais claros.
5. definições responsivas
Com a maioria das visitas ao site agora provenientes de dispositivos móveis, é igualmente importante garantir que a sua apresentação de slides tenha uma boa aparência em diferentes telas, e o módulo de apresentação de slides do WPBakery geralmente tem opções de configurações responsivas para garantir que sua apresentação de slides tenha a melhor aparência em desktops, tablets e telefones celulares.
- No editor do WPBakery, pode mudar para "conceção reactiva" para pré-visualizar o modo como o diaporama será apresentado em diferentes dispositivos.
- Ajustar o tamanho do diapositivo e a posição do conteúdo para dispositivos móveis para garantir que não há incompatibilidade de disposição ou texto fora dos limites.
6. publicar a página e pré-visualizá-la
Quando tiver terminado de desenhar e ajustar os diapositivos, clique em "posto" para guardar e publicar a página ou o artigo. Em seguida, pré-visualize a página no frontend e verifique se a apresentação de diapositivos está a funcionar como esperado.
7. adicionar à página inicial ou a páginas específicas do sítio Web
Depois de conceber a apresentação de diapositivos, pode defini-la como o conteúdo de apresentação principal na página inicial do seu sítio Web ou incorporá-la em páginas ou artigos específicos para melhorar a experiência do utilizador.
- Definir a página como página inicial
Se pretender tornar a apresentação de diapositivos no conteúdo de apresentação da primeira página do seu sítio Web, navegue até ao backend do WordPress "preparar” > “ler", selecione a página que acabou de criar como página inicial estática.
- Incorporado noutras páginas
Também pode utilizar a ferramenta "código curto" para incorporar apresentações de diapositivos em secções específicas de outras páginas ou publicações para uma apresentação flexível do conteúdo da apresentação de diapositivos.
observações finais
Com o WPBakery Page Builder, desenhar e personalizar a apresentação de diapositivos do seu sítio Web WordPress torna-se mais fácil e intuitivo. Quer se trate de um slideshow complexo com várias camadas ou de uma rotação de imagens minimalista, o WPBakery pode satisfazer diferentes necessidades. Espero que este tutorial o ajude a começar rapidamente! WPBakery Design de diapositivosDá um efeito dinâmico ao sítio.