1FormationWordPressDZ WebDaysPar Olivier Gobet Organisme de formation enregistré sous le n°73.32.00310.32 auprès du préfet...
2Qui ?  http://twitter.com/gd6d                                                                                          S...
3Quoi ?          Conception de site depuis 2000          Webmaster, gérant SARL          Spécialiste WordPress depuis 2007...
4 Le puzzle wordpress         texte                 pages et articles   Photos thème                Administration wordpre...
5
Exemples de        6personnalisation
7Traduction libre :A quoi bon créer un site web partir de zéro alors que l’on a ànotre disposition d’innombrables ressourc...
10 raisons d’utiliser                                       8    WordPress✤   Logiciel gratuit          ✤   Présence du bl...
Différence entre       9WordPress.com / .ORG
10WordPress.comAvantages                                 Inconvénients✤   Géré par Automattic               ✤   Pas de mon...
11WordPress.orgAvantages                                 Inconvénients✤   Géré par vous,                    ✤   Coût héber...
Installation de                                 12WordPressPar FTP                 Par Interface hébergeur✤   Configurer   ...
Objectif :          13faire un site PRO
Découverte de                                   14WordPress+ Fonctionnement : notion de client / serveur   + Installation ...
Niveaux de                              15compétence • Ecrire une actualité • Mettre à jour le contenu • Insérer un lien •...
Différence entre                                                16article & pageARTICLES                        PAGES• Pos...
17Le Back-office        Résumé de votre    Ecriture rapide             site            d’un article Menu         Commentai...
18Ecrire une page            Titre                          PublierMenu       Zone d’édition                         Attri...
19Ecrire sa 1ère page     texte page1.txt• Connection au back-office• Ajout d’une page• Mention du titre «Accueil»• Ecriture...
20Anatomie d’une page      En-tête Header                              Colonne    Contenu                   latérale    Co...
Mise en forme                       21le contenu• Eviter les blocs• Découverte de la barre d’outils• Très important : les ...
Mettre en forme                                22   son contenuH3            GRASliste àpuces                             ...
23Nomenclature+ Les pages du site (contenu) : articles et Pages+ Les thèmes (templates)   + Site institutionnel : page acc...
Les widgets                                      24• Activer le plugin «Hello Dolly»• Désactivation & suppression• Recherc...
25Les widgets+ Répertoire + de 24 000 !   + Pour chaque besoin, il y a un plugin !   + Ne pas surcharger   + Choisir, test...
26Organisation du site• Les réglages de lecture       Modification de la page d’accueil• Les pages      Modèle page accuei...
27Organiser son site• Ajout d’une «image à la une»• Ajout de widgets• Utiliser le widget en HTML:  texte avec une image• B...
28Revue de web...   Merchant       Catalyst   DT Slash       Crown
La partie «actualités /blog» :           29Ecrire un article           Titre                        PublierMenu       Zone...
Différence entre                                                    30Catégorie & TagsCATÉGORIES                          ...
La partie «blog»                                  31en pratique• Ecrire une actualité• Créer une catégorie• Créer une page...
32Choisir un thèmeBlog             Valid XHTML / CSS     Menu WordPress 3Magazine         Visible IE6          TemplatePho...
33Place de marché
Des thèmes             34pour...Book en ligneAgent immobilierConsultantBlog d’entrepriseMagazine...Et les e-boutiques ?
35Thème Premium
36Personnaliser un thème
37Thème Premium
38Les thèmes responsives
39Ressources+ Thèmes   + http://www.wp-business-theme.com/   + http://themeforest.net/   + http://www.woothemes.com/   + h...
40DesQuestions ??
Prochain SlideShare
Chargement dans…5
×

Formation WordPress à Blida

2 274 vues

Publié le

Support de ma formation WordPress pour les débutants. Découverte et base du logiciel libre.
Toutes mes formations WordPress sur le site :
http://www.wp-formation.com/

