Wordpress pour
les sites web
d'entreprises

Dans le cadre des ateliers de l'changeur
CCI de BordeauxLe 13 dcembre 2012

William Pezet Monsieur Pixel

- CMS
- Open-Source
- Bref historique
- Wordpress et wordpress.com
- le succs de la simplicit

Prsentation:

Les CMS

CMS (Content Management System ou systme de gestion de contenu): logiciel pour grer automatiquement un site internet sans avoir besoin de laide dun webmaster (technicien) pour les mises jour de contenu

Un CMS permet de sparer les oprations de gestion de la forme (habillage graphique) de celle du contenu.

Principes et fonctionnement dun CMS

Rdacteurs

Administrateurs

Internautes

CMS

Site priv

Site public

consultent

rdigent

Une solution Open-Source

Libre d'utilisation et code source accessible

Avantages :Communaut d'utilisateurs, dveloppeurs...

Indpendance 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
- dvelopp par la socit Automatic
- Initialement conu pour grer des blogs
- 2009 Open Source CMS Award

Wordpress & wordpress.com

Wordpress
- Logiciel CMS installer
- ncessite un hbergement (php/mysql )

Wordpress.com
- Plateforme de blog bas sur le moteur wordpress- adresse du type monsite.wordpress.com
- Personnalisation et fonctionnalits limites


Le succs de la simplicit

- Facilit d'utilisation
- Orient pour valoriser le contenu
- Bon rfrencement naturel (SEO)- Grande communaut d'utilisateur
- Communaut blog oriente rdactionnel et web 2.0
- Communaut crative oriente webdesign et multimdia

- diffrence blog/site classique
- site hybride
- sites raliss avec wordpress

Wordpress: Blogset sites:

Diffrence blog / site classique

Blog:
- articles agglomrs au fil du temps sur un sujet donn- En gnral, design avec une grande colonne gauche et une colonne droite- Exemple de blogs:
- http://echangeurba.wordpress.com/- http://blog.ldlc.com/

Diffrence blog / site classique

Sites classiques:
- Menu de navigation- Page d'accueil autre que liste chronologique d'articles- Exemples sites classiques:
- http://www.yoshikendo.org- http://www.jock.fr

Diffrence blog / site classique

Site hybride:
- Mlange blog et site classique- Garde un ct corporate tout en produisant du contenu
Exemples:http://www.formationweb-bordeaux.frhttp://www.be-intuitiv.com/FR/index.html

Varit des Types de sites
raliss 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/

Varit des Types de sites
raliss avec wordpress

Artisans TPE:
- http://www.cuisines-acr.com/- http://bioclimatique-habitat.com/

Socits de Services:
- http://www.sudouest-publicite.com/- http://www.regional-partner.com/

Varit des Types de sites
raliss 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

Site Wordpress aprs une installation et une configuration simple du CMS

- Doit tre install sur un serveur web (hbergement)
- Ncessite les environnements PHP+MySQL- Version franaise tlchargeable 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 + thme+Dveloppement specifique

Extensions: modules pour ajouter des fonctionnalits

Thme: habillage graphique

Wordpress, sous le capot:
Les thmes

- Ensemble de fichiers composant l'habillage graphique

3 approches:
- installation et configuration d'un thme existant
- modification d'un thme existant
- dveloppement d'un thme sur mesure

Enjeux:
- Design graphique, Image de l'entreprise
- Adapt au volume et type de contenu
- Ergonomie: facilit d'utilisation- Rfrencement, interoprabilit, accessibilit

Wordpress, sous le capot:
Les thmes

Tlcharger des thmes sur le web :Thmes Gratuits :
http://www.wordpress-template.com/
http://themegratuit.wordpress.com/

Thmes Payants :http://www.elegantthemes.com/gallery/page2.html
http://themeforest.net/category/wordpress

Wordpress, sous le capot:
Les extensions

Les extensions permettent d'ajouter des fonctionnalits au site (dans l'interface d'administration et ou le site public)

Exemples de fonctionnalits gres par des extensions : newsletter, formulaire de contact avanc, antispam, scurit, galerie photo, interface avec des rseaux sociaux, statistiques de visites, ecommerce, encart actualits, calendrier/agenda, annonces d'emploi, gestion de vido et d'audio,...

Wordpress, sous le capot:
Les contenus personnaliss

Dveloppement spcifique

Cration d'un nouveau type de donne personnalise

Ajoute une entre spcifique dans le menu :

Wordpress, sous le capot:
Les contenus personnaliss

Permet de grer un nouveau type de donne (ici les produits)

Comptences pour Grer un site web avec wordpress

Ncessite de connatre :
- le traitements des images pour le web
- rdaction pour le web (notions de rfrencement)
- l'interface dadministration wordpress

Comptences pour Raliser
un site web avec wordpress

Ncessite de connatre :
- le transfert de fichier vers serveurs distants
- le systme wordpress
- le rfrencement naturel

et pour Personnaliser un thme wordpress:
- langage html/css
- ergonomie/webdesign

et souvent pour ajouter des fonctionnalits:
- langage php/javascript

Limites de la solution Wordpress

- Pas de gestion avance de la hirarchie des utilisateurs (grandes organisations de rdacteurs webs)- Des extensions ecommerce moins performantes que d'autres solutions

Avantages de la solution Wordpress

- Facilit d'utilisation- Trs bon rfrencement naturel- De nombreuses extensions
- volutivit
- Thmes cratifs- Solution rpandue et connue par de nombreux utilisateurs et prestataires

Quelle modalit de travail pour la gestion de contenu

Pas de temps en interne, tout est gr par le prestataire

Les actualits et la mise jour de pages existantes sont gres en interne, les nouvelles pages et le menu de navigation sont grs par le prestataire

Les actualits, la mise jour de pages existantes, les nouvelles pages et le menu de navigation sont grs en interne

Prennit et volution d'un site wordpress

Possibilit de restructurer le contenu

Possibilit de reprise de l'existant par de nombreux prestataires

Possibilit d'ajout de fonctionnalits, de changement de design tout en conservant contenu et rfrencement

Ncessit de mettre jour le cur de wordpress, les extensions et ventuellement les thmes pour des questions de scurit

Prestation de ralisation d'un site wordpress

Quel est le prix d'un site wordpress?
quivaut quel est le prix d'un maison en brique?

Ralisation du site web diffrencier de l'identit graphique

Vrifier la prise en compte du rfrencement naturel, de la formation utilisateur, de la maintenance/assistance technique, documentation pour la mise jour

Worpdress et les priphriques
mobiles

Thmes spcifiques pour smartphone : exemple

Thme responsive webdesign, s'adapte en fonction de la taille d'cran : exemple
Applications pour grer le contenu de son site depuis un smartphone (back-office, interface d'administration)

Au del du site web avec wordpress

Wordpress Multi-site : configuration permettant une seule installation de Wordpress de grer un rseau de blogs.

Buddypress : ensemble d'extensions permettant de crer une plateforme de rseau social

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/