Sobre • Implementação e Funcionalidades • Layout • Como executar • Tecnologias • Dev • Licença
Link deploy: http://produz.digital/listra_lp/
🚀 Este teste possui como objetivo a criação de um tema do zero no wordpress. Seguindo design feito no figma.
- Desenvolvimento de um tema do zero dentro do wordpress;
- Pelo menos uma sessão do protótipo deve ter a possibilidade de alterar o conteúdo dinamicamente dentro do CMS do Wordpress;
- Quando clicar no link do whatsapp “Fale com um consultor” , deve abrir o link https://api.whatsapp.com/send?phone=5531999999999 ;
- Widget do zero para Elementor | Foi feito um plugin e adicionado um widget com as seguintes possibilidades: inverter lado do conteúdo, alterar título, alterar conteúdo texto, alterar imagem, alterar cor de fundo, alterar cor do texto e integração com outras funcionalidades avançadas do Elementor.
- Também foi utilizado o plugin ACF deixando parte do restante do conteúdo editável. E exemplo no painel de como seria essa edição total do site via ACF.
- Possível alterar logo uma única vez nas opções do tema, a mesma será atualizada no header e no footer ao mesmo tempo após salvar.
- Possível escolher o conteúdo texto, icone e link do botão cta para o whatsapp. Este aparece pelo menos 4 vezes no site, sendo uma delas dentro do form.
- Modal na versão mobile. Para acesso ao form.
- Botão flutuante na parte inferior da tela. Versão mobile.
- Slider na seção de testemunhos. Com autoplay ativo.
- Slider na seção de Benefícos. Somente quando tela for referente ao mobile.
- Texto secundário para o título. Aparece somente em dispositivos móveis.
- FAQ list (accordion) com conteúdo dinâmico. (100% editável pelo usuário e sem limite de itens)
- Custom POST Type para Testemunhos (apenas exemplo no wp admin)
- Exemplos no Opções do tema (painel wp) e na dentro da página LP (em editar página).
- Otimização geral (em andamento...)
- CI / CD
- Outros...
O layout da aplicação:
💡 No diretório do projeto, você pode executar:
Depois:
Para executar o gulp | modo de desenvolvimento.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
As seguintes ferramentas foram usadas na construção do projeto:
- Fonte: Montserrat
Jonathan Santos (Jonathan PD)
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Jonathan PD 👋🏽 Entre em contato!
Português 🇧🇷 | No English version, sorry.