INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
1 Qu’est-ce que WordPress ?
WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer
facilement des sites web sans avoir besoin de savoir programmer.
1.1 À quoi sert WordPress ?
Avec WordPress, on peut créer :
🌐 des sites vitrines
📝 des blogs
🛒 des boutiques en ligne (avec WooCommerce)
💼 des sites professionnels
1.2 Les principaux avantages
Gratuit et open source
Très personnalisable grâce aux thèmes et extensions (plugins)
Bonne gestion du référencement (SEO)
Grande communauté mondiale
2 Qu’est-ce que Xampp ?
XAMPP est un logiciel gratuit qui permet d’installer facilement un serveur web local
sur un ordinateur. Il est surtout utilisé pour développer et tester des sites web en local, sans
connexion Internet.
3 Démarrer XAMPP :
4 Commencer la conception de site web :
4.1 Ouvrir l’interface de conception de site WordPress
Ouvrir le navigateur web (Exp : Google Chrome ou Microsoft Edge)
Taper dans la barre d’adresse de navigateur : localhost/igate/wp-admin
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 2
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
Saisir ces informations de connexion à l’interface WordPress de conception de site
web :
Identifiant : admin
Mot de passe : ********* / Cliquez sur : Se connecter
4.2 Installer un thème :
Cliquer sur :
Apparence / Thème
/ Ajouter un thème
Téléverser un thème
/ Choisir un fichier
(Exp : Ocean-WP)
Activer le thème
installé
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 3
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
4.3 Personnaliser le thème installé :
Identité du site :
Titre du site :
IGATEGROUP
Slogan :
Barre supérieure :
Multidisciplina
ire Désactiver la barre
International supérieure
Général :
Hauteur : 100
Marges : - Droite : 25 - Gauche : 25
Logo : Sélectionner un logo
Menu social :
Activer le menu
Social links :
Facebook :
[Link]
Instagram :
[Link]
Tiktok :
[Link]
Pages & Spécial Pages :
Page Layout : 100%
Titre de la page : Désactiver l’affichage du titre
Copyright du pied de page :
Activer le pied de page
Copyright Text :
Copyright IGATEGROUP -Tous les
droits sont réservés.
NB :
N’oublier pas de cliquer sur publier
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 4
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
4.4 Créer le menu du site :
4.4.1 Créer un nouveau menu :
Cliquer sur : Apparence /
Menu
Créer un nouveau menu et
enregistrer-le
4.4.2 Ajouter les éléments de menu :
Cliquer sur : Liens
personnalisés :
Texte de lien : …
URL : #
Les éléments de menu :
ACCUEIL
GESTION DES ENTREPRISES
GESTION INFORMATISEE
DEVELOPPEMENT
INFORMATIQUE
AIDE CMPTABLE
CONTACT
4.5 Installer les extensions :
Cliquer sur : Extension / Ajouter une extension / Téléverser une extension
Elementor
Prime Slider
Contact Form
NB :
N’oublier pas d’activer les extensions installées
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 5
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
4.6 Créer les pages de site web :
4.6.1 Créer les pages: ACCUEIL
Cliquer sur : Pages / Ajouter une page
Taper le nom de la page
Cliquer sur : Publier
Copier le lien (URL) qui se trouve dans : Slug
Coller le lien dans le menu / Accueil
Faites le même travail pour les pages suivantes :
GESTION DES ENTREPRISES
GESTION INFORMATISEE
DEVELOPPEMENT INFORMATIQUE
AIDE CMPTABLE
CONTACT
4.6.2 Configurer la page ACCUEIL comme page de démarrage de site web
Cliquer sur : Réglages / La
page d’accueil affiche / Page
d’accueil / Sélectionner :
ACCUEIL
Enregistrer les modifications
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 6
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
[Link] Modifier la page sur Elementor :
ACCUEIL
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 7
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
A. Insérer les éléments suivants :
Carousel d’images
Titre
Paragraphe
Images
Boutons
Séparateur
Galerie
B. Modifier le contenu et le style de ces éléments
C. Créer les pages suivantes :
GESTION INFORMATISEE
DEVELOPPEMENT INFORMATIQUE
GESTION DES ENTREPRISES
AIDE COMPTABLE EN ENTREPRISES
D. Récupérer l’URL de chaque pages en faisant copier et coller-le dans les boutons de la
page « ACCUEIL » et le menu du site.
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 8
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
GESTION INFORMATISEE
A. Insérer les éléments suivants :
Titres
Paragraphes
Image
B. Modifier le contenu et le style de ces éléments
C. Enregistrer la page comme modèle sous le nom : Formation
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 9
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
DEVELOPPEMENT INFORMATIQUE
A. Insérer le modele « Formation » dans la page
B. Modifier le contenu de ces éléments :
Titres
Paragraphes
Image
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 10
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
GESTION DES ENTREPRISES
A. Insérer le modele « Formation » dans la page
B. Modifier le contenu de ces éléments :
Titres
Paragraphes
Image
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 11
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
AIDE COMPTABLE EN ENTREPRISES
A. Insérer le modele « Formation » dans la page
B. Modifier le contenu de ces éléments :
Titres
Paragraphes
Image
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 12
INSTITUT GATE MULTIDISCIPLINAIRE
INTERNATIONAL – PRIVE
CONTACT
05 22 20 20 16 39, Rue Omar Slaoui, contact@[Link]
5ème étage, Mers Sultan
05 22 62 62 09 infos@[Link]
- Casablanca
34, BD : CHEFCHAOUNI, CASABLANCA, MAROC
TEL : 05 22 20 20 16 / 05 22 62 62 09 – Email : contact@[Link] 13