formation WordPress pour les débutant en développement web

1. Présenté par :
Abderrahmane OUBROU
Mohamed AGHROUD 26/11/2023
Wordpress: thèmes et templates
1
La formation sous thème :

2. 2
PLAN
INTRODUCTION
CHOISIR ET INSTALLER DESTHÈMES
PERSONNALISATION DESTHÈMES
CRÉATION DE MODÈLES PERSONNALISÉS
TRAVAILLER AVEC DESTHÈMES ENFANTS

3. 3
I. Les objectifs de cours
• Comprendre l'importance des thèmes et templates WordPress
• Explorons les thèmes WordPress
• Découvrons les templates WordPress
• Personnalisation approfondie avec Thèmes et Templates
• Choisir et personnaliser efficacement vos thèmes et templates

4. 4
I. Introduction
Un thème Wordpress est un ensemble de fichiers qui auront
comme rôle de modifier et personnaliser l’apparence global du
site mais également la disposition des contenus.
un thème impact toute la partie visuelle du site wordpress.
un thème Wordpress ne modifiera en aucun cas les contenus
créés tels que les articles, les titres et descriptions du site, …
Il est donc nécessaire de bien séparer l’apparence graphique
d’un site et son contenu

5. 5
I. Introduction
Un thème Wordpress peut inclure les éléments suivants
Fichiers de modèle(template files)
Fichiers de style
Images et medias
fonctions

6. 6
I. Introduction
Template se réfère généralement à un fichier de modèle
spécifique utilisé pour afficher une partie spécifique du site.
Par exemple, il y a des templates pour les pages, les articles, les
archives, les catégories, etc.
Chaque type de contenu peut avoir son propre fichier de modèle,
dictant comment il est affiché sur le site.
Thème vs Template
Thème Template
ensemble global de fichiers définissant
l'apparence d'un site
fait référence à un fichier spécifique utilisé pour
afficher une partie spécifique du contenu sur le site

7. 7
II. Choisir et installer des thèmes
Connectez-vous à votre tableau de bord WordPress.
Une fois connecté, accédez à l’onglet « Apparence », puis cliquez
sur « Thèmes ».
Pour ajouter un nouveau thème, cliquez sur le bouton « Ajouter »
Cliquez sur le bouton « Téléverser un thème » en haut de la
page. Choisissez le fichier ZIP du thème depuis votre ordinateur,
puis cliquez sur « Installer ».
changer de thème WordPress ?
Accédez d’abord au menu « Apparence » et sélectionnez
« Thèmes ». Passez ensuite le curseur sur le thème que vous
souhaitez utiliser et cliquez sur « Activer »

8. 8
III. Création des thèmes
Prérequis : HTML,CSS,PHP
Étape 1 : créer le dossier de votre thème
/wp-content/theme/montheme
ce dossier doit contenir au minimum les fichiers
1. le fichier style.css : pour la configuration et l’ajout des règles de style
2. le fichier index.php : pour l’affichage du contenu de votre site,
3. le fichier functions.php : pour l’ajout de fonctionnalités WordPress dans votre thème.
Étape 2 : créer le fichier style.css
il faudra les déclarer dans le fichier functions.php tous les fichiers css que nous découvrirons plus bas.
Étape 3 : créer le fichier index.php
Étape 4 : activer le thème WordPress
Étape 5 : créer le fichier functions.php

9. 9
IV. Création de modèles personnalisés
Créer un nouveau modèle
1. Créez une nouvelle publication (article ou page).
2. Ouvrez la colonne latérale des réglages et allez sur l’onglet Article ou Page.
3. Dans la section Modèle, sélectionnez l’option Nouveau.
4. Vous devrez alors donner un nom à votre modèle. Nous vous recommandons d’utiliser un nom
décrivant le type de modèle, comme par exemple « Pleine largeur ».
5. Vous passerez alors en mode d’édition de modèle, et pourrez faire toutes les modifications que
vous voulez sur le modèle en cours d’édition. Si besoin, vous pouvez revenir vers l’édition de votre
publication avec le lien de retour à la publication.
6. Une fois que vous avez fini vos modifications, cliquez sur Publier pour enregistrer vos
modifications.

10. 10
• créer un thème enfant.
• C’est parce que si vous modifiez le thème directement et que vous le mettez à jour (ce que vous
devriez faire), vous perdrez tous les changements que vous avez faits.
• La création d’un thème enfant se compose de quatre étapes :
1. Créer un nouveau dossier dans wp-content/themes.
2. Dans ce dossier, créez une feuille de style. Dans cette feuille de style, dites à WordPress qu’il
s’agit d’un thème enfant de votre thème existant.
3. Ajoutez des copies des fichiers que vous voulez modifier au thème enfant et modifiez-les à cet
endroit.
4. Activez le thème enfant dans votre site.
WordPress utilisera toujours un fichier du thème enfant pour produire du contenu à moins qu’il n’y ait un
fichier plus haut dans la hiérarchie du thème parent. S’il y a deux versions du même fichier, il utilisera celle du
thème enfant. Cela signifie que votre nouveau fichier dans le thème enfant remplacera celui du thème parent.
IV. Travailler avec les thèmes enfants

11. Pratique
Objectif du jour:
1. Concevoir un thème pour wordpress
 Liste des articles
 Slidebar
 Catégorie
2. Pour aller un peu plus loin :Créer un carousel
11

12. Pratique
Introduction
Le processus:
CSS
Entête
Corps de Template
Structure les fichiers
Conclusion
12

13. Pratique
Concevoir un thème pour wordpress
Créer un dossier contenant les fichier de thèmes :
Dossier /wp-content/themes
Index.html>index.php
13

14. Merci pour votre attention

15. REFERENCES:
 https://www.blogdumoderateur.com/creer-theme-
wordpress/#:~:text=Pour%20cr%C3%A9er%20un%20th%C3%A8me%20WordPre
ss,accents%2C%20ou%20d'espaces.
15

16. Discussion