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 : contact@thioye.com 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 : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com 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 : contact@thioye.com www.thioye.com VOICI LE RESULTAT FINAL Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com 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 contact@thioye.com ou bien 77 520 56 71 Adresse : Boulevard Général De Gaul Centenaire / Dakar Tel : +221 77 520 56 71 | Mail : contact@thioye.com www.thioye.com
© Copyright 2024 Paperzz