SlideShare une entreprise Scribd logo
Wordpress
                Solution de gestion de
                contenu web

Juin 2012
Formation organisée par Médias-Cité
Les CMS
ciel pour gérer automatiquement un site internet sans avoir beso

graphique) de celle du contenu.
Principes et fonctionnement d’un CMS


                                                            nt
                                                     éd ige
                                                    r
              consulten
                       t                                     Administrateurs
                                                                 Rédacteurs
Internautes
                           Site public Site privé



                                 CMS
Une solution Open-Source
Libre d'utilisation et code source accessible

Avantages :
Communauté d'utilisateurs, développeurs...
Indépendance vis à vis du prestataire
de nombreuses ressources (selon la communauté)
Evolutivité
Bref, historique de wordpress
- Créé en 2003
- Issu du logiciel de gestion de blog B2
- développé par la société Automatic
- Initialement conçu pour gérer des blogs
- 2009 Open Source CMS Award
Wordpress & wordpress.com
Wordpress
- Logiciel CMS à installer
- nécessite un hébergement (php/mysql )

Wordpress.com
- Plateforme de blog basé sur le moteur wordpress
- adresse du type monsite.wordpress.com
- Personnalisation et fonctionnalités limitées
Le succès de la simplicité
- Facilité d'utilisation
- Orienté pour valoriser le contenu
- Bon référencement naturel (SEO)
- Grande communauté d'utilisateur
- Communauté blog orientée rédactionnel et web 2.0
- Communauté créative orientée webdesign et multimédia
Wordpress : Blogs et sites:
  - différence blog/site classique
  - site hybride
  - sites réalisés avec wordpress
Différence blog / site classique

gglomérés au fil du temps sur un sujet donné
al, design avec une grande colonne à gauche et une colo
de blogs :
eurba.wordpress.com/
.com/
Différence blog / site classique
Sites « classiques » :
- Menu de navigation
- Page d'accueil autre que liste chronologiques d'articles
- Exemples sites classiques :
- http://www.yoshikendo.org
- http://www.jock.fr
Différence blog / site classique
Site « hybride » :
- Mélange blog et site « classique »
- Garde un côté corporate tout en produisant du contenu
Exemples :
http://www.formationweb-bordeaux.fr
http://www.be-intuitiv.com/FR/index.html
Variété des Types de sites
réalisés avec wordpress
Site Institutionnel :
- http://www.ville-arles.fr/
- http://www.fondation-alliancefr.org/

Art et Culture
- http://www.batofar.org
- http://www.bouletcorp.com

Magazine :
http://www.decisionsdurables.com/
Variété des Types de sites
réalisés avec wordpress
Artisans TPE :
- http://www.cuisines-acr.com/
- http://bioclimatique-habitat.com/

Sociétés de Services :
- http://www.sudouest-publicite.com/
- http://www.regional-partner.com/
Variété des Types de sites
réalisés avec wordpress
Tourisme :
- http://www.alsace-evasion.com/
- http://www.escapade-carbet.com/
- http://tourisme.sud-gresivaudan.org/
Wordpress, sous le capot :
       Le noyau du CMS
dpress après une installation et une configuration simple

installé sur un serveur web (hébergement)
e les environnements PHP+MySQL
rançaise téléchargeable sur : http://www.wordpress-fr.net/
Wordpress, sous le capot :
l'interface d'administration (back-office)
Wordpress, sous le capot :
           Site complet =
           Noyau Wordpress +
           Extensions + thème+
           Développement specifique

           Extensions : modules pour ajouter des fon

           Thème : habillage graphique
Wordpress, sous le capot :
Les thèmes
- Ensemble de fichiers composant l'habillage graphique

3 approches :
- installation et configuration d'un thème existant
- modification d'un thème existant
- développement d'un thème sur mesure

Enjeux :
- Design et Identité graphique
- Adapté au volume et type de contenu
- Ergonomie : facilité d'utilisation
- Référencement, interopérabilité, accessibilité
Wordpress, sous le capot :
Les thèmes
Télécharger des thèmes sur le web :
Thèmes Gratuits :
http://www.wordpress-template.com/
http://themegratuit.wordpress.com/

Thèmes Payants :
http://www.elegantthemes.com/gallery/page2.html
http://themeforest.net/category/wordpress
Wordpress, sous le capot :
       Les extensions
ublic)
sécurité, galerie photo, interface avec des réseaux sociaux, statistiqu
Wordpress, sous le capot :
Les contenus personnalisés
Développement spécifique
Création d'un nouveau type de donnée personnalisée
Ajoute une entrée spécifique dans le menu :
Wordpress, sous le capot :
 Les contenus personnalisés
