Voici la dernière partie de notre cours complet sur la création d'un blog responsive avec Bootstrap et WordPress.
- Dans la première partie nous avions vu comment créer un template sous Photoshop.
- Dans une seconde partie, nous avions vu comment intégrer en HTML et CSS ce template.
Dans ce tuto, nous verrons comment intégrer et mettre en ligne le template via WordPress. Ce tuto vidéo est accessible pour les débutants qui ont quelques bases sur Wordpress / HTML / CSS.
Au programme de ce tuto intégration d'un blog responsive dans WordPress :
Nous apprendrons à créer un serveur local. Nous verrons comment installer et configurer WordPress. Nous créerons par la suite les principales catégories et articles via l'administration de WordPress. Ensuite, nous verrons comment installer le thème personnalisé. Nous verrons comment créer le menu de navigation, les boucles, l'affichage dynamique des articles, la pagination. Nous verrons comment ajouter le plugin de commentaire disqus, comment afficher des articles similaires en fonction de la catégorie, créer une liste des articles les plus consultés..
Pour plus de détails référez vous à la table des matières du tuto, ainsi qu'à l'extrait.
Les fichiers sources (psd, html, css) du 1er et 2ème chapitre sont fournis avec le cours.
Bon tuto à tous !
Table des matières de cette formation WordPress, Bootstrap (durée : 2h07m)
-
- Création d'un serveur local, Installation et configuration de Wordpress 00:08:06
- Création des principales catégories et articles en admin 00:07:08
- Installation et création d'un thème personnalisé 00:06:51
- Découpage du site et création des includes 00:04:53
- Configuration des balises metas, styles css et js 00:05:39
- Création et déclaration du menu de navigation 00:07:17
- Création des boucles et affichage dynamique des articles sur le site 00:19:44
- Affichage dynamique des titres, image à la une, date de publication, auteur, rubrique... 00:17:27
- Affichage dynamique des catégories, articles les plus consultés et derniers commentaires 00:20:40
- Création des templates de page, category, template 404... 00:13:46
- Export du site créé en local et de sa base de données vers un hébergeur Web. 00:15:52
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Un excellent tuto, des explications claires, un débit de paroles pas trop rapide. Merci et bravo à Damien.
-
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 ;)
-
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.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?WordPress 4.1, WordPress 4, Bootstrap 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés