Formation complète : Designer, Intégrer et Développer un Blog WordPress
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Formation complète : Designer, Intégrer et Développer un Blog WordPress

Adrien Gazaix
Promo -25%
49,00€65,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation complète de plus de 8h30, je vous propose de découvrir ensemble toutes les étapes de création d’un Blog de A à Z.

Au programme de cette formation complète de création d'un Blog :

  • La première étape consistera à créer le design avec le logiciel Figma.
    Nous obtiendrons alors plusieurs maquettes (blog, catégorie, contact…) ainsi qu’un prototype animé qui pourra servir à la validation graphique auprès d’un client.
  • La seconde partie sera consacrée à l’intégration HTML/CSS des différentes maquettes obtenues précédemment. Nous ferons pour cela du “pure CSS”, c'est-à-dire sans Framework tel que Bootstrap afin de garder un code propre, léger et facile d’accès.
    Enfin, des techniques modernes d’intégration telles que les Flex ou les Grid seront utilisées pour créer la structure de notre Blog.
  • Pour clore cette formation, nous allons faire évoluer notre intégration statique en un site dynamique, grâce au CMS WordPress. Nous obtiendrons donc un thème de blog professionnel complet, facilement réutilisable et administrable.

Bien entendu, les 3 étapes de cette formation peuvent être suivies indépendamment des autres :

Toutes les sources sont fournies avec la formation : Design Figma, Intégration HTML/CSS, Thème WordPress.

N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrez des difficultés pendant ou après le visionnage de la formation.

Bonne formation !

Cours dans ce bundle

Atelier WEB DESIGN : Designer un Blog minimaliste de A à Z sur Figma Cours 1

Atelier WEB DESIGN : Designer un Blog minimaliste de A à Z sur Figma

Atelier HTML & CSS : Intégrer un Blog responsive de A à Z Cours 2

Atelier HTML & CSS : Intégrer un Blog responsive de A à Z

Atelier WordPress : Création d'un thème de Blog de A à Z Cours 3

Atelier WordPress : Création d'un thème de Blog de A à Z

Plan détaillé des cours

 
Leçon 1Introduction, fichiers sources, palette de couleurs et grille
08m51s
Leçon 2Création du Logo à partir d'une police de caractère
09m12s
Leçon 3Création du menu de navigation
05m35s
Leçon 4Designer le Footer du site et apprendre à créer un composant réutilisable
16m21s
Leçon 5Designer un Bloc d'article et en faire un composant
14m59s
Leçon 6Dupliquer les articles sur la page d'accueil et remplir avec du contenu
10m27s
Leçon 7Designer le single d'un article
21m04s
Leçon 8Designer la page : à propos, avec un texte sur l'auteur
07m57s
Leçon 9Designer la page de contact avec un formulaire
17m16s
Leçon 10Designer la page d'une catégorie listant des articles
12m26s
Leçon 11Créer un prototype animé pour naviguer simplement entre les maquettes
11m11s
Leçon 12Conclusion, partage du prototype et proposition d'une suite à cet atelier
07m25s
 
Leçon 1Introduction
04m06s
Leçon 2Exporter des médias depuis Figma
06m08s
Leçon 3Header - Partie 01 : Le Logo
07m22s
Leçon 4Header - Partie 02 : Le menu principal
14m18s
Leçon 5Box d'article - Partie 01
21m21s
Leçon 6Box d'article - Partie 02
17m52s
Leçon 7Intégration du Footer
19m10s
Leçon 8Template de catégorie avec les variantes de couleurs
28m39s
Leçon 9Single d'un article
17m28s
Leçon 10La page A propos
06m
Leçon 11Page contact avec le formulaire
19m39s
Leçon 12Template de page classique : mentions légales
06m49s
Leçon 13Rendre tout le blog entièrement responsive tablette/mobile
13m28s
Leçon 14Conclusion
57s
 
Leçon 1Introduction et installation de Wamp
04m
Leçon 2Installation de WordPress sur le serveur local
05m16s
Leçon 3Configuration de l'admin WordPress : permaliens, page d'accueil...
12m47s
Leçon 4Insérer des médias dans l'admin et les organiser dans des dossiers
04m21s
Leçon 5Création des pages + changer l'ordre en drag & drop
05m14s
Leçon 6Création des articles, des catégories + ajouter une colonne pour la miniature
09m42s
Leçon 7Création de la base du thème : index, style & screenshot
13m43s
Leçon 8Boucle WordPress (loop) pour récupérer le contenu dynamiquement
04m37s
Leçon 9Création du fichier functions.php pour ajouter des fonctionnalités au thème
06m02s
Leçon 10Création du menu et affichage dans le template
08m44s
Leçon 11Scinder index.php en 2 fichiers header & footer
02m53s
Leçon 12Créer le template de la page d'accueil
15m17s
Leçon 13Créer le template d'une catégorie
07m16s
Leçon 14Créer le template du single d'un article
07m13s
Leçon 15Créer le template de la page A propos
05m08s
Leçon 16Créer le template de la page Contact avec le formulaire
17m47s
Leçon 17Ajouter une taille d'image personnalisée, changer le cadrage d'une image
17m35s
Leçon 18Plugin ACF pour créer des champs personnalisés pour les réseaux sociaux
10m38s
Leçon 19Bouger la classe active sur le menu en fonction de la page ou on se trouve
06m59s
Leçon 20Ajouter la gestion des commentaires sur un article + système de notation
09m53s
Leçon 21Ajouter le partage d'article via les réseaux sociaux
04m36s
Leçon 22Création d'une page d'erreur 404 pour les pages inexistantes
05m20s
Leçon 23Mettre en place une pagination sur l'accueil et les catégories
04m57s
Leçon 24Conclusion
02m18s

Avis des apprenants

Détail des avis
104
Apprenants
10
Commentaires
5/5
Note moyenne
5/5
10
4/5
0
3/5
0
2/5
0
1/5
0
Sergei Lauffenburger
Sergei Lauffenburger
Publié le 26/11/2023
superbe travail vraiment
Adrien Gazaix
Adrien Gazaix
Merci ça fait plaisir 🙏
Jérôme Réauté
Jérôme Réauté
Publié le 23/02/2023
Tuto progressif très bien conçu. Les conseils qui le jalonnent sont pertinents et bienvenus. Merci !
Adrien Gazaix
Adrien Gazaix
Je t'en prie, et bonne continuation sur WordPress :)
Maillot Emmanuel
Maillot Emmanuel
Publié le 20/01/2023
Super tuto ! Des explications claires et précises. J'aimerais pour le prochain tutoriel que vous fassiez un site complet E-commerce s'il vous plaît. Merci et bonne continuation ;)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1333 tutos gratuits

Notre politique de protection des données