Como criar um tema WordPress personalizado do zero

Como criar um tema WordPress personalizado do zero

Criamos um tema WordPress do zero construindo-o a partir de um design básico. Todo o processo, desde a instalação do WordPress até a configuração de um template de tema e colocá-lo em funcionamento, será abordado. Isso também inclui aspectos do WooCommerce e eCommerce, que também abordarei enquanto construímos o HTML, CSS e JS.

00:00:00 - Introdução

00:02:00 - Instalando o WordPress e 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 da Página Inicial

03:07:36 - Depoimentos da Página Inicial

03:12:39 - Formulário de Contato do Rodapé da Página Inicial

03:31:55 - Página Interna do WordPress

03:53:33 - Itens de 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 de Variação WooCommerce

06:16:00 - Consulta de Variação de Produto JS Personalizada

07:20:13 - Listagem Dinâmica de Produtos WooCommerce da Página Inicial

07:31:35 - Listagem Dinâmica de Consulta de Ecommerce do Cabeçalho

08:52:30 - Conclusão

Arquivos e Ativos de Design UI do Figma:

Esta foi apenas a parte 1 deste design de Site WordPress eCommerce. Na parte 2, onde personalizamos outros aspectos deste site, incluindo as Páginas de Carrinho e Checkout!

Parte 1: https://youtu.be/cLhnubqavDg

Parte 2: https://youtu.be/fxaeY0J5pTw

Parte 3: https://youtu.be/WC4v4EjkUGk

Parte 4: https://youtu.be/8TOIZVLCZiE

Este tutorial de WordPress também abordará alguns dos elementos de javascript e PHP que ajudam você a saber como criar um site com programação e codificação básica. Se você gosta de tutoriais de design web e está procurando vídeos de WordPress para iniciantes como este, estes fazem parte de uma série que faço sobre como criar um site WordPress e realizar a instalação de temas WordPress, e você pode conferir algumas das outras playlists no meu canal.

Aprenda Design para Desenvolvedores!

Um livro que criei para ajudar você a melhorar a aparência de seus aplicativos e sites.

📘 Enhance UI: https://www.enhanceui.com/

Sinta-se à vontade para me seguir em:

🐦 Twitter: https://twitter.com/intent/follow?screen_name=adrian_twarog

💬 Discord: https://discord.gg/6gmmFvxkD7

💸 Patreon: https://www.patreon.com/adriantwarog

Software & Descontos:

🚾 Webflow: https://webflow.grsm.io/adrian

🌿 Envato: https://1.envato.market/yRZjz2

🌿 Envato Elements: https://1.envato.market/LP0OJZ

🔴 Elementor: https://elementor.com/adrian/?ref=23140

✖ Editor X: https://www.editorx.com/adrian-twarog

Equipamento de Computador:

⬛ Monitor: https://amzn.to/3f9DOQI

⌨ Teclado: https://amzn.to/3eA5UFD

🐁 Mouse: https://amzn.to/3xVJO8l

🎤 Microfone: https://amzn.to/3hgCfms

📱 Tablet: https://amzn.to/3ewt7sa

💡 Iluminação: https://amzn.to/3vOZeZY

💡 Iluminação de Chave: https://amzn.to/3f6qP2f

Equipamento de Câmera:

📷 Câmera: https://amzn.to/3uCv4J9

📸 Lente Primária: https://amzn.to/3vT6wMm

📸 Lente Secundária: https://amzn.to/3tyqWIX

🎥 Câmera Secundária: https://amzn.to/3o2zCGi

🎙 Microfone de Câmera: https://amzn.to/33tCz9l

🎞 USB para HDMI: https://amzn.to/33yW9RE