$ 34.00

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

$ 34.00

  • Une formation vidéo de 5h28m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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



Formateur : Adrien Gazaix

Adrien Gazaix a publié 114 tutoriels et obtenu une note moyenne de 4,8/5 sur 45 585 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de julien_lhomer laissé le 03/04/2018
    Vraiment une très bonne formation (les 3 parties), étant débutant en webdesign et intégration j'ai appris énormément de choses, c'est très bien expliqué, je recommande vivement cette formation. Et je serais aussi intéressé par une nouvelle formation accès Wordpress avec un site plus complexe (plusieurs pages, formulaire de contact, découvrir d'autre plugins, etc...) et pourquoi pas aussi une formation toujours accès Wordpress mais qui montre comment acheter un thème premium, comment le configurer,comment le personnaliser. Voilà ;) merci à vous et à bientôt.

  • 5
    avis de kyja laissé le 03/04/2018
    Merci beaucoup pour cette formation (les 3 parties), très agréable à écouter, j'ai appris énormément d'astuces et de bonnes pratiques !
    "Et un grand merci à vous pour cette note et ce commentaire très encourageants ;) A bientôt pour de nouveaux tuto WordPress !"

  • 5
    avis de salvat laissé le 20/03/2018
    Toujours aussi plaisant à écouter, très bien commenté et complet. J'ai de nouveau appris énormément. Merci

  • 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).
accédez à plus de 1121 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données