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

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 !