Como criar um tema WordPress personalizado do zero

Como fazer um tema WordPress personalizado do zero

Vamos criar um tema WordPress do zero, partindo de um design básico. Todo o processo, desde a instalação do WordPress até a configuração de um modelo de tema e colocá-lo no ar, será abordado. Também vamos tratar dos aspectos de WooCommerce e eCommerce, que vou cobrir enquanto construímos o HTML, CSS e JS.

00:00:00 - Introdução
00:02:00 - Instalando o WordPress e o nosso tema personalizado
00:10:30 - Configurando as pastas e menus do site WordPress
00:15:50 - Cabeçalho
01:05:04 - Chamada para ação na página inicial
01:29:55 - Banner da página inicial
01:49:40 - Oferta especial da página inicial
02:14:40 - Produtos WooCommerce da página inicial
02:53:30 - Círculos da seção inicial
03:07:36 - Depoimentos da página inicial
03:12:39 - Formulário de contato no rodapé
03:31:55 - Página interna do WordPress
03:53:33 - Notícias do blog
04:17:30 - Página de contato
04:30:20 - Categorias do blog
04:58:45 - Configuração do WooCommerce
05:13:05 - Produto WooCommerce
05:58:12 - Produto com variações WooCommerce
06:16:00 - Pesquisa dinâmica de variações de produto em JS
07:20:13 - Lista dinâmica de produtos WooCommerce na página inicial
07:31:35 - Pesquisa dinâmica de produtos eCommerce no cabeçalho
08:52:30 - Conclusão

Arquivos de design e assets do Figma:

Este foi apenas a primeira parte para o design deste site de eCommerce no WordPress. Na parte 2, vamos personalizar outros aspectos deste site, incluindo as páginas de Carrinho e Finalização de Compra!

Este tutorial do WordPress também vai abordar alguns elementos de JavaScript e PHP para te mostrar como criar um site com conhecimentos básicos de programação e codificação. Se você e…