Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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.

Forget PowerPoint, how to create presentations in WordPress

Por que criar apresentações em seu blog do WordPress?

Há muitos casos em que a criação de apresentações no WordPress pode ser benéfica.

Digamos que você esteja administrando um blog educacional. Adicionar 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.

Se você administra um site de uma pequena empresa e deseja exibir seu relatório recente do setor, pode ser mais fácil e interessante exibi-lo em uma apresentação.

Adicionar apresentações do Google Slides ou do Microsoft PowerPoint é uma maneira de criar apresentações em seu site. No entanto, não há garantia de que a apresentação finalizada terá boa aparência em seu site 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 o Smart Slider 3 e escolha um modelo

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”.

Creating a PowerPoint-style presentation in WordPress

Agora você chegará ao painel do plug-in, onde poderá visualizar todos os seus projetos.

Aqui, basta clicar em “New Project” (Novo projeto).

Creating a new Smart Slider 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).

Choosing a presentation template

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.

Choosing a presentation template

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.

How to create a PowerPoint style presentation in WordPress

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.

Além disso, se você precisar definir essas configurações novamente depois de criar a apresentação, sempre poderá voltar a esta etapa.

Configurar definições gerais e de tamanho

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

Adding a title to an online presentation

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.

Adding a presentation thumbnail to a slideshow in WordPress

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.

Changing the presentation slider design

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”.

Setting a maximum slider size in a presentation

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).

Changing the slideshow layout in WordPress

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.

Changing the arrow settings in a WordPress presentation

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.

Previewing a presentation in WordPress

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”.

How to configure a presentation in WordPress

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.

Configuring a presentation's thumbnails

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.

Adding a shadow to a Google Slides style presentation

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).

Adding slide animations and transition effects

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.

Adding background animations to slides in WordPress

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”.

How to create an autoplaying presentation in WordPress

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.

Adding a Play button to a slideshow

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”.

Enabling the lazy loading feature

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.

Adding a delay to a WordPress presentation

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.

How to create a PowerPoint style presentation in WordPress

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.

Advanced developer settings in the Smart Slider WordPress plugin

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.

Creating presentation slides in the WordPress dashboard

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.

Smart Slider's presentation types

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.

Editing slides in the WordPress editor

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.

Smart Slider's breadcrumb navigation

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.

The Smart Slider presentation and slideshow editor

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”.

Adding text to a presentation in WordPress

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.

Changing the text style in a slideshow

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”.

Deleting layers in Smart Slider

Deseja adicionar mais camadas ao slide?

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

Adding layers to a WordPress presentation

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.

Adding layers to a slideshow in WordPress

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).

The Smart Slider library

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).

Saving a presentation in WordPress

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

Em seguida, selecione “Adicionar slide”.

Adding slides to a presentation

Etapa 4: Incorporar seus slides de 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.

Publishing slides to a website or blog

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 diretamente à 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.

Adding the Smart Slider 3 block to a page or post

Isso adiciona um bloco de apresentação de slides do WordPress do Smart Slider 3 à página.

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

How to add the Smart Slider 3 block to a page or post

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”.

Adding a Smart Slider 3 block to WordPress

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.

A PowerPoint-style presentation, created using a WordPress plugin

Saiba como criar um conteúdo de blog mais envolvente

Adicionar uma apresentação de slides é apenas uma maneira de manter seus leitores envolvidos. Aqui estão outras ideias que você pode implementar para melhorar seu blog:

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 plug-ins de conteúdo dinâmico do WordPress e nossos principais exemplos de blogs do WordPress.

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

16 ComentáriosDeixe uma resposta

  1. THANKGOD JONATHAN

    Who knew creating presentations in WordPress could be so easy? This guide opened up new possibilities for my content.
    Thanks for introducing a creative alternative to traditional tools.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  2. Tracy Snar

    I’m so excited about this feature!

    • WPBeginner Support

      Glad you found this recommendation helpful :)

      Administrador

  3. Dave

    Can you add audio and set the presentation up to run as an automted presentation ?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for if that is an option with their current tools.

      Administrador

  4. Kevin Kovadia

    Very good plugins, it is great. I will try to create slide from WordPress. If is possible to create google doc & Google sheet using such a way with WordPress.

  5. Sefa Tsegha

    Wow. I never knew there’s a WordPress plugin for that. Thank you for sharing. I always learn something new from this site.

    • WPBeginner Support

      You’re welcome glad we could share something new :)

      Administrador

  6. Gursimran Kaur

    Hi
    Tnx for sharing

    • WPBeginner Support

      You’re welcome :)

      Administrador

  7. Maddie

    Great article. Just letting you know that presentation is spelt wrong twice in the second paragraph under the heading ‘How to Create a Presentation in Wordpress.’

    Here is the referenced sentence:
    “Upon activation, you need to visit Presenation » Add New page to create your first presenation.”

    • WPBeginner Support

      Thanks for catching that, we’ll be sure to fix the typo :)

      Administrador

  8. JIM C

    This looks great. More use learning Wordpress while making some presentations for different segments of the client base!

    • WPBeginner Support

      Glad you liked our guide :)

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.