Comment créer un thème WordPress personnalisé à partir de zéro

Comment créer un thème WordPress personnalisé à partir de zéro

Nous créons un thème WordPress à partir de zéro en le construisant à partir d'un design de base. L'ensemble du processus, de l'installation de WordPress à la configuration d'un modèle de thème et à sa mise en service, sera couvert. Cela inclut également des aspects de WooCommerce et d'eCommerce que je traiterai également pendant que nous construisons le HTML, le CSS et le JS.

00:00:00 - Introduction

00:02:00 - Installation de WordPress et de notre thème personnalisé

00:10:30 - Configuration des dossiers et des menus du site WordPress

00:15:50 - En-tête

01:05:04 - Appel à l'action de la page d'accueil

01:29:55 - Bannière d'accueil

01:49:40 - Offre spéciale d'accueil

02:14:40 - Produits WooCommerce de la page d'accueil

02:53:30 - Cercles de section d'accueil

03:07:36 - Témoignages d'accueil

03:12:39 - Formulaire de contact du pied de page d'accueil

03:31:55 - Page interne WordPress

03:53:33 - Articles de blog

04:17:30 - Page de contact

04:30:20 - Catégories de blog

04:58:45 - Configuration de WooCommerce

05:13:05 - Produit WooCommerce

05:58:12 - Produit de variation WooCommerce

06:16:00 - Recherche de variation de produit JS personnalisé

07:20:13 - Liste dynamique de produits WooCommerce de la page d'accueil

07:31:35 - Liste dynamique de recherche eCommerce de l'en-tête

08:52:30 - Conclusion

Fichiers et ressources de design UI Figma :

C'était seulement la partie 1 de ce design de site Web eCommerce WordPress. Dans la partie 2, où nous personnalisons d'autres aspects de ce site, y compris les pages Panier et Paiement !

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

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

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

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

Ce tutoriel WordPress couvrira également certains éléments JavaScript et PHP qui vous aideront à savoir comment créer un site Web avec une programmation et un codage de base. Si vous aimez les tutoriels de design web et recherchez des vidéos WordPress pour débutants comme celle-ci, celles-ci font partie d'une série que je fais sur comment créer un site Web WordPress et effectuer l'installation de thèmes WordPress, et vous pouvez consulter certaines des autres playlists sur ma chaîne.

Apprenez le design pour les développeurs !

Un livre que j'ai créé pour vous aider à améliorer l'apparence de vos applications et sites Web.

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

N'hésitez pas à me suivre sur :

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

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

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

Logiciels & Remises :

🚾 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

Matériel informatique :

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

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

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

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

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

💡 Éclairage : https://amzn.to/3vOZeZY

💡 Éclairage clé : https://amzn.to/3f6qP2f

Équipement de caméra :

📷 Caméra : https://amzn.to/3uCv4J9

📸 Objectif principal : https://amzn.to/3vT6wMm

📸 Objectif secondaire : https://amzn.to/3tyqWIX

🎥 Caméra secondaire : https://amzn.to/3o2zCGi

🎙 Micro de caméra : https://amzn.to/33tCz9l

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