Esqueça o PowerPoint, como criar apresentações no WordPress

Você deseja criar uma apresentação no WordPress, mas não sabe por onde começar?

Embora softwares como o Google Slides e o PowerPoint possam criar belos slides, eles podem não ter uma boa aparência quando incorporados ao seu site WordPress. É por isso que é recomendável usar um plug-in de apresentação do WordPress.

Neste artigo, mostraremos a você um guia passo a passo sobre como criar apresentações no estilo PowerPoint no WordPress.

Por que criar apresentações em seu site WordPress?

Há muitos casos em que a criação de apresentações no WordPress pode ser benéfica. Se você administra um site de uma pequena empresa e deseja exibir seu recente relatório do setor, pode ser mais interessante e fácil de usar exibi-lo em uma apresentação.

Ou, digamos que você esteja administrando um site educacional. A inclusão de uma apresentação no WordPress pode tornar seu conteúdo mais envolvente, especialmente para iniciantes. Isso pode enviar sinais positivos aos mecanismos de pesquisa, o que pode melhorar seu SEO do WordPress.

É possível criar uma apresentação usando um software como o Google Slides ou o Microsoft PowerPoint. Em seguida, você pode adicionar a apresentação ao seu site usando um plug-in ou uma função de incorporação.

No entanto, não há garantia de que a apresentação final do PowerPoint ou do Google Slides ficará bem em seu site do WordPress. Além disso, alguns programas autônomos custam dinheiro.

A boa notícia é que você pode criar facilmente belas apresentações no WordPress usando um plug-in do WordPress. Portanto, vamos ver como você pode criar apresentações no estilo PowerPoint no WordPress.

Sinta-se à vontade para usar esses links rápidos para navegar pelas etapas:

Etapa 1: Instale um plug-in de apresentação do WordPress

A maneira mais fácil de criar apresentações no WordPress é usar o Smart Slider 3. Esse plug-in gratuito funciona com qualquer tema do WordPress e é otimizado para SEO. Ele também vem com slides, animações e modelos predefinidos, para que você possa criar belas apresentações rapidamente.

Primeiro, você precisará instalar e ativar o Smart Slider 3. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, vá para Smart Slider ” Dashboard e clique em “Go To Dashboard”.

Depois disso, basta clicar em “New Project”.

Nesse ponto, você pode decidir se quer começar com uma folha em branco ou usar um dos modelos de apresentação prontos do Smart Slider.

Se você quiser criar rapidamente uma apresentação com design profissional, recomendamos selecionar ‘Start with a Template’ (Iniciar com um modelo).

O Smart Slider agora mostrará todos os modelos disponíveis.

Para ver um design mais de perto, passe o mouse sobre ele e clique no ícone do olho quando ele aparecer. Isso abre o modelo de apresentação em uma nova guia.

Quando você encontrar um modelo que deseja usar, passe o mouse sobre ele e clique no botão “Importar”.

Isso abrirá o modelo escolhido no editor do Smart Slider.

Etapa 2: Configure sua apresentação do WordPress no estilo PowerPoint

Depois de escolher um modelo, é uma boa ideia definir as configurações da apresentação. As opções que você vê podem variar de acordo com o modelo, mas abordaremos todas as principais configurações.

Configurar definições gerais e de tamanho

Na guia “General” (Geral), você pode dar um nome à apresentação digitando-o no campo “Name” (Nome).

Você também pode adicionar uma miniatura, que pode ficar visível para os visitantes, dependendo de como você configurar a apresentação.

Basta clicar no ícone “+” ao lado de “Thumbnail” e, em seguida, escolher uma imagem da biblioteca de mídia do WordPress ou carregar um novo arquivo do seu computador.

Feito isso, você precisa rolar até a seção “Slider Design” (Design do controle deslizante).

Aqui, você pode alterar o alinhamento do controle deslizante e adicionar uma margem para criar mais espaço ao redor dos slides.

Em seguida, você pode querer aumentar ou diminuir os slides selecionando a guia “Size” (Tamanho).

Aqui, você pode definir tamanhos máximos diferentes para usuários de tablets, celulares e desktops. Com isso, você pode ter certeza de que a apresentação terá uma ótima aparência em todos os dispositivos.

Para definir esses tamanhos máximos, basta clicar para ativar os controles deslizantes Desktop, Mobile e Tablet e, em seguida, digitar um número no campo “Max”.

Em “Layouts”, você pode escolher se a apresentação deve preencher toda a largura do navegador (“Full width”) ou se deve se ajustar ao contêiner em que foi colocada (“Boxed”).

Por padrão, a apresentação será dimensionada automaticamente para cima e para baixo para se ajustar à tela do visitante. Normalmente, você desejará deixar essas configurações ativadas, mas poderá definir uma altura mínima digitando-a na caixa “Min Height” (Altura mínima).

