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/

présentation wordpress

  • 1.
    Wordpress Solution de gestion de contenu web Juin 2012 Formation organisée par Médias-Cité
  • 2.
    Les CMS ciel pourgérer automatiquement un site internet sans avoir beso graphique) de celle du contenu.
  • 3.
    Principes et fonctionnementd’un CMS nt éd ige r consulten t Administrateurs Rédacteurs Internautes Site public Site privé CMS
  • 4.
    Une solution Open-Source Libred'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 dewordpress - 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 dela 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 : Blogset 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 Typesde 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 Typesde 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 Typesde 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 lecapot : 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 lecapot : l'interface d'administration (back-office)
  • 17.
    Wordpress, sous lecapot : Site complet = Noyau Wordpress + Extensions + thème+ Développement specifique Extensions : modules pour ajouter des fon Thème : habillage graphique
  • 18.
    Wordpress, sous lecapot : 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 lecapot : 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 lecapot : Les extensions ublic) sécurité, galerie photo, interface avec des réseaux sociaux, statistiqu
  • 21.
    Wordpress, sous lecapot : 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 lecapot : Les contenus personnalisés Permet de gérer un nouveau type de donnée (ici les produits)
  • 23.
    Compétences pour Gérerun 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 unsite 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 lasolution Wordpress ncée de la hiérarchie des utilisateurs (grandes organisatio mmerce moins performantes que d'autres solutions
  • 26.
    Avantages de lasolution 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 évolutiond'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 lespé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à dusite 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/