Tuto – Créer un site OnePage Dynamique – Vol.3 – Le Thème WordPress
Tuto – Créer un site OnePage Dynamique – Vol.3 – Le Thème WordPress
ISO + Fichiers source | Français | 5 H 43 Min | 10 Go
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, 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. A la fin de la formation, vous devriez être capable de créer un thème WordPress OnePage professionnel.
Au programme :
• 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…
Plus d’info:
_https://fr.tuto.com/wordpress/creer-un-site-onepage-dynamique-partie-3-le-theme-wordpress-wordpress,101131.html
