Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

1 COURS DE WORDPRESS II CLASSE : BACHELOR 2 ENSEIGNANT M. MENDJEMEN YAMEDJEU Be

1 COURS DE WORDPRESS II CLASSE : BACHELOR 2 ENSEIGNANT M. MENDJEMEN YAMEDJEU Bertrand Email : bladiyams@gmail.com Prérequis : - Connaissance approfondie de l’environnement de Wordpress - Connaissance de base en HTML et CSS Logiciels nécessaires : - Navigateurs (Au moins 3 navigateurs différents) - Un éditeur de texte - FileZilla : pour le transfert FTP vers un serveur distant - Un serveur Local (Wampserver ou easyphp ou Xampp) PLAN DU COURS A- RAPPEL SUR LES CONCEPTS DE BASE DE WORDPRESS B- CONTENU D’UN SITE WORDPRESS C- CAS PRATIQUES 2 REFERENCES BIBLIOGRAPHIQUES ➢ Liens internet - https://wpformation.com/ (pour des formations précises sur Wordpress) - https://wpfr.net/ (c’est la communauté de Wordpress pour vous permettre de soumettre vos difficultés à des personnes expérimentées) ➢ Quelques livres - Travaux Pratiques avec Wordpress – 4ème edition – Dunod - WordPress - Développez avec PHP - extensions, widgets et thèmes avancés (théorie, TP, ressources) (2e édition) – les éditions ENI 3 A- RAPPELS SUR LES CONCEPTS DE BASE DE WORDPRESS 1- Qu’est-ce que Wordpress Wordpress est un système de gestion du contenu, il permet de créer un site internet sans coder. Au fil du temps avec des améliorations, Wordpress permet de créer des commerces en lignes. 1.1.Les atouts et inconvénient d’un CMS Les avantages sont nombreux : - Plus de facilité pour concevoir un site ou un blog sans avoir à connaitre la programmation. On pourra ainsi développer intégralement son site ou son blog, depuis son tableau de bord. - Se prête parfaitement à des sites à fort contenu, actualisable souvent. - Actualisation en un clic du site ou du blog. - Réalisation facile d'un thème graphique sur mesure pour son site ou son blog, grâce au nombre considérable de thèmes proposés par l'importante communauté WordPress. - Très importante communauté de développeurs. - Permet de créer des sites sur mesure, et de tous types (sites vitrines, sites e-commerce, sites réseaux sociaux, blogs, etc, etc.) grâce à un nombre impressionnant d'extensions très facilement intégrables. Comme inconvénient on pourrait citer - Manque de personnalisation du site - Difficulté à configurer une fonctionnalité précise sur un site 1.2.Quelques exemples de CMS Drupal, Joomla, Typo3 , Serendipity 1.3. 2- Pourquoi utiliser Wordpress ➢ Wordpress est utilisé par 30% des sites web dans le monde. ➢ Il est entièrement gratuit. ➢ Intuitif et facile d’utilisation, pas de technique particulière ➢ Des milliers de design prêt à l’emploi ➢ S’adapte à tous besoins ➢ Extensible à l’infini avec ses milliers d’extensions Performant 3- Quel environnement pour utiliser Wordpress 4 L’utilisation de Wordpress peut se faire en ligne ou en local. Nous tenons à préciser qu’il existe une différence entre Wordpress.com et Wordpress.org - Wordpress.com vous permet de créer un site avec l’extension Wordpress.com, exemple : digital.wordpress.com. Ceci vous rend dépendant de wordpress sur la nomenclature. Cette version de Wordpress permet aux débutants d’apprendre en ligne rapidement sans soucier de l’installation d’un quelconque logiciel - Wordpress.org vous permet de télécharger wordpress sous forme de fichier compressé, ainsi vous pouvez le déployer en local comme en ligne sous votre nom de domaine. 4- Installation de Wordpress 4.1.Installation en local Pour installer en local, vous devez disposer des logiciels suivants : - Serveur local - Navigateur internet - Editeur de texte Ainsi suivre les étapes suivantes : 1) Télécharger WordPress sur Wordpress.org. C'est une archive ZIP qui sera ainsi téléchargée. 2) Décompresser l'archive ZIP WordPress ainsi téléchargée. Un dossier WordPress est créé. Il contient absolument tout le CMS WordPress. Le renommer au nom de son projet de site Web. Exemple : monsite. 3) Lancer le serveur local 4) Glisser déposer le dossier ≪ monsite ≫, préalablement créé a partir de la décompression de l'archive ZIP WordPress, dans le dossier des projets de votre serveur local 5) Ensuite ouvrez phpmyadmin, crée une nouvelle base de données 6) ensuite rendez vous sur le navigateur pour accéder au site et suivez les étapes de la configuration 4.2.Installation en ligne L’installation en ligne peut se faire de 2 périodes, soit avant le début de votre site , soit à la fin ou pendant le développement de votre site. a. Choisir un nom de domaine et un hébergement En effet, vous avez un libre choix sur les critères de capacité et autres caractéristiques sur les offres hébergements des différents hébergeurs. Nous pouvons citez en outre - OVH 5 - LWS - 1and1 - Godaddy - Hosting24 Chacun de ces hébergeurs vous permettent de vérifier si un nom de domaine est disponible. En effet certains de ces hébergeurs offrent la réservation d’un nom de domaine pour une année. Ainsi les années suivantes seront payantes. b. Achat du nom de domaine et de l’hébergement Pour procéder l’achat, vous disposez des différents moyens de paiement en ligne à savoir - VISA - PAYPAL - MASTERCARD B- CONTENU D’UN SITE WORDPRESS Dans cette section, nous revisitons les différents liens de l’administration de Wordpress Remarque 1 : Dans wordpress il faudrait d’abord procédez au réglages des permaliens Les permaliens correspondent au format des adresses des pages de votre site. La structure choisie pour les permaliens de votre site aura un impact important sur le placement de votre site dans les résultats de recherche. En effet, la structure par défaut – monsite.com/?p=123 – ne contiendra pas de mot clé relatif à l’article. Allez dans Réglages > Permaliens pour définir les paramètres et choisissez Titre de la publication comme sur l’image ci-dessous : 6 1) Le menu principal de Wordpress Le menu principal de la console d’administration est le squelette de WordPress : c’est lui qui imbrique toutes les fonctionnalités de votre site internet. Nous allons maintenant brièvement voir l’utilité des différentes catégories qui composent le squelette de WordPress. 7 Le tableau de bord Cette catégorie se divise en 2 rubriques: • Accueil : c’est la page d’accueil de la console d’administration de WordPress ! Pour être franc avec vous, je ne trouve pas ce tableau de bord très utile. Retenez simplement qu’il affiche un certain nombre d’informations par rapport à votre site internet, comme les commentaires récents, les sites qui parlent de l’un de vos articles et quelques statistiques générales. • Mises à jour: permet de voir les différents composants de votre site Internet qui doivent être mis à jour. Pour éviter les soucis de sécurité avec votre site, faites régulièrement les mises à jour listées sur cette page ! a) Les articles et Pages Cette catégorie se divise en 4 rubriques : • Tous les articles: permet de gérer et lister l’ensemble des articles existants 8 • Ajouter : permet de créer un nouvel article • Catégories : permet de gérer les catégories de vos articles • Étiquettes : permet de gérer les étiquettes (tags en anglais) de vos articles Pages Les pages permettent de publier des informations statiques sur votre site. Contrairement aux articles, elles sont indépendantes du temps. Sur ce site, j’utilise par exemple des pages pour les formations, car elles seront encore valables dans plusieurs mois et je ne souhaite pas qu’elles soient triées par ordre chronologique. Cette catégorie est divisée en 2 rubriques : 1. Toutes les pages: permet de gérer et afficher toutes les pages de votre site internet. 2. Ajouter: permet de créer une nouvelle page. Les catégories et les étiquettes permettent d’organiser les articles de votre site: • Les catégories définissent de grandes thématiques, un peu à l’image de classeurs. Par exemple, si votre site est sur l’informatique, vous pourriez organiser vos articles selon les systèmes d’exploitation (Windows, Mac, Linux …), des thématiques (logiciels, mobilité, jeux vidéo, loisirs, web 2.0, etc.) ou des activités (photographie, vidéo, musique, etc.). • Les étiquettes permettent de classer vos articles selon des critères transversaux. Par exemple, si vous rédigez des articles qui partagent des astuces pour Windows, Mac et Linux, vous pourriez associer l’étiquette astuce à ces articles. Il est inutile d’associer une étiquette qu’à un seul article. Médias Cette catégorie réunit l’ensemble des médias (images, vidéos, documents pdf, etc.) de votre site internet. Par exemple, si vous publiez une image dans un article, elle s’affichera également dans la bibliothèque des médias. Cette catégorie se divise en 2 rubriques : 1. Bibliothèque : permet de gérer et afficher tous les médias de votre site. 2. Ajouter : permet d’ajouter de nouveaux médias. Commentaires Les commentaires sont importants, car ils reflètent la popularité et la qualité du contenu que vous partagez sur votre site. Pour l’auteur d’un site, il s’agit également d’une forme de reconnaissance importante. Cette catégorie permet de gérer et afficher l’ensemble des commentaires que vos visiteurs laissent sur vos articles et/ou vos pages. 9 b) L’apparence Ce menu vous permet de dénicher le thème de vos rêves ce menu vous permet de personnaliser les themes, leurs menus et widgets • Les menus • Les widgets Les widgets sont des encarts que l’on peut placer à divers endroits du site (généralement dans la barre latérale et le pied de page). La plupart des widgets disponibles dans WordPress sont inutiles, vous pouvez quasiment tous les retirer. Pour savoir si un widget uploads/Ingenierie_Lourd/ cours-de-wordpress-ii-support-de-cours.pdf