Permet de gérer un nouveau type de donnée (ici les produits)
Compétences pour Gérer un site web
avec wordpress
Nécessite de connaître :
- le traitements des images pour le web
- rédaction pour le web (notions de référencement)
- l'interface d’administration wordpress
Compétences pour Réaliser
un site web avec wordpress
Nécessite de connaître :
- le transfert de fichier vers serveurs distants
- le système wordpress
- le référencement naturel

et pour Personnaliser un thème wordpress :
- langage html/css
- ergonomie/webdesign

et souvent pour ajouter des fonctionnalités :
- langage php/javascript
Limites de la solution Wordpress
ncée de la hiérarchie des utilisateurs (grandes organisatio
mmerce moins performantes que d'autres solutions
Avantages de la solution Wordpress
té d'utilisation
 on référencement naturel
mbreuses extensions
tivité
es créatifs
on répandue et connue par de nombreux utilisateurs et p
Pérennité et évolution d'un site
       wordpress
le contenu

existant par de nombreux prestataires

ionnalités, de changement de design tout en conservant contenu et ré

r le cœur de wordpress, les extensions et éventuellement les thèmes p
Worpdress et les périphériques
        mobiles
es pour smartphone : exemple

ve webdesign, s'adapte en fonction de la taille d'écran : exemple

gérer le contenu de son site depuis un smartphone (back-office, interf
Au delà du site web avec wordpress
e : configuration permettant à une seule installation de Wordpress de g

ble d'extensions permettant de créer une plateforme de réseau socia
Webographie
Wordpress francophone : http://www.wordpress-fr.net/

Extensions : http://wordpress.org/extend/plugins/

Documentation technique : http://codex.wordpress.org/

Ressources sur wordpress : http://www.geekeries.fr/wordpress/

Contenu connexe

PPT
WordPress en 2015 - ForumPHP
PDF
Simple présentation de Wordpress
PPTX
Découvrir WordPress
PPTX
Formation Wordpress 3
PPTX
Initiation à WordPress
PDF
Démarrer son site WordPress : LA "to-do" list
ODP
Wordpress pour les entreprises
PDF
Formation WordPress à Blida
WordPress en 2015 - ForumPHP
Simple présentation de Wordpress
Découvrir WordPress
Formation Wordpress 3
Initiation à WordPress
Démarrer son site WordPress : LA "to-do" list
Wordpress pour les entreprises
Formation WordPress à Blida

Tendances (19)

PPT
content management system
KEY
Histoires de CMS
PDF
Formation WordPress
PDF
Wordpress #1 : introduction
PPTX
Construire un site de presse avec Wordpress ?
PDF
Les 10 Erreurs des Debutants avec WordPress
PPTX
Sécuriser un site WordPress - Semaine du web
PPT
SAPIENS2009 - Module 4B
ODP
Un site web en 5 minutes avec le CMS Wordpress- SFD Douala 2014
PPTX
Combien coûte un site WordPress ? - Wordcamp Paris 2014
PDF
Wordpress notes de cours
PPTX
Test de produit, word press
PDF
Créer son site web avec WordPress
PDF
WordPress
ODP
Construire son site avec un CMS
PPTX
L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité ...
PDF
Comment creer un site internet
PDF
Introduction à Wordpress
content management system
Histoires de CMS
Formation WordPress
Wordpress #1 : introduction
Construire un site de presse avec Wordpress ?
Les 10 Erreurs des Debutants avec WordPress
Sécuriser un site WordPress - Semaine du web
SAPIENS2009 - Module 4B
Un site web en 5 minutes avec le CMS Wordpress- SFD Douala 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Wordpress notes de cours
Test de produit, word press
Créer son site web avec WordPress
WordPress
Construire son site avec un CMS
L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité ...
Comment creer un site internet
Introduction à Wordpress
Publicité

En vedette (20)

PPTX
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
PDF
Conseils et outils gratuits pour démarrer
PPT
Stratégie Product Listing Ads Google AdWords (2013)
PPT
Comment choisir son nom de domaine avec Amen
PPT
Amen - Introduction au référencement (SEO)
PDF
Initiation html css
PPTX
Choisir une adresse internet, quelles sont les questions à se poser?
PDF
Conférence semestrielle Syntec numérique 2012
PDF
Optimisez votre Référencement sur Internet pour améliorer la visibilité de v...
PDF
Optimisez votre référencement sur Internet pour améliorer la visibilité de vo...
PDF
Découvrez le nouveau plugin pour la solution ecommerce Shopware
PPTX
Lecture 03 HTML&CSS Part 2
PPTX
I tourisme amen donuts webinar july 15
PPTX
Amen et l'Afnic : Choisir son adresse internet.
PDF
IAB European Agency Snapshot Study
PDF
Améliorez votre présence en ligne pour attirer vos clients
PPTX
Amen.fr - Choisir le nom de domaine le mieux adapté pour votre identité numér...
PPT
Bien débuter avec une plateforme e-commerce
PDF
Comment travailler sur des projets WordPress pour de gros clients
PPT
Amen.fr - Afnic Nouveaux GTLD
Amen.fr - Webinar avec l'Afnic : Nouveaux GTLD
Conseils et outils gratuits pour démarrer
Stratégie Product Listing Ads Google AdWords (2013)
Comment choisir son nom de domaine avec Amen
Amen - Introduction au référencement (SEO)
Initiation html css
Choisir une adresse internet, quelles sont les questions à se poser?
Conférence semestrielle Syntec numérique 2012
Optimisez votre Référencement sur Internet pour améliorer la visibilité de v...
Optimisez votre référencement sur Internet pour améliorer la visibilité de vo...
Découvrez le nouveau plugin pour la solution ecommerce Shopware
Lecture 03 HTML&CSS Part 2
I tourisme amen donuts webinar july 15
Amen et l'Afnic : Choisir son adresse internet.
IAB European Agency Snapshot Study
Améliorez votre présence en ligne pour attirer vos clients
Amen.fr - Choisir le nom de domaine le mieux adapté pour votre identité numér...
Bien débuter avec une plateforme e-commerce
Comment travailler sur des projets WordPress pour de gros clients
Amen.fr - Afnic Nouveaux GTLD
Publicité

Similaire à présentation wordpress (20)

PPT
Cours CMS pour Développement Web Ing Info
PPTX
WordPress en tant que CMS
PDF
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
PPT
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
PPTX
WORDPRESS Qu'est ce que c'est ?
PPTX
Wordpress final
PPTX
Présentation du CMS Wordpress avec des illustrations
PDF
Cms oss-27012006
KEY
WordPress en tant que CMS
PPTX
2018 Cours projet web collaboratif Partie1
PPT
Présentation CMS ( Joomla )
DOCX
CMS WordPress.docx
PPT
Systèmes de Gestion de Contenu (SGC)
PPTX
Web content management wcm
PPTX
2015 Projet Web Collaborartif, Introduction au cours
PDF
Sites multilingues – le grand débat qui va enfin tout régler
ODP
Drupal en bibliothèque (2009)
PDF
Développer son site internet et optimiser son référencement
PDF
Tp1 wp etud
Cours CMS pour Développement Web Ing Info
WordPress en tant que CMS
INITITIATION_AU_DEVELOPPEMENT_WEB_ET_PRESENTATION_DES_DIFFERENTES_SOLUTIONS_P...
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
WORDPRESS Qu'est ce que c'est ?
Wordpress final
Présentation du CMS Wordpress avec des illustrations
Cms oss-27012006
WordPress en tant que CMS
2018 Cours projet web collaboratif Partie1
Présentation CMS ( Joomla )
CMS WordPress.docx
Systèmes de Gestion de Contenu (SGC)
Web content management wcm
2015 Projet Web Collaborartif, Introduction au cours
Sites multilingues – le grand débat qui va enfin tout régler
Drupal en bibliothèque (2009)
Développer son site internet et optimiser son référencement
Tp1 wp etud

présentation wordpress

  • 1. Wordpress Solution de gestion de contenu web Juin 2012 Formation organisée par Médias-Cité
  • 2. Les CMS ciel pour gérer automatiquement un site internet sans avoir beso graphique) de celle du contenu.
  • 3. Principes et fonctionnement d’un CMS nt éd ige r consulten t Administrateurs Rédacteurs Internautes Site public Site privé CMS
  • 4. Une solution Open-Source Libre d'utilisation et code source accessible Avantages : Communauté d'utilisateurs, développeurs... Indépendance vis à vis du prestataire de nombreuses ressources (selon la communauté) Evolutivité
  • 5. Bref, historique de wordpress - Créé en 2003 - Issu du logiciel de gestion de blog B2 - développé par la société Automatic - Initialement conçu pour gérer des blogs - 2009 Open Source CMS Award
  • 6. Wordpress & wordpress.com Wordpress - Logiciel CMS à installer - nécessite un hébergement (php/mysql ) Wordpress.com - Plateforme de blog basé sur le moteur wordpress - adresse du type monsite.wordpress.com - Personnalisation et fonctionnalités limitées
  • 7. Le succès de la simplicité - Facilité d'utilisation - Orienté pour valoriser le contenu - Bon référencement naturel (SEO) - Grande communauté d'utilisateur - Communauté blog orientée rédactionnel et web 2.0 - Communauté créative orientée webdesign et multimédia
  • 8. Wordpress : Blogs et sites: - différence blog/site classique - site hybride - sites réalisés avec wordpress
  • 9. Différence blog / site classique gglomérés au fil du temps sur un sujet donné al, design avec une grande colonne à gauche et une colo de blogs : eurba.wordpress.com/ .com/
  • 10. Différence blog / site classique Sites « classiques » : - Menu de navigation - Page d'accueil autre que liste chronologiques d'articles - Exemples sites classiques : - http://www.yoshikendo.org - http://www.jock.fr
  • 11. Différence blog / site classique Site « hybride » : - Mélange blog et site « classique » - Garde un côté corporate tout en produisant du contenu Exemples : http://www.formationweb-bordeaux.fr http://www.be-intuitiv.com/FR/index.html
  • 12. Variété des Types de sites réalisés avec wordpress Site Institutionnel : - http://www.ville-arles.fr/ - http://www.fondation-alliancefr.org/ Art et Culture - http://www.batofar.org - http://www.bouletcorp.com Magazine : http://www.decisionsdurables.com/
  • 13. Variété des Types de sites réalisés avec wordpress Artisans TPE : - http://www.cuisines-acr.com/ - http://bioclimatique-habitat.com/ Sociétés de Services : - http://www.sudouest-publicite.com/ - http://www.regional-partner.com/
  • 14. Variété des Types de sites réalisés avec wordpress Tourisme : - http://www.alsace-evasion.com/ - http://www.escapade-carbet.com/ - http://tourisme.sud-gresivaudan.org/
  • 15. Wordpress, sous le capot : Le noyau du CMS dpress après une installation et une configuration simple installé sur un serveur web (hébergement) e les environnements PHP+MySQL rançaise téléchargeable sur : http://www.wordpress-fr.net/
  • 16. Wordpress, sous le capot : l'interface d'administration (back-office)
  • 17. Wordpress, sous le capot : Site complet = Noyau Wordpress + Extensions + thème+ Développement specifique Extensions : modules pour ajouter des fon Thème : habillage graphique
  • 18. Wordpress, sous le capot : Les thèmes - Ensemble de fichiers composant l'habillage graphique 3 approches : - installation et configuration d'un thème existant - modification d'un thème existant - développement d'un thème sur mesure Enjeux : - Design et Identité graphique - Adapté au volume et type de contenu - Ergonomie : facilité d'utilisation - Référencement, interopérabilité, accessibilité
  • 19. Wordpress, sous le capot : Les thèmes Télécharger des thèmes sur le web : Thèmes Gratuits : http://www.wordpress-template.com/ http://themegratuit.wordpress.com/ Thèmes Payants : http://www.elegantthemes.com/gallery/page2.html http://themeforest.net/category/wordpress
  • 20. Wordpress, sous le capot : Les extensions ublic) sécurité, galerie photo, interface avec des réseaux sociaux, statistiqu
  • 21. Wordpress, sous le capot : Les contenus personnalisés Développement spécifique Création d'un nouveau type de donnée personnalisée Ajoute une entrée spécifique dans le menu :
  • 22. Wordpress, sous le capot : Les contenus personnalisés Permet de gérer un nouveau type de donnée (ici les produits)
  • 23. Compétences pour Gérer un site web avec wordpress Nécessite de connaître : - le traitements des images pour le web - rédaction pour le web (notions de référencement) - l'interface d’administration wordpress
  • 24. Compétences pour Réaliser un site web avec wordpress Nécessite de connaître : - le transfert de fichier vers serveurs distants - le système wordpress - le référencement naturel et pour Personnaliser un thème wordpress : - langage html/css - ergonomie/webdesign et souvent pour ajouter des fonctionnalités : - langage php/javascript
  • 25. Limites de la solution Wordpress ncée de la hiérarchie des utilisateurs (grandes organisatio mmerce moins performantes que d'autres solutions
  • 26. Avantages de la solution Wordpress té d'utilisation on référencement naturel mbreuses extensions tivité es créatifs on répandue et connue par de nombreux utilisateurs et p
  • 27. Pérennité et évolution d'un site wordpress le contenu existant par de nombreux prestataires ionnalités, de changement de design tout en conservant contenu et ré r le cœur de wordpress, les extensions et éventuellement les thèmes p
  • 28. Worpdress et les périphériques mobiles es pour smartphone : exemple ve webdesign, s'adapte en fonction de la taille d'écran : exemple gérer le contenu de son site depuis un smartphone (back-office, interf
  • 29. Au delà du site web avec wordpress e : configuration permettant à une seule installation de Wordpress de g ble d'extensions permettant de créer une plateforme de réseau socia
  • 30. Webographie Wordpress francophone : http://www.wordpress-fr.net/ Extensions : http://wordpress.org/extend/plugins/ Documentation technique : http://codex.wordpress.org/ Ressources sur wordpress : http://www.geekeries.fr/wordpress/