Télécharger gratuitement

Manuel de formation
Wordpress
Extrait du Pack Basique
Cet manuel de formation permet aux participants d’acquérir les
concepts de base et les outils indispensables pour la création de site
web avec Wordpress.
www.thioye.com
Description :
Ce cours est une introduction à l’utilisation de WordPress, qui est un système de gestion de
contenu (CMS). Il permet de créer et gérer facilement l'ensemble d'un site web ou simplement
un blog. WordPress est personnalisable grâce à de nombreux thèmes et plugins.
En outre, il existe une solide communauté à travers le monde entier.
Prérequis :
Vous n’avez pas besoin d’avoir des compétences technique en informatique ou savoir programmer
un code pour suivre ce cours, mais devez minimum avoir ces bases :


Savoir utiliser un ordinateur.
Connaitre le rôle d’un site web.
Objectifs :
A l’issue de ce cours, les participants seront à mesure de :












Installer un serveur local.
Créer une base de données avec MySQL (base pour un site WordPress).
Installer Wordpress.
Choisir un thème et personnaliser
Créer des pages avec Wordpress.
Créer des boutons menus
Gérer les Widgets.
Installer et utiliser des plugins
Faire des articles avec Wordpress.
Catégoriser les articles
Uploader des données Multimédia.
Gérer les utilisateurs
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
I.
Téléchargement et Installation d’un serveur local : EasyPHP
Avant d’installer Wordpress, il faut avant tout avoir un serveur local installé sur votre ordinateur.
Pour installer EasyPHP, Il faut aller sur le site de www.easyphp.org pour télécharger le serveur local.
a. Téléchargement
Cliquez sur le bouton télécharger pour le téléchargement du serveur local.
b. Installation
Après le téléchargement, vous aurez le setup EasyPHP que vous devriez exécuter pour installer le
serveur au niveau local
dans le dossier de
téléchargement.
Après, cliquez sur le
bouton OK pour lancer
l’installation et suivez
les images suivantes
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Cocher Exécuter EasyPHP Devserver si vous souhaiter lancer Easyphp.
c. Démarrage du serveur
Clique droit sur le logo d’EasyPHP pour ouvrir la fenêtre après faite un
clique sur <Open Dashboard>
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Vous avez ici l’interface d’Easyphp ouverte avec le serveur http et de base de données allumés ce qui
fait que stop est marqué dessus.
Si les serveurs ne sont pas allumés vous verrez le bouton Start et ou de couleur vert comme cidessous.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Cliquez sur le bouton Start du serveur http pour démarrer le server http. Après l’ouverture de la
fenêtre cliquer sur Star pour démarrer le serveur et après refaire la même chose pour la base de
données.
Après que les deux serveurs soient allumés, vous devriez avoir l’interface comme ça.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
II.
Téléchargement et installation de Wordpress :
Après avoir installé un serveur local, maintenant Dirigez-vous sur fr.wordpress.org pour télécharger
l’application Wordpress.
a. Téléchargement de Wordpress
Faite un clique sur le bouton télécharger Wordpress x.x.x pour le téléchargement de l’application.
Une fois terminer, si vous disposez d’un logiciel d’extraction de fichier comme Winrar, il vous aidera à
extraire afin d’avoir le dossier WP
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Ensuite retour sur la page principale d’EasyPHP pour mettre le dossier WordPress dans le serveur
local.
Ensuite ouvrez le dossier local en cliquant ici
Veillez mettre le dossier Wordpress dans le serveur local dans le dossier www
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
b. Création de base de données
Une fois dans la page principale du serveur local, cliquez sur open pour ouvrir L’application
PhpMyAdmin pour créer une base de donnée MySQL.
La PhpMyAdmin vous vous permet de créer des bases de données MySql. Pour créer une BD
cliquez sur Nouvelle base de données
Donner un nom à votre base de données comme ici par exemple cours_db et cliquez sur créer pour
créer la base de données
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
c. Installation de Wordpress
Comme le dossier WordPress est déjà installé dans le dossier www et aussi la base de données crées
maintenant cliquez sur portable directory pour ouvrir le dossier de WordPress et l’installer.
Cliquez sur WordPress pour installer
Cliquez sur c’est parti pour lancer l’installation
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
III.
Utilisation et paramétrage de WordPress
Une fois installer et renseigner les identifiants, voici l’interface Admin
Vous avez ici le tableau de bord, les onglets pour créer et éditer un article, page. Le lien pour ajouter
des fichiers multimédias, gestion de commentaire. L’apparence pour activer, personnaliser et mais
aussi pour créer des boutons, gérer le Widgets… La rubrique extension pour ajouter et gérer des
extensions (plugins). Utilisateurs pour ajouter et gérer les utilisateurs. Outils pour ajouter des outils
mais aussi pour importer ou exporter des fichiers exemple (xml, csv…). Et pour finir réglages pour
paramétrer.
Cliquez sur aller sur le site pour voir la page du site.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
La présentation de la page principale du site
Vous avez ici le side-barre et la présentation de la page principale. La dépend du thème utilisé pour
créer votre site.
a. Choisir un thème
Sur apparence cliquez sur Thème.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Voici les thèmes disponible par défaut sur WordPress, si vous souhaitez ajouter plus de thème, veillez
cliquer sur ajouter un thème ou bien sur ajouter.
Ensuite choisir un thème directement dans votre machine ou bien télécharger un thème directement
en ligne allant sur recherche.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Attention si vous utilisez WordPress en local, vous ne pourrez pas télécharger et activer un thème ou
un plugin directement. Il vous faut donc aller sur le site de téléchargement de WordPress
fr.wordpress.org pour télécharger le thème ou le plugin dans votre machine et le charger.
Dans notre cas on va choisir twenty fourteen mais vous pouvez utiliser un autre thème ou bien
télécharger et charger un autre thème gratuit.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
b. Personnaliser un thème
Après l’avoir choisi, je vous invite à aller sur le site pour le visualiser
Apres avoir visualisé le site je vous invite à aller sur personnaliser pour la personnalisation du thème.
Vous aurez après avoir cliqué sur personnalisé une barre à droite de l’écran présentant les
paramètres de personnalisation du thème par défaut.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Sur identité du site vous pouvez changer le titre du site et aussi un slogan pour le site, dans couleurs
vous pouvez changer les couleurs du site et cela dépendra des thèmes chaque thèmes vient avec ses
propres paramètre mais chacun d’eux respecte un standard. Si vous projetez créer votre propre
thème et le mettre sur Wordpress n’oubliez pas de prendre en compte ces détails.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Image et en-tête vous permet d’ajouter une image d’entête pour le site. Attention tous les thèmes
ne donnent pas cette possibilité. Pour Gérer la page d’affichage des articles et la page d’accueil vous
avez besoin de venir dans personnalisation de page d’accueil statique, nous y reviendrons plus tard.
En attendant enregistrons ce que nous venons de faire et aller voir le résultat.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Redirigez-vous sur voir le site pour remarquer le résultat de ce que nous venons de faire.
c. Création de page
Pour créer une page aller sur page ensuite ajouter mais nous allions voir s’il a une page déjà
par défaut ou pas. Allons donc sur tous les pages.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Comme indiquer ici, nous avons déjà une page mais n’empêche nous allons créer notre propre page
comme page d’accueil. Je vous demande de cliquer sur le bouton ajouter.
Ensuite mettre le nom de la page ici, et cliquer publier. Et la page est créée!
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Aller sur voir la page pour voir la page qui vient d’être créée.
Vous avez ici la page accueil que nous avons créé je vous invite à faire la même chose pour créer la
page contact et aussi page d’articles et supprimer la page d’exemple. Pour supprimer la page
d’exemple aller sur tous les pages et sélectionner la page puis supprimer je vous laisse vous
débrouiller cette fois pour voir si vous comprenez bien.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
d. Création de menu
Après que les pages sont créées je vous invite à aussi aller dans apparence puis menu pour créer les
boutons menus.
Puis donner un nom au menu, moi j’ai choisi main comme le nom du menu principale. Vous pouvez
aussi créer beaucoup de menu comme par exemple un autre menu pour le pied de page (Footer).
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Une fois que le menu est créé, aller sur la zone de droite pour ajouter les pages comme menu. Vous
pouvez choisir des articles, catégories ou lien comme bouton menu. Mais je vous invite à sélectionné
tous les pages et cliquer sur ajouter au menu.
Et vous aurez cela comme résultat. Veillez cocher le Menu haut principal et enregistrer.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Ensuite je vous invite avant de visionner le résultat d’aller sur personnaliser puis sur page d’accueil
statique choisir page statique puis sélectionner la page Accueil comme page d’accueil et pages
d’articles comme notre page d’articles.
Puis enregistrer et aller voir le résultat de votre travail. Moi j’ai ceci et toi ?
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
e. Installation de plugin (extension).
Maintenant personnalisons notre page mais avant cela je vous invite à télécharger une extension
slider pour que nous puissions l’utiliser.
Aller sur le site de Wordpress sur extension cherché slider et choisissez le premier indiqué ici. Et
télécharger le.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Une fois sur extension cliquer sur Extension installées si vous n’avez pas encore l’extension (plugin)
installée cliquer sur ajouter pour l’ajouter.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Puis sur mettre une extension en ligne.
Après, choisissez le plugin dans votre répertoir et l’installer après l’instalation cliquer sur activer
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Une fois activer le Slider je vous invite à aller sur Huge IT Slider puis sur Slider
Puis sur Add New Slider pour créer un Slider
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Cliquez sur add Image Slide pour ajouter d’image au slider.
Puis enregistrer le slider dans Save Slider.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
f.
Personnaliser une page.
Maintenant personnalisons la page d’ACCUEIL. Cliquez sur Add Slider pour ajouter de Slider.
Puis sélectionner le slider dans notre cas, on n’avait pas donné nom à notre slider donc c’est le nom
par défaut New Slider qui devient le nom. Et cliquons sur insert slider pour insérer le slide
Vous aurez ça dans votre page voilà ce qu’on appelle shortcode enregistrons et allons voir le résultat
comme la page a déjà été créer cliquer sur mettre à jour.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Et voici le résultat dans la page d’accueil je vous invite ajouter d’autre image plus jolie que les
miennes.
Mettons du contenue sur la page.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Je viens de changer les images du slide oups n’oubliez que je vous avais conseillé de changer les
images du slide et voici mon résultat et vous ?
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Faisons la page contact, pour cela je vous invite à ajouter télécharger le plugin contact form
et l’installer comme ce que nous avions fait pour le Slider je vous laisse faire comme voir
votre niveau de compréhension.
Après avoir installé le plugin, sur la page contact il y’a le logo contact forme, cliquer dessus
Puis cliquez sur le flèche pour sélection un contact forme.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Dans notre cas choisissons simple contact et cliquez sur insert. Puis ajouter quelques mots
pour le contact forme genre veillez nous contacter sur… la page doit être présentable et jolie
faite pas comme moi soyez créatif. Puis cliquez sur mis à jour pour enregistrer.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Pour voir le résultat final allez sur voir la page. Ce n’est pas joli mais aussi c’est bon pour un
débutant.
IV.
Création d’articles
Sur le tableau de bord aller sur article puis sur tous les articles pour voir si on aura un article
par défaut.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Comme on un article par défaut on peut le modifier ou bien ajouter un nouveau dans notre
cas nous allons créer un nouveau donc allons sur ajouter.
Vous devez en premier mettre le titre de l’article, puis y ajouter du texte. Vous pouvez aussi
ajouter d’image
Pour y mettre d’image aller sur ajouter un média puis insérer un média et aussi choisir des
fichiers et enfin choisir des images dans votre répertoire d’image
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Une fois terminé avec le chargement aller sélectionner vos images à insérer puis cliquer dans
insérer dans l’article.
Vous aurez quelques choses comme ça
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Puis vous pouvez créer directement des catégories d’articles ou bien cocher une catégorie
pour l’article.
N’oubliez jamais de choisir des mots clés pour l’article car cela vous permettra de bien référencer
votre dans les moteurs de recherche comme Google, Bing...
Ajouter aussi une image à la une.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Maintenant voyons le résultat de notre travail. Allons sur voir l’article
Voici l’aperçu de l’article.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Les mots clés et la partie commentaires
Je vous invite à aller voir le mode d’affichage des articles sur la page d’articles.
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
V.
Gérer les Widgets
Pour gérer les Widgets aller sur apparence puis Widgets
Vous pouvez choisir à partir de cette page les Widgets pour avoir dans les différentes barres
de votre site et même aussi du pied de page (footer).
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
VI.
Gestion des utilisateurs
Sur utilisateur aller sur tous les utilisateurs
Une fois tous les utilisateurs aller sur ajouter pour nouvel utilisateur sinon modifier pour modifier
un utilisateur.
Puis ajouter les informations du nouvel utilisateur ou bien modifier la partie souhaitant modifier.
Après avoir ajouté un identifiant vous verrez dans tous les utilisateurs ses infos de base
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
VOICI LE RESULTAT FINAL
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com
Vous venez d’avoir la base que j’avais lorsque j’ai commencé mon premier site avec
Wordpress je pris de sortir votre créativités et votre désire de la quête de savoir pour
pouvoir faire des sites web d’entreprise, médias, E-commerce, personnel etc…
C’est la créativité qui amène l’innovation c’est moi qui vous le dis.
Si vous souhaitez découvrir plus WordPress je vous propose de découvrir de venir participer
à nos cours payants voici ci-dessus nos packages de formations.
PACK BASIQUE
PACK PROFESSIONNEL
PACK COMPLET
Formation de Développement
d’un site sous Wordpress avec
un thème prémium du type de
site de votre choix (Individuel
30000Fcfa, Cours en équipe
15000 Fcfa Durée 6H).
Formation de développement
d’un site sous Wordpress avancé
avec un thème prémium du type
de site de votre choix +
Hébergement en ligne (Individuel
60000Fcfa, Cours en équipe
25000 Fcfa Durée 8H).
Formation wp professionnel +
Designe + Code +
Développement à partir d’une
maquette (Photoshop) et
Hébergement en ligne
(Individuel 20000Fcfa, Cours en
équipe 85000 Fcfa Durée 28H).
Manuel gratuite
Manuel pro plus support vidéo
Manuel gratuite
Si vous souhaitez acheter le manuel de formation pour le pack basique, ou bien le pack professionnel
veillez nous contactez sur [email protected] ou bien 77 520 56 71
Adresse : Boulevard Général De Gaul Centenaire / Dakar
Tel : +221 77 520 56 71 | Mail : [email protected]
www.thioye.com