Comment créer un thème WordPress responsive ?
Voici la 3ème et dernière partie de notre cours complet sur la création d’un thème responsive avec Bootstrap et WordPress. Ce cours est accessible pour les débutants qui ont quelques bases sur WordPress / HTML / CSS.
- Suivre la première partie créer la maquette graphique d’un blog avec Photoshop
- Suivre la deuxième partie intégration d’un blog responsive à l’aide du framework Bootstrap
Programme du tuto créer un thème WordPress responsive
- Création d’un serveur local avec Mamp
- Installation et configuration de WordPress
- Création des principales catégories et articles en admin
- Installation et création d’un thème personnalisé
- Découpage du site et création des includes du thème responsive
- Création et déclaration du menu de navigation
- Création des boucles et affichage dynamique des articles sur le site
- Créer une pagination
- Création du template de page des articles (single.php)
- Affichage dynamique des titres, image à la une, date de publication, auteur, rubrique…
- Affichage du contenu des articles
- Ajout du plugin de commentaires disqus
- Affichage des articles similaires en fonction de la catégorie
- Afficher dynamiquement les catégories et les articles avec un compteur
- Affichage des articles les plus consultés
- Affichage des derniers commentaires
- Création des templates de page, category, template 404…
- Export du site créé en local et de sa base de données vers un hébergeur Web.
Les fichiers sources (.psd et HTML / CSS) du 1er et 2ème chapitre sont fournis avec le cours. Pour plus d’informations concernant cette formation, je vous invite à visionner l’extrait vidéo. Si vous avez des questions, n’hésitez pas à nous laisser un commentaire en dessous de la vidéo Youtube. Sinon vous pouvez toujours nous écrire via le formulaire de contact.
Bon tuto à tous !
Avis clients
Ce qu'en disent les apprenants
Comme d'habitude, grâce à Damien, ce qui paraît compliqué au début devient simple après avoir visionné le tuto. Je suis fan encore une fois. A acheter sans hésiter! Merci à toi !!!
via tuto.com
Très bien pour apprendre à créer sa propre charte graphique et l'intégrer à WordPress. Je conseille de prendre le tuto précédent, du même auteur, où on apprend à créer cette charte graphique. 5/5 mérités.
via tuto.com
Très bon tuto, Bonne découverte de bootstrap et son intégration dans WP. Seul petit bémol, le son "s'énerve" parfois sur les derniers chapitres. Gaffes à vos genoux si vous êtes sur haut parleur ;)
via tuto.com
Un excellent tuto, des explications claires, un débit de paroles pas trop rapide. Merci et bravo à Damien.
via tuto.com
Très bon tuto comme d'habitude...bravo.
via tuto.com
Plus de cours...
Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !
