Tutoriel créer son thème WordPress

Téléchargez gratuitement le tutoriel de création d’un thème WordPress. L’ouvrage de 64 pages vous guidera pas à pas dans la création du thème WordPress ,de la maquette graphique à l’utilisation des styles CSS, apprenez comment créer votre propre thème.

 

 

Le tutoriel aborde les différents points essentiels : la structure de dossiers et fichiers, leur contenu, la création de l’architecture HTML et CSS ainsi que la création des sidebars pour afficher les widgets.

 

Le package comprend le tutoriel gratuit de 64 pages en Français ainsi que le thème « 1870wp » pour WordPress issu du tutoriel.

 

Télécharger le Tutoriel gratuit création de thème WordPress

Sommaire du tutoriel

1 Cahier des charges ………………………….. ………………………….. ………………………….. ………………….. 7
2 Pour commencer ………………………….. ………………………….. ………………………….. …………………….. 7
2.1 L’éditeur ………………………….. ………………………….. ………………………….. ………………………….. . 7
2.2 Le serveur local ………………………….. ………………………….. ………………………….. …………………. 8
2.3 Firefox et ses extensions ………………………….. ………………………….. ………………………….. …….. 8
2.4 IEtester ………………………….. ………………………….. ………………………….. ………………………….. … 9
2.5 Les logiciels graphiques ………………………….. ………………………….. ………………………….. ……… 9
2.6 Les bases du langage ………………………….. ………………………….. ………………………….. …………. 9
3 Commençons… ………………………….. ………………………….. ………………………….. …………………….. 10
4 Créer la structure pour commencer ………………………….. ………………………….. …………………….. 13
5 Informations du thème ………………………….. ………………………….. ………………………….. ………….. 14
6 Structure des fichiers ………………………….. ………………………….. ………………………….. …………….. 15
7 header.php ………………………….. ………………………….. ………………………….. ………………………….. . 15
8 Index.php ………………………….. ………………………….. ………………………….. ………………………….. … 17
8.1 Menu horizontal ………………………….. ………………………….. ………………………….. ……………… 17
8.2 Bannière – logo et widget ………………………….. ………………………….. ………………………….. … 19
8.3 Rangée de 4 widgets………………………….. ………………………….. ………………………….. ………… 21
8.4 Slideshow ………………………….. ………………………….. ………………………….. ……………………….. 25
8.5 Zone centrale à 3 colonnes ………………………….. ………………………….. ………………………….. .. 26
8.6 Widget de pied de page ………………………….. ………………………….. ………………………….. …… 30
8.7 Fin du document ………………………….. ………………………….. ………………………….. …………….. 30
1. Footer.php ………………………….. ………………………….. ………………………….. ………………………….. .. 31
9 Option du thème : couleur de fond ………………………….. ………………………….. ……………………… 31
10 Mise en place des CSS ………………………….. ………………………….. ………………………….. ……………. 35
10.1 Initialisation des styles ………………………….. ………………………….. ………………………….. ….. 35
10.2 Styles généraux ………………………….. ………………………….. ………………………….. ……………. 37
10.3 Conteneur principal ………………………….. ………………………….. ………………………….. ……… 38
10.4 Menu horizontal ………………………….. ………………………….. ………………………….. ………….. 39
10.5 Bannière logo et widget de recherche ………………………….. ………………………….. …………. 46
10.6 Rangée de 4 widgets ………………………….. ………………………….. ………………………….. …….. 47
10.6.1 Scénario 1 : un seul widget ………………………….. ………………………….. …………………….. 50
10.6.2 Scénario 2 : deux widgets ………………………….. ………………………….. ………………………. 51
10.6.3 Scénario 3 : trois widgets ………………………….. ………………………….. ……………………….. 51
10.6.4 Scénario 4 : quatre widgets ………………………….. ………………………….. …………………….. 52
10.7 Slideshow ………………………….. ………………………….. ………………………….. ……………………. 53
10.8 Contenu principal à 3 colonnes ………………………….. ………………………….. ………………….. 54
10.8.1 Personnalisation du menu vertical ………………………….. ………………………….. …………… 57
10.8.2 Personnalisation du titre des articles ………………………….. ………………………….. ……….. 59
10.8.3 Personnalisation du lien lire la suite ………………………….. ………………………….. ………… 59
10.9 Pied de page ………………………….. ………………………….. ………………………….. ……………….. 61
11 Responsive design – adaptation pour mobiles ………………………….. ………………………….. ………. 61
12 Création du package final ………………………….. ………………………….. ………………………….. ……….. 64