WordPress Bases e-learning

1,427 views
1,280 views

Published on

Formation Construction d'un site web avec WordPress sur mesure pour savoir plus www.ithelp4u.fr

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,427
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
58
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WordPress Bases e-learning

  1. 1. WordPressFondamentauxAntonio Sotowww.ithelp4u.ca/fr jsoto2000@gmail.comSOFTWARE ENGINEER, MCT, MCP, MCDBA, MCAD
  2. 2. PLAN2Pourquoi WordPressCréer un blogue sur wordpress.comDéfinir les réglagesPublier et gérer les pages / articlesInsérer des imagesLes WidgetsLes MenusGérer les utilisateursQuest-ce que le RSS
  3. 3. Pourquoi WordPressWordPress permetla gestion d’un siteen toute simplicitésans avoir àconnaitre leslangages deprogrammationsd’un site web oud’un blog.
  4. 4. WordPress• CMS(Gestionnaire de Contenu)WordPress, un outil libre, gratuit… etintuitif ! A partir dune page HTML/CSSstatique, entrez dans le monde des sitesdynamiques.• Objectif: Savoir créer et déployer unsite WP.4
  5. 5. Pour quoi WordPress• Il suffit d’un navigateur Web• Multitude de thèmes• Plug in pour ajouter des fonctions• Intégration des galeries photo directe ouexterne• Facilité d’utilisation• Gratuit• Communauté forum d’aide5
  6. 6. 6Système de Gestion de Contenu
  7. 7. Les Gestionnaires de contenus• CMS (content management system)– Permettent de créer des sites Web rapidement– Séparation forme et contenu– Mise a jour dynamique de sites– Gestion des utilisateurs et des droits– Bureau interface Homme Machine (front Office)– Gestion des contenus (Back Office)• Logiciels de type CMS– Mise en forme teste , liens ..;– Possibilités de réagir par des commentaires– Liaisons possible avec canaux (ou fils ou flux) RSS7
  8. 8. 8
  9. 9. cPanel9
  10. 10. Donc n’oubliez pas :• Choisir un bon nom de domaine pour votresite (meilleur référencement)• Utilisez préférentiellement un hébergeurpayant !• Customisez votre site avec le thème que vousvoulez et les plugins que vous voulez !!!10
  11. 11. Etape de planificationRépondez aux questions suivantes :• Que vais-je faire de mon site ?• Qui va lire mon site ?• Quel type dinformations vais-je y mettre ?• Pourquoi fais-je cela ?• Pour qui fais-je cela ?• Que sera la périodicité de mes mises à jour ?11
  12. 12. Plan du site (exemple)PagesAccueil (1 video)Presentation (2 images)Contact (plugin)CategoriesActualitésÉvènementsÀ lire- Mettons trois des vos articles(post) de test dans des catégoriespour voir comment ça marche.- Préparation dimages: (PS)12Mot clé: 5(SEO Référencement)Nos lien préférés chercher sociauxdaffairesRSS: Sélectionner informationdautres sites Web, (des nouvellesde lextérieur)Thèmes: Sélectionner un modèle detrois colonnesBannerGallerie de photos (plugin)
  13. 13. Créer un bloguesurwordpress.com
  14. 14. Créer un comptePour créer un compte et démarrer son blogue, voici les étapes :‣ Rendez-vous à l’adresse suivante : http://WordPress.com/‣ Choisissez la version française du système (si désiré)‣ Cliquez sur le gros bouton « Inscrivez-vous » (Sign-up now !) – di"cileà manquer…14
  15. 15. DéfinirlesRéglages
  16. 16. 16
  17. 17. l’interface d’administration.17
  18. 18. Publier et Gérer lesPages / ArticlesLes panneaux Articles,Médias et Pages vouspermettent d’alimentervotre site.
  19. 19. Quelle différence y a-t-il entre une page et un article ?• Les pages et les articles sont 2 moyens de publicationsdifférents.• Les pages sont des données statiques dans votre site.Contrairement aux articles, il sont indépendants du tempset de la chronologie de création. Une page peut contenirdes informations statiques telles que votre CV, une page decontact, votre portfolio, ou tout simplement uneprésentation de votre blog et de vous.• Les articles, objectif même du blog, vous permettent depublier des actualités, celles-ci sont affichées par date depublication.19
  20. 20. Ecrire une nouvelle page20
  21. 21. LES ARTICLES21
  22. 22. L’Editeur de Texte22
  23. 23. Créer un lien23
  24. 24. 24
  25. 25. 25
  26. 26. Extrait - Articles26
  27. 27. Modifier les articles27
  28. 28. Settings Articles
  29. 29. Différence entre un tag et une catégorie.• Les tags sont importants pour le référencementsurtout.• Il faut utiliser les catégories afin de "classer" lecontenu et gérer l affichage des articles enajoutant des tags à chaque articles afin defaciliter la recherche et leur réferencement.29
  30. 30. Insérer des Imagesetdes Vidéos
  31. 31. AJOUTER ET GERER DES IMAGES32
  32. 32. 33
  33. 33. Options avancées de l’image34
  34. 34. La bibliothèque de médias35
  35. 35. Les Menus36
  36. 36. Comment gérer les menus37
  37. 37. Comment gérer les menus38
  38. 38. Les Widgets
  39. 39. Les widgetsLes widgets sont des outils que vous pouvez ajouter, déplacer ou retirerdes colonnes (gauche, droite, entête ou pied-de-page) de votre site.40
  40. 40. Voici quelques-uns des principaux widgets‣ Archives : La liste des archives mensuelles de votre blogue (sous forme deliste déroulante ou non)‣ Calendrier : La liste des archives sous forme de calendrier (le calendrier nepermet pas d’a"cher des événements à venir)‣ Catégories : La liste des catégories d’articles de votre blogue‣ Image : Permet d’a"cher une image dans la colomne‣ Liens : Liste des liens ajoutés à la section « Liens »‣ Pages : Liste des pages de notre site‣ Articles récents : Le titre des derniers articles publiés sur votre blogue‣ Commentaires récents : Le titre des derniers commentaires publiés survotre blogue‣ Recherche : ajoute un champ «Recherche» à votre blogue‣ Texte : permet d’ajouter un extrait texte et même d’y insérer du code HTML(tableau, image etc.)‣ Liens RSS : Les liens RSS de vos articles et/ou commentaires‣ RSS : permet d’a"cher du contenu en provenance de flux RSS externes41
  41. 41. 42
  42. 42. Create a text widget using writing this text:<ul><li><a href="http://www.ithelp4u.ca" title="FormateurMultimedia">Antonio Soto 24/7</a></li><li><a href="http://www.topwpthemes.com/ " title="Great FreeThemes">Wordpress Themes</a></li></ul>
  43. 43. ADDING IMAGES TO THE TEXT WIDGET Upload the image first to the WordPress Media Library. Click the File URL button to put the image file location in theform above it (see screenshot below). Copy the link that appears in the form for Link URL. Click Save Changes. Exit the Media Library. Go to Appearance > Widgets. Add or edit the Text Widget in which you wish the image toappear. Enter the following, pasting in the image location or URL andediting the HTML accordingly, and save. <img src="[Image Link URL]" alt="[description - what is this]“>
  44. 44. Cest quoi une Bannière?Une bannière publicitaire est une imageassociée à ladresse url du site sur lequellinternaute est dirigé lorsquil clique sur labannière. Cest léquivalent électronique dunencart (oncart) publicitaire dun support papier.Votre message doit être clair, simple et attrayant(atrreyao). Un titre (accroche) et une à deuxlignes suffisent et doivent être capables dedétourner lattention de linternaute.Une bannière peut être :Fixe : une seule image aux formatsJPEG, GIF, PNGAnimée : succession dimages avecdifférents textes au format GIFEn Flash : animations bien plusspectaculaires qu’une simple bannièreanimée45
  45. 45. Exemple Bannière46
  46. 46. Bannière Animée• Préparer deux images (taille et couleur)• Ouvrez le site Web de WP et charger les deuximages (option Media)• Générer le code HTML (DreamweaverInsérez/Image Objets/Rollover Image)• Copiez le code HTML• Sélectionnez Options Apparence / Widgets /Texte• Collez le code HTML• Enregistrer le Widget47
  47. 47. Twitter48
  48. 48. 49Iframe Widget
  49. 49. GérerlesUtilisateursUtilisateur: Permetd’ajouter un ouplusieurs utilisateurs dusite web ou blog(contributeur,administrateur, éditeur,auteur). Permet aussid’accéder à votre profilet vos paramètrespersonnels.
  50. 50. Gestion des utilisateursAbonné:peut laisser des commentairesContributeur:peut en plus soumettre un article à la publicationAuteur:peut en plus publier ses articles et les gérer. Peut aussi s’occuper de la gestiondes commentaires déposés sur ses propres articlesEditeur:peut en plus gérer tous les articles et tous les commentaires du site ainsi quela blogoliste (liens vers vos amis)Administrateur:peut tout faire: gérer la base de données, les thèmes, les plugins, …51
  51. 51. Gestion des utilisateurs52
  52. 52. Rôles des utilisateurs53
  53. 53. Quest-ce quele RSS
  54. 54. Quest-ce que le RSS ?RSS (Really Simple Syndication) désigne une famille de formats XML utilisés pour la syndicationde contenu Web. (source : wikipedia)La « Syndication » consiste à vendre le droit de reproduire un contenu ou de diffuser unprogramme à plusieurs diffuseurs.55
  55. 55. Comment faire une sauvegarde complète d’un blog WordPressPré-réquis :Filezilla (logiciel gratuit disponible sur Windows ou sur Mac)FireFTP (extension Firefox)étapesInstallez l’un des deux logiciels à l’aide des liens ci-dessusCréez un dossier sur votre bureau intitulé le nom de votre blogConnectez-vous à votre FTP à l’aide de vos identifiantsSélectionnez le dossier portant le nom de votre blog sur la fenêtre de gauchePuis faîtes-y glisser tous les fichiers de la fenêtre de droiteEn attendant que tout finisse, sauvegardez votre base de donnéesInstallez simplement l’extension “WP-DB-Backup”Mettez en place une sauvegarde régulière dans les options “Scheduled Backup” (minimum unefois par semaine)Indiquez votre adresse mail dans “Backup Options”Cliquez sur “Backup Now” pour lancer la sauvegarde56
  56. 56. Quand la mise à niveau vers une nouvelle version de WordPress, vousdevriez vérifier avec votre hébergeur les versions minimales requisessuivantes :Toutes ces réponsesWinZip et MySQLPHP et SSHPHP et FTPPHP et MySQL57
  57. 57. Qui soutient, maintient et mise à jour le code WordPressdisponible sur WordPress.org?La Communauté WordPressAide sur les forums, soumettre un rapport de bug, modifier le Codex (documentation), assister à Camp WordPress58
  58. 58. Merci !!!

×