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 !
Table des matières de cette formation WordPress (durée : 5h28m)
-
- Introduction 00:04:50
- Installer Wamp pour avoir un serveur local sur votre PC 00:06:42
- Installation de WordPress 00:18:38
- Tour d'horizon de l'administration 00:31:51
- Installation des plugins indispensables à la formation 00:10:12
- Créer un mu-plugin avec des constantes utiles pour le thème WordPress 00:09:59
- Créer la base du thème pour qu'il soit reconnu par WordPress 00:20:14
- Scinder le fichier index.php en plusieurs fichiers : header.php, footer.php ... 00:06:30
- Mettre en place une redirection permanente et ajouter les hooks wp_head et wp_footer 00:16:37
- Découverte du plugin ACF et création des champs pour les options générales du site 00:21:22
- Récupérer ces champs créés dans le template de notre thème 00:12:34
- VISUEL ACCUEIL Partie 1 00:14:11
- VISUEL ACCUEIL Partie 2 00:13:43
- Mise au point sur la version 5 de ACF 00:14:23
- Partie A PROPOS 00:34:02
- EQUIPE : Partie 1 00:09:44
- EQUIPE : Partie 2 00:31:21
- Partie DEVISE 00:07:52
- Partie OEUVRES D'ART 00:31:12
- Conclusion 00:12:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Adrien Gazaix
-
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.
-
Merci, c'était génial ! J'attends le prochain avec impatience. C'était un régal.
-
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 :)
-
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).
note moyenne
avis laissés