Configurar controles e definições de animação

Depois disso, clique na guia “Controls” (Controles). Aqui, você pode alterar a forma como os visitantes se movem entre os diferentes slides.

As configurações padrão devem ser adequadas para a maioria dos blogs e sites do WordPress, mas talvez você queira alterar a aparência das setas.

Por exemplo, você pode alterar a cor das setas e a inserção, que controla onde as setas aparecem no slide.

Ao fazer alterações, talvez você queira visualizar como as setas ficarão na sua apresentação.

Para fazer isso, basta clicar no ícone do olho na barra de ferramentas.

Feito isso, basta rolar a tela até “Bullets”. Aqui, você pode personalizar os ícones pontilhados que permitem que os visitantes se desloquem entre os diferentes slides. Você pode experimentar diferentes estilos de marcadores, adicionar uma sombra de caixa, alterar o raio do canto e muito mais.

Se você quiser mostrar o título de cada slide, basta clicar para ativar a opção “Barra de texto”.

Outra opção é mostrar a miniatura de cada slide, o que oferece aos visitantes outra maneira de se deslocar entre os slides.

Para fazer isso, você precisa ativar a opção “Miniatura”. Agora você terá acesso a algumas configurações adicionais para ajustar a aparência das miniaturas.

Por fim, você pode adicionar uma sombra à parte inferior da apresentação de slides clicando no botão de alternância “Shadow” (Sombra).

Depois disso, você pode abrir o menu suspenso e escolher entre os diferentes estilos de sombra.

As animações CSS são uma ótima maneira de chamar a atenção do visitante e incentivá-lo a se envolver com sua apresentação. O Smart Slider vem com animações integradas, portanto, certifique-se de clicar na guia “Animações” para configurá-las.

Aqui, abra o menu suspenso “Main Animation” (Animação principal) e escolha o efeito que o Smart Slider reproduzirá ao alternar entre os slides. Você também pode alterar a duração da reprodução das animações digitando um número no campo “Duration” (Duração).

Dependendo do modelo que estiver usando, você também poderá ver a opção “Animação de fundo”. Isso permite que você anime a imagem e as cores do plano de fundo do slide.

Lembre-se de que as animações de plano de fundo não funcionam em vídeos ou em apresentações que usam rolagem de paralaxe.

Para dar uma olhada mais de perto nas animações de fundo do Smart Slider, clique no ícone “+”. Isso abre um editor no qual você pode experimentar diferentes animações para ver os efeitos que pode criar.

Configurar definições de reprodução automática

A próxima guia é “Autoplay”.

Por padrão, os visitantes precisarão se mover manualmente entre os slides. Se, em vez disso, você quiser que a apresentação seja reproduzida automaticamente, basta clicar para ativar o controle deslizante “Autoplay”.

Se você ativar essa opção, terá acesso a algumas configurações adicionais nas quais poderá alterar o tempo de exibição de cada slide e como os visitantes podem interromper a apresentação de slides.

Ele também adiciona uma seção “Buttons”, na qual é possível personalizar o botão “Play” da apresentação.

Otimize sua apresentação

Depois disso, selecione a guia “Optimize” (Otimizar). Aqui, você encontrará as configurações para o carregamento lento do Smart Slider.

Por padrão, o controle deslizante é carregado imediatamente, o que é uma boa opção se a apresentação for a primeira coisa que as pessoas veem quando visitam a página.

No entanto, se estiver planejando colocar a apresentação mais abaixo na página, recomendamos abrir o menu suspenso “Tipo de carregamento” e escolher “Após o carregamento da página”.

Isso pode aumentar a velocidade e o desempenho do WordPress, além de melhorar a experiência do visitante ao carregar o restante da página primeiro.

Outra opção é “After delay” (Após atraso), que permite definir um atraso de carregamento para o controle deslizante.

Configurar definições de slides

Por padrão, as imagens cobrirão todo o slide, mesmo que o Smart Slider precise cortar a imagem para ajustá-la. Isso tende a funcionar bem para a maioria das apresentações, mas você pode alterar essa configuração padrão selecionando a guia “Slides”.

Aqui, basta abrir o menu suspenso “Preenchimento da imagem de fundo do slide” e escolher uma opção diferente na lista, como esticar, centralizar ou desfocar o ajuste.

A guia “Developer” (Desenvolvedor) tem algumas configurações avançadas, incluindo uma área em que você pode adicionar CSS personalizado às suas apresentações.

A maioria dos proprietários de sites não precisará usar essas configurações. No entanto, se você quiser saber mais sobre qualquer uma das opções de “Desenvolvedor”, basta passar o mouse sobre o pequeno ícone “i”. Isso mostrará uma dica de ferramenta com mais algumas informações, além de um link para a documentação do Smart Slider.

Etapa 3: Crie slides para sua apresentação no estilo PowerPoint

Quando estiver satisfeito com a configuração da apresentação, é hora de começar a criar os slides.

Basta clicar no botão “Adicionar slide” para começar.

O Smart Slider permite que você crie alguns tipos diferentes de slides. Ele tem até a opção “Post”, que permite incorporar um post do WordPress em um slide.

Você pode experimentar as diferentes opções, mas, neste guia, usaremos o design “Em branco” como exemplo.

Depois de escolher um tipo de slide, você verá a miniatura do slide na parte superior da tela.

Basta passar o mouse sobre a miniatura e clicar no botão “Editar” quando ele aparecer.

Isso abre o editor do Smart Slider.

Na parte superior da tela, há uma barra de navegação em forma de migalhas de pão, na qual é possível navegar entre os diferentes slides da apresentação.

Ao longo do lado esquerdo da tela estão todas as camadas que compõem o slide. Você pode passar o mouse sobre qualquer ícone para ver o nome da camada, como Image (Imagem) ou Row (Linha).

Para editar uma camada, basta clicar nela no menu do lado esquerdo. Isso abre uma janela pop-up com todas as configurações que você pode usar para personalizar essa camada.

Você também pode selecionar uma camada clicando nela na visualização ao vivo. Por exemplo, para substituir parte do texto padrão por sua própria mensagem, basta clicar para selecionar essa camada.

Na janela pop-up que aparece, digite sua mensagem no campo “Texto”.

Você também pode alterar a aparência do texto clicando na guia “Style” (Estilo).

Aqui, você pode alterar a cor do texto, a fonte, o tamanho e muito mais.

Para personalizar o slide, basta clicar nas diferentes camadas e fazer as alterações na janela pop-up que aparece.

Se quiser excluir uma camada, passe o mouse sobre ela e clique no ícone pontilhado. No menu suspenso, você precisa selecionar “Excluir”.

Deseja adicionar mais camadas ao slide?

Basta clicar no ícone verde “+” no menu à esquerda.

A guia “Layers” (Camadas) mostra algumas camadas básicas, como imagens, botões e texto.

Você pode adicionar qualquer uma dessas camadas ao slide usando o recurso de arrastar e soltar.

O Smart Slider também tem uma biblioteca de slides predefinidos que você pode adicionar à sua apresentação.

Para dar uma olhada nessas opções, clique na guia “Library” (Biblioteca).

Agora você pode continuar trabalhando nesse slide adicionando camadas e personalizando-as com seu próprio conteúdo e configurações.

Quando estiver satisfeito com a configuração do slide, clique no botão “Save” (Salvar).

Para começar a trabalhar no próximo slide, você precisa clicar em “Slides” na barra de ferramentas.

Em seguida, selecione “Adicionar slide”.

Etapa 4: Publique sua primeira apresentação no WordPress

Quando você terminar de trabalhar na apresentação, basta clicar em “Voltar” para retornar ao painel principal do Smart Slider.

Por padrão, o Smart Slider publica todos os seus slides, mas ainda vale a pena verificar se há uma marca de seleção verde ao lado de cada slide que você deseja exibir em seu site.

Se você vir um “x” ao lado de qualquer slide, isso significa que o slide não foi publicado. Você precisará clicar no “x” para transformá-lo em uma marca de seleção verde, o que torna o slide ativo.

Depois disso, você estará pronto para adicionar a apresentação à sua loja on-line, site ou blog. Basta abrir qualquer post ou página no editor de blocos do Gutenberg e clicar no ícone “+”.

Em seguida, você precisa digitar “Smart Slider 3” na janela pop-up e selecionar o bloco certo quando ele aparecer no editor de blocos.

Isso adiciona um bloco do Smart Slider à página.

Em seguida, clique no botão “Select Slider” (Selecionar controle deslizante).

Isso abre uma janela pop-up que mostra todas as apresentações que você criou.

Basta clicar na apresentação que deseja usar e selecionar “Inserir”.

Isso adiciona a apresentação ao seu site. Agora você pode clicar no botão “Update” (Atualizar) ou “Publish” (Publicar) para tornar a apresentação ativa.

Agora, se você visitar seu site, verá a apresentação em estilo PowerPoint em ação.

Esperamos que este artigo tenha ajudado você a aprender como criar apresentações no WordPress. Talvez você também queira ver nossa lista dos melhores criadores de páginas do WordPress do tipo arrastar e soltar ou nosso guia sobre como escolher o melhor software de web design.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.