If you can't read please download the document
Upload
monsieurpixel
View
2.822
Download
5
Embed Size (px)
Citation preview
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/