Publié dans : Développement personnel
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 274
Sur SlideShare
0
Issues des intégrations
0
Intégrations
467
Actions
Partages
0
Téléchargements
112
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Formation WordPress à Blida

  1. 1. 1FormationWordPressDZ WebDaysPar Olivier Gobet Organisme de formation enregistré sous le n°73.32.00310.32 auprès du préfet de région de Toulouse
  2. 2. 2Qui ? http://twitter.com/gd6d Sarl Gd6d • InnoParc • 32000 Auch http://profile.to/oliviergobet/ olivier.gobet@gmail.com http://www.linkedin.com/in/oliviergobet www.gd6d.fr Olivier Gobet http://www.viadeo.com/fr/profile/olivier.gobet http://www.pinterest.com/gd6d/ http://www.flickr.com/photos/gd6d/ http://www.dailymotion.com/gd6d
  3. 3. 3Quoi ? Conception de site depuis 2000 Webmaster, gérant SARL Spécialiste WordPress depuis 2007 Formateur Conseil WordPress : choix de thèmes, plugin, accompagnement d’entreprises... Auteur de 2 formations vidéo Elephorm
  4. 4. 4 Le puzzle wordpress texte pages et articles Photos thème Administration wordpress plugins formulaire,Blog, immobilier, référencement photographe... service services tiers web 2.0 Lecture PDF, GoogleMap, Youtube, Twitter, Facebook, boutique... Google +
  5. 5. 5
  6. 6. Exemples de 6personnalisation
  7. 7. 7Traduction libre :A quoi bon créer un site web partir de zéro alors que l’on a ànotre disposition d’innombrables ressources. Travaillonssimplement à réaliser le meilleur assemblage...
  8. 8. 10 raisons d’utiliser 8 WordPress✤ Logiciel gratuit ✤ Présence du blog✤ Société AUTOMATTIC ✤ Choix de thèmes impressionnant✤ Nouvelles versions ✤ Google aime WordPress✤ Offre de plugins ✤ Sites accessibles aux standards✤ Le back-office convivial ✤ Site évolutif
  9. 9. Différence entre 9WordPress.com / .ORG
  10. 10. 10WordPress.comAvantages Inconvénients✤ Géré par Automattic ✤ Pas de monétisation✤ Hébergé sur le cloud ✤ Peu de thèmes disponibles limités✤ Pas de configuration ✤ Pas de modification du thème✤ Très simple et convivial ✤ Fonctionnalités limitées✤ Maintenances automatiques✤ Fonctionnalités supplémentaires gd6d.wordpress.com✤ Import / export
  11. 11. 11WordPress.orgAvantages Inconvénients✤ Géré par vous, ✤ Coût hébergement✤ Hébergement libre ✤ Maintenance technique✤ Simple et convivial ✤ Gestion mise à jour et surveillance✤ Pas de restrictions✤ Thèmes libres✤ Modifications / personnalisation✤ Facilité d’exportation
  12. 12. Installation de 12WordPressPar FTP Par Interface hébergeur✤ Configurer ✤ Configurer✤ Récupérer WP ✤ Récupérer WP✤ Installation 5 mn ✤ Installation 5 mn
  13. 13. Objectif : 13faire un site PRO
  14. 14. Découverte de 14WordPress+ Fonctionnement : notion de client / serveur + Installation + Coût + Evolution : mise à jour, thème, plugins+ Tour d’horizon + Ce que l’on peut faire + Plus difficile (php, css) + Standard, compatibilité+ Notions de base + Différences blog / site
  15. 15. Niveaux de 15compétence • Ecrire une actualité • Mettre à jour le contenu • Insérer un lien • Mettre en forme le contenu • Optimiser le référencement • Installer un plugin • Changer de thème • Modifier la présentation (css, php)
  16. 16. Différence entre 16article & pageARTICLES PAGES• Possèdent une date de • Arborescence publication • Comme une page «à propos»• Contenus de blog • Peut dépendre d’une Page• Appartiennent à des mère catégories • Peut être en page d’accueil• tags, date et auteur • «Statique», pas souvent• Un article seul pas en page modifiée d’accueil• Apparaissent dans flux RSS
  17. 17. 17Le Back-office Résumé de votre Ecriture rapide site d’un article Menu Commentaires récents Liens entrants
  18. 18. 18Ecrire une page Titre PublierMenu Zone d’édition Attribut de page Image à la une
  19. 19. 19Ecrire sa 1ère page texte page1.txt• Connection au back-office• Ajout d’une page• Mention du titre «Accueil»• Ecriture de contenu• Publication
  20. 20. 20Anatomie d’une page En-tête Header Colonne Contenu latérale Content Sidebar Pied de page Footer
  21. 21. Mise en forme 21le contenu• Eviter les blocs• Découverte de la barre d’outils• Très important : les styles !!! texte page2.txt Objectif : rendre son site attractif
  22. 22. Mettre en forme 22 son contenuH3 GRASliste àpuces citation Insertion caractère spécial lien
  23. 23. 23Nomenclature+ Les pages du site (contenu) : articles et Pages+ Les thèmes (templates) + Site institutionnel : page accueil statique + Blogs : mots clés / catégories... + Magazine + Thème premium+ Les widgets+ Les plugins (extensions)+ Les options de thème
  24. 24. Les widgets 24• Activer le plugin «Hello Dolly»• Désactivation & suppression• Recherche d’un plugin / extension pour faire des formulaires• Installation et configuration Extension «SLIMJETPACK»
  25. 25. 25Les widgets+ Répertoire + de 24 000 ! + Pour chaque besoin, il y a un plugin ! + Ne pas surcharger + Choisir, tester, vérifier + Faire développer+ Tendances + Plugins «premium» + Mega Plugins
  26. 26. 26Organisation du site• Les réglages de lecture Modification de la page d’accueil• Les pages Modèle page accueil• Des widgets pour la page d’accueil• Le menu Création d’un menu, des pages de contenu, sous pages et catégories
  27. 27. 27Organiser son site• Ajout d’une «image à la une»• Ajout de widgets• Utiliser le widget en HTML: texte avec une image• Background Personnalisation
  28. 28. 28Revue de web... Merchant Catalyst DT Slash Crown
  29. 29. La partie «actualités /blog» : 29Ecrire un article Titre PublierMenu Zone d’édition Format Catégories Mots clés Image à la une
  30. 30. Différence entre 30Catégorie & TagsCATÉGORIES TAGS• Les catégories sont visibles • Les tags sont des mots clés dans le plan du site. de votre site.• Aident à identifier l’objet du • Sont des micro-données ou blog des métadonnées• Aident le lecteur savoir si il est • Normalement plus de tags au bon endroit. que de catégories.• Aident à comprendre le contenu• Pas de catégories avec un seul article• Possibilité de sous-catégories
  31. 31. La partie «blog» 31en pratique• Ecrire une actualité• Créer une catégorie• Créer une page pour les articles• Ajouter des tags• Insérer une image et un pdf• Options : <more>, brouillon, mettre en avant, programmer actu tour de France + pdf + image
  32. 32. 32Choisir un thèmeBlog Valid XHTML / CSS Menu WordPress 3Magazine Visible IE6 TemplatePhotoblog Framework Page shortcodeBusiness Fichier psd joint Dummy TextPortfolio Jquery Galerie imagesCréatif Well Documented Bouton d’actionChildren Support Gestion espacesE-commerce Page theme Option publicitairesCorporate Menu déroulant Optimisé pluginsSmall Business Responsive Social linkbarMusic Translation ready
  33. 33. 33Place de marché
  34. 34. Des thèmes 34pour...Book en ligneAgent immobilierConsultantBlog d’entrepriseMagazine...Et les e-boutiques ?
  35. 35. 35Thème Premium
  36. 36. 36Personnaliser un thème
  37. 37. 37Thème Premium
  38. 38. 38Les thèmes responsives
  39. 39. 39Ressources+ Thèmes + http://www.wp-business-theme.com/ + http://themeforest.net/ + http://www.woothemes.com/ + http://www.elegantthemes.com/+ Plugins + Gratuits : http://www.wordpress.org/extend/plugins/ + Premium : http://codecanyon.net/category/plugins/wordpress+ Sites utiles + http://codex.wordpress.org/ + http://www.geekeries.fr/ + http://4h18.com/ + http://wpchannel.com/ + http://wpchannel.com/ + http://www.wordpress-fr.net/
  40. 40. 40DesQuestions ??

×