Créer un site OnePage dynamique - Partie 3 : LE THÈME WORDPRESS
ERROR
00:00
00:00

TUTO Créer un site OnePage dynamique - Partie 3 : LE THÈME WORDPRESS

Adrien Gazaix
34,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Vous savez maintenant intégrer un site en HTML, alors passez au niveau supérieur et rendez le contenu de votre site entièrement dynamique grâce à la puissance de WordPress !

En effet, cette formation fait suite à la seconde partie déjà publiée sur tuto.com dans laquelle nous avons vu ensemble, pas à pas, comment intégrer une maquette OnePage issue du logiciel Affinity Designer avec des outils comme le HTML5, CSS3 & jQuery. Cette nouvelle partie sera donc consacré à la création du thème WordPress.
 

Ce que nous allons voir dans ce tuto site OnePage partie 3 : WordPress

  • Comment installer un serveur local sur votre machine Windows avec Wamp
  • Créer une base de données sur PHPmyAdmin en utf8mb4
  • Télécharger la dernière version de WordPress
  • Parcourir les fichiers de base & le fichier wp-config en particulier
  • Installer WordPress et se connecter à l’administration du site
  • Faire un tour d’horizon de l’administration
  • Nettoyer le tableau de bord
  • Configurer les options essentielles
  • Créer une page d’accueil
  • Installer les plugins indispensables avec une explication sur leur fonctionnement et leur utilité
  • Créer un dossier pour accueillir des mu-plugins
  • Ajouter un mu-plugin avec des constantes à utiliser dans le thème
  • Créer la base du thème pour qu'il soit reconnu par WordPress
  • Ajouter des informations sur le thème et un screenshot
  • Utiliser les constantes créées pour avoir des liens absolus
  • Créer un fichier header.php & footer.php avec leurs hooks respectifs wp_head & wp_footer afin de créer des points d'encrage pour l'inclusion de fichiers css/js des différents plugins
  • Scinder le fichier index.php pour plus de lisibilité
  • Faire une redirection permanente vers l'accueil sur le template index.php pour toutes les pages existantes ou 404
  • Découvrir le plugin ACF version 5
  • Créer des champs personnalisés de types différents (texte, wysiwyg, image, color picker...)
  • Créer une mise en forme en Onglets pour ces champs
  • Récupérer ces champs dans un template du thème
  • Faire des tests avant d'afficher la donnée si le champ est vide
  • Ajouter une extension Font Awesome pour ACF afin de changer dynamiquement les icônes de la partie "a propos"
  • Faire un test de logique conditionnelle pour laisser le choix à l'administrateur entre 2 templates (champ libre ou 3 colonnes)
  • Mettre en place des tailles d'images personnalisées afin de coller parfaitement à l'intégration de départ et utiliser des images au bon ratio taille/poids
  • Regénérer toutes les tailles d'images du site en un clic
  • Créer et configurer un custom post type
  • Récupérer le contenu d'un custom post type avec une boucle WP_Query
  • Améliorer l'administration des projets en créant des colonnes supplémentaires pour montrer d'un coup d’œil l'image à la une et certains champs personnalisés
  • Et plein d'autres choses encore, des conseils...

A la fin de la formation, vous devriez être capable de créer un thème WordPress OnePage professionnel.

Je vous invite à découvrir l’extrait vidéo d’une quinzaine de minutes pour découvrir ce que nous allons faire ensemble pendant ces 5h30 de formation.
Bien entendu, je reste disponible dans le salon d’entraide si vous avez des questions pendant ou après le visionnage. Le thème WordPress créé est disponible dans les sources avec la vidéo.

Bonne formation !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction
Leçon 2
Installer Wamp pour avoir un serveur local sur votre PC
Leçon 3
Installation de WordPress
Leçon 4
Tour d'horizon de l'administration
Leçon 5
Installation des plugins indispensables à la formation
Leçon 6
Créer un mu-plugin avec des constantes utiles pour le thème WordPress
Leçon 7
Créer la base du thème pour qu'il soit reconnu par WordPress

Plan détaillé du cours

Leçon 1Introduction
04m50s
Leçon 2Installer Wamp pour avoir un serveur local sur votre PC
06m42s
Leçon 3Installation de WordPress
18m38s
Leçon 4Tour d'horizon de l'administration
31m51s
Leçon 5Installation des plugins indispensables à la formation
10m12s
Leçon 6Créer un mu-plugin avec des constantes utiles pour le thème WordPress
09m59s
Leçon 7Créer la base du thème pour qu'il soit reconnu par WordPress
20m14s
Leçon 8Scinder le fichier index.php en plusieurs fichiers : header.php, footer.php ...
06m30s
Leçon 9Mettre en place une redirection permanente et ajouter les hooks wp_head et wp_footer
16m37s
Leçon 10Découverte du plugin ACF et création des champs pour les options générales du site
21m22s
Leçon 11Récupérer ces champs créés dans le template de notre thème
12m34s
Leçon 12VISUEL ACCUEIL Partie 1
14m11s
Leçon 13VISUEL ACCUEIL Partie 2
13m43s
Leçon 14Mise au point sur la version 5 de ACF
14m23s
Leçon 15Partie A PROPOS
34m02s
Leçon 16EQUIPE : Partie 1
09m44s
Leçon 17EQUIPE : Partie 2
31m21s
Leçon 18Partie DEVISE
07m52s
Leçon 19Partie OEUVRES D'ART
31m12s
Leçon 20Conclusion
12m46s

Aperçus

Avis des apprenants

Détail des avis
82
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Freddy Senis
Freddy Senis
Publié le 13/10/2019
Très complet. Très intéressant, quelque soit le niveau. Il ne manque plus que l'imagination du graphiste ou webmaster pour concrétiser son projet. Merci pour cet énorme travail, c'est impressionant.
Adrien Gazaix
Adrien Gazaix
C'est très sympa d'avoir un retour aussi positif sur cette formation ! Oui c'est vrai que c'est beaucoup de travail, mais quand on aime partager ses connaissances ça vaut le coup ;) Bonne continuation sur WordPress et à bientôt sur de prochains tuto !
Davy Gorchon
Davy Gorchon
Publié le 19/11/2018
Merci, c'était génial ! J'attends le prochain avec impatience. C'était un régal.
Adrien Gazaix
Adrien Gazaix
Super merci beaucoup Davy !!! Oui je crois que pas mal de monde attend maintenant une formation complète sur WordPress 5 ;) Je commence déja à y réfléchir, et j'attends bien sur que la nouvelle version sorte pour être à jour le plus longtemps possible. A très bientôt !
Pascal Grassellini
Pascal Grassellini
Publié le 15/10/2018
Merci encore une fois - Efficace comme à l'habitude ! spécifique au One Page / WP ce qui en fait son originalité et sa pertinence : excellent choix :) L'option de privilégier des plugins renforce le coté opérationnel du tuto et met en second plan l'exploration WP dans ses fondamentaux. Agréable à suivre ...donc que du bonheur :)

Vos questions sur le cours

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

WordPress 4

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le thème WordPress obtenu à la fin de la formation.

Quelle version de WordPress est utilisée dans le tuto ?

C'est la version 4.9.4 (dernière mise à jour de février 2018).

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données