• Categoria do post:Curso WordPress
  • Tempo de leitura:8 minutos de leitura
Ads

Para turbinar o Curso gratuito de WordPress do Blogson, estou disponibilizando alguns modelos simples e gratuitos, mas funcionais, de templates para Elementor.

Estes modelos serão publicados periodicamente e este primeiro trata-se de um modelo para Academia / Fitness. Todos os modelos para Elementor serão publicados seguindo os mesmos passos ensinados no curso.

Recursos dos Template Gratuito para Academia – Elementor

  • Funciona em conjunto com qualquer tema compatível com o Elementor. A demonstração disponível aqui usa o tema padrão Twenty Twenty, mas você pode usar com outros temas compatíveis de sua preferência.
  • Utiliza apenas Elementor Gratuito.
  • Navbar fixa sem uso de plugin adicional e com CSS editável na própria página.
  • Botão do WhatsApp opcional – Usando plugin.
  • Botão Voltar ao topo opcional – Usando o plugin.
  • Formulário de contato – Usando o plugin.
    • Máscara de formatação do campo de telefone / WhatsApp.
    • Estilização do formulário Contact 7 – usando o plugin.
  • Carrossel de depoimentos – Usando o plugin.

Como importar o Template gratuito para Elementor – Academia.

Primeiramente, faça o download aqui:

  1. É importante que você tenha instalado os seguintes plugins.
    1. Elementor
    2. Contact Form 7
    3. Premium Addons for Elementor
  2. Como plugins opcionais você também pode instalar;
    1. Mascaras CF7 adiciona máscara ao campo de telefone do form de contato.
    2. WPFront Scroll Top – adiciona um botão de voltar ao topo.
    3. Click to Chat – adiciona um botão do WhatsApp.
    4. Para aqueles que já dominam um pouquinho mais de WordPress, recomendo a leitura deste artigo sobre dica de performance;
  3. Estando tudo certinho, no painel administrativo do WordPress, localize o menu Modelos > Modelos Salvos.
  4. Localize agora os botões Importar Modelos. Importe os 4 modelos disponíveis no Download que você fez aqui no Blogson.
  5. Agora vamos importar o formulário do Contact Form 7 (obviamente você poderá editá-lo depois). No painel do WordPress localize o menu Ferramentas > Importar, e instale o importador do WordPress.
  6. Em seguida clique em Rodar Agora e e faça o upload do arquivo formulario-de-contato.xml que se encontra junto com os modelos baixados aqui no Blogson.
  7. Prontinho!!! Agora o próximo passo é criar uma página a partir dos modelos importados.

Criando uma página no Elementor a partir de um modelo gratuito

  1. No painel administrativo do WordPress, localize o menu Páginas > Adicionar Nova.
  2. Dê um nome para a sua página e em seguida clique em Editar com Elementor
  3. Na área de edição, localize o ícone de uma pastinha.
  4. No menu superior, clique em Meus Modelos.
  5. Localize o modelode página com o nome de Templates do Blogson – Academia 01 e clique em seguida no botão Inserir
  6. Aparecerá uma janelinha questionando se você deseja importar as configurações do documento, informe que SIM.
  7. Prontinho!!! O conteúdo será carregado e você poderá editar todo o conteúdo a seu gosto. Se precisar de imagens, leia o artigo sobre banco de imagens gratuitos aqui no Blogson.

Definindo a página principal do site

Se você já editou todo o conteúdo, você poderá agora definir a página como sendo a principal. Caso não saiba como fazer, siga os passos.

  1. No painel Administrativo do WordPress, clique em Configurações > Leitura
  2. Localize o campo Sua página inicial exibe e mude o valor dele para Uma página estática (selecionar abaixo) você verá a página que você criou em uma lista, selecione-a e salve as configurações.

IMPORTANTE! Política de Privacidade e Consentimento de Cookies.

Este site foi projeto para coletar dados de seus interessados através do formulário de contato, é importante que você crie uma página de política de privacidade e depois instale algum plugin de consentimento de cookie caso utilize algum serviço de rastreamento como o Google Analytics por exemplo. Aqui no Blogson eu uso o Cookie Notice for GDPR & CCPA.

Outra coisa importante é que; se fizer a integração com algum serviço de News Letter, disponibilize na política de privacidade um link de unsubscribe.

Continue acompanhando o Blogson para saber quando novos templates gratuitos para Elementor forem disponibilizados.

Ads

Anderson Oliveira

Anderson Oliveira é desenvolvedor, escritor e docente no CEETPS - Centro Estadual de Educação Tecnologia de São Paulo. Atualmente trabalha na Administração Central do CPS e leciona aulas de programação na Etec Prof. Carmine Biagio Tundisi de Atibaia.