Curso WordPress e Divi

  • 7 horas de vídeos
  • 46 Aulas
  • 1 Materiais

Quer aprender a estruturar o tema do seu WordPress de uma maneira simples? Com o Divi você é capaz de modificar o visual do seu site sem nenhum conhecimento técnico. Você só precisa arrastar e soltar.

No fim do curso você vai saber:

  • Como fazer a configuração inicial do Divi
  • Como estruturar o Cabeçalho e o Rodapé do seu tema
  • Quais são os principais elementos: página, seção, linha e módulo
  • Como construir suas páginas do zero
  • Como construir suas páginas utilizando layouts prontos
  • Como criar landing pages com o Divi

A forma mais fácil de montar seu próprio tema / layout

O Divi é uma excelente forma de começar no mundo da personalização de temas. Por ser muito simples, embora poderoso, é a porta de entrada para muitos que estão começando a criar sites no WordPress.

Divi

  • O que é o Divi?
    O Divi é um dos page builders mais populares para WordPress. Com ele é possível criar páginas incríveis utilizando um editor visual mesmo sem ter conhecimentos de HTML e CSS. Confira nessa aula os principais recursos do Divi.
  • Como configurar o Divi?
    Após instalar o Divi, a principal atividade é configurá-lo corretamente. Acompanhe o passo a passo nessa aula e configure seu Divi corretamente.
  • Estruturando o Cabeçalho – Parte 1
    O cabeçalho do site é uma parte muito importante. Nele geralmente estão o logo e navegação principal. Aprenda, nessa aula, a estruturar o cabeçalho do seu site utilizando todos os recursos do Divi.
  • Estruturando o Cabeçalho – Parte 2
    O cabeçalho do site é uma parte muito importante. Nele geralmente estão o logo e navegação principal. Aprenda, nessa aula, a estruturar o cabeçalho do seu site utilizando todos os recursos do Divi.
  • Estruturando o Rodapé
    Assim como o cabeçalho, o rodapé do site também é uma parte muito importante. Veja como estruturar o seu.
  • Estrutura do Divi: seção, linha e módulo
    Assim como qualquer page builder, o Divi é baseado em blocos. Entender o sistema de seções, linhas, colunas e módulos é fundamental. Veja nessa aula como elas funcionam em conjunto.

Módulos do Divi

  • Conhecendo os módulos do Divi
    Antes de começar a estruturas suas páginas, é importante que você conheça os módulos existentes para o Divi. Isso te dará uma ideia melhor das possibilidades dentro de cada página.
  • Accordion
    O módulo Accordion (Sanfona) permite exibir um grande volume de informações de maneira condensada. É uma ferramenta muito utilizada na exibição de FAQ's.
  • Audio Player
    O Audio Player (Player de Áudio) pode reproduzir arquivos de áudio exibindo informações da faixa como nome do artista, da faixa e álbum.
  • Bar Counter
    O Bar Counter (Contadores em Barras) é uma ótima forma de exibir estatísticas de uma forma clara e visual.
  • Blog
    O módulo Blog permite que o Divi exiba seus posts em forma de lista ou grid (grade). Ele apresenta diversos filtros por categorias e opcões de exibição.
  • Blurb
    O módulo Blurb (Sinopse) é um dos mais utilizados no Divi devido a sua versatilidade. Tanto na versão vertical quanto na versão horizontal ele permite exibir informações de maneira condensada e visual.
  • Button
    O módulo Button (Botão) é bem versátil e permite sua total customização. Características como tamanho, cor, borda, arredondamento, ícone e muito mais são personalizáveis nesse módulo.
  • Call to Action
    Com o módulo Call to Action (Chamada à Ação) é possível criar chamadas impactantes e dar destaque para a ações mais importantes que seu usuário deve tomar em cada página.
  • Circle Counter
    O Contador Circular do Divi é uma ótima forma de exibir estatísticas da sua empresa.
  • Code
    O módulo Código do Divi te ajuda a inserir códigos HTML, CSS ou JS em sua página.
  • Comments
    Exibir comentários no Divi é muito fácil com o módulo Comentários. Além de exibir os últimos comentários realizados, ele também exibe o formulário para envio de novos comentários.
  • Contact Form
    O formulário de contato do Divi é simples e prático. Com ele é possível criar formulários rapidamente.
  • Countdown Timer
    Exibir uma contagem regressiva é algo bem simples no Divi. Com esse recurso você pode gerar escassez e estimular o seu visitante a tomar uma ação mais rapidamente.
  • Divider
    O elemento Divisor permite que você crie uma linha de separação ou um espaçamento (sem a linha). Isso ajuda a separar conteúdos dentro de uma mesma página.
  • Email Optin
    É super simples criar um formulário e capturar novos assinantes no seu mailing. Com o elemento Email Optin ficou fácil caprturar e integrar com diversos serviços de e-mail como MailChimp, Aweber e diversos outros.
  • Filterable Portfolio
    Exibir o portifólio com filtros é uma excelente forma de permitir que o seu visitante tenha uma ideia ampla de todos os serviços que você oferece.
  • Gallery
    A Galeria de Imagens do Divi permite que você exiba uma galeria com lightbox e legenda para cada foto.
  • Image
    No Divi, o item Imagem exibe uma única imagem com opção de lightbox.
  • Number Counter
    O Contador de Números do Divi facilita a exibição de estatísticas sobre a sua empresa. Com ele é possível exibir numeros inteiros e também percentuais.
  • Person
    O módulo Pessoa é ideal para exibir colaboradores e pessoas. É possível exibir a foto, descrição, cargo, empresa e links das redes sociais de cada uma das pessoas.
  • Portfolio
    O Portifólio do Divi exibe seus projetos mais recentes em formato de blog, com um projeto abaixo do outro.
  • Post Navigation
    O módulo de Navegação de Post permite que o Divi exiba a final de cada post, os links para os posts a seguir e anterior.
  • Post Slider
    No Divi, o Slider de Post é capaz de criar um slider com as últimas postagens. É uma maneira moderna e elegante de destacar seus principais posts.
  • Post Title
    O módulo de Título do Post exibe o título da postagem e permite personalizar o estilo.
  • Pricing Table
    A Tabela de Preços no Divi é um módulo muito utilizado. Com ele é possível exibir planos de maneira a facilitar a comparação e decisão.
  • Search
    O módulo de busca do Divi permite exibir uma caixa de pesquisa e personalizar sua aparência.
  • Shop
    O Divi pode ser integrado completamente ao WooCommerce. Se você possui uma loja virtual com WooCommerce, você pode exibir seus produtos usando o módulo Loja.
  • Sidebar
    O módulo Barra Lateral do Divi permite que você exiba uma de suas sidebars do WordPress dentro de qualquer página ou post.
  • Slider
    O módulo Slider (Deslizante) do Divi permite que você crie os famosos banners rotativos em seu site.
  • Social Follow
    O módulo Seguir nas Redes Sociais é uma excelente forma de divulgar os links dos seus perfis sociais.
  • Tabs
    O módulo Abas te ajuda a exibir muito conteúdo de maneira condensada e organizada. As abas do Divi são um grande aliado na estruturação de páginas com muito conteúdo.
  • Testimonial
    No Divi, exibir depoimentos é algo bem simples. Utilizando o módulo Depoimentos você pode inserir a foto, o nome, a empresa, o cargo e o depoimento de alguém.
  • Text
    Este é um dos módulos mais simples e mais utilizados. O módulo de Texto do Divi permite que você insira texto rico utilizando um editor ao qual estamos acostumados.
  • Toggle
    O módulo Toggle (Caixa de Alternância) é muito parecido com o Sanfona. A diferença entre eles é que a caixa de alternância não se fecha sozinha ao abrir uma outra caixa.
  • Video
    Exibir vídeos no Divi é bem simples com esse módulo. Basta adicionar seu próprio arquivo de vídeo ou a URL do YouTube. Além disso, ainda é possível inserir uma thumbnail personalizada para o vídeo.
  • Video Slider
    No Divi ainda é possível criar um slider de vídeos. Utilizando o Video Slider você cria um slider de miniaturas que podem acionar o play do respectivo vídeo.
  • Header
    O módulo Header te permite criar uma chamada mais visual logo no início da página.
Fundador da Mirago, atuou como consultor de marketing digital por muitos anos. Formado em comunicação social pela ESPM, já ministrou aulas em instituições como BSP, Trevisan Escola de Negócios e Escola São Paulo. Atualmente se dedica a inovação na educação do mercado digital.

Comece a estudar agora!

PRO

R$ 49
90
Acesso por 1 ano
Recomendado