Articles

WordPress, créez votre site web et votre blog par Elisabeth Sancey et Claus Schulz

Comment je me suis formée à WordPress en 6 étapes

Pour resituer le contexte de cet article, je suis documentaliste juridique et webmaster des sites intranet et internet de mon employeur. Par webmaster j’entends que j’assure le suivi du projet lors de la mise en place de nouveaux sites, je participe activement à toutes les étapes du cahier des charges jusqu’aux tests avant « recettage informatique » définitif, j’assure l’interface avec un prestataire informatique qui développe le site, j’assure ensuite la mise à jour du site et les suggestions d’évolution. Je n’ai pas de compétence en langage de programmation informatique, ni en graphisme pour le web. Je me considère comme un utilisateur avisé qui maîtrise suffisamment la logique de fonctionnement des CMS pour avoir un échange de qualité avec un prestataire informatique.

L’objet de ma formation à WordPress était d’apprendre à être gestionnaire d’un site WP personnel sachant que mon employeur envisage de refaire un site internet qui sera également sous WP. En quelque sorte, j’ai donc pris les devants en m’entraînant sur mon propre projet personnel.

J’ai pensé que ce retour d’expérience pourrait être utile à d’autres documentalistes (tous secteurs) qui sont dans mon cas.

Etape 1 : un atelier blog à la médiathèque de ma ville a fini de me persuader qu’il n’était plus concevable en 2014 de gérer un site en HTML. Cette technologie ne favorise pas la communication et rend la mise à jour fastidieuse. Je décide donc de basculer la partie professionnelle de mon site internet http://cguelfucci.free.fr dans un site WordPress que je baptise Sérendipidoc.

Etape 2 : sur internet, je télécharge quelques tutoriels d’utilisation de WordPress. Dans les trois cas, il s’agit de documents PDF d’une vingtaine de pages qui expliquent les rudiments de l’administration d’un site WordPress. Il ne s’agit pas tant d’apprendre véritablement à utiliser WordPress mais de comprendre la logique du logiciel, d’acquérir son vocabulaire et de me familiariser avec les écrans de la partie administration.

Etape 3 : le webmaster qui réalise mon site Caroline Viphakone, me dispense une formation à mon domicile.

Etape 4 : j’achète 3 livres récents sur le sujet

WordPress, créez votre site web et votre blog par Elisabeth Sancey et Claus SchulzWordPress, créez votre site web et votre blog par Elisabeth Sancey et Claus Schulz, Micro Application Edition, collection 200% visuel, 2ème éd., Janvier 2014. ISBN : 978-2-822-402873

Le plus attractif. Il donne envie de se plonger dedans, c’est vous dire ! Celui que je recommanderais, il mérite vraiment bien son titre de collection : 200 % visuel.

 

 

 

 

WordPress, toutes les clés pour créer, maintenir et faire évoluer votre site web par Xavier Borderie, Francis Chouquet et Amaury BalmerWordPress, toutes les clés pour créer, maintenir et faire évoluer votre site web par Xavier Borderie, Francis Chouquet et Amaury Balmer, Pearson, 3ème éd., 2013. ISBN : 978-2-7440-2566-2

Le plus détaillé (625 pages), utile pour aller dans le détail sur un point, dense mais clair. Plus de la moitié de l’ouvrage concerne des utilisateurs aguerris qui veulent toucher au code, ce qui n’était pas mon cas.

 

 

Créez vos sites Web avec WordPress par Simon KernCréez vos sites Web avec WordPress par Simon Kern, Dunod, collection 100% pratique, 2ème éd., 2014. ISBN : 978-2-10-071533-6

Clair mais là aussi plus de la moitié de l’ouvrage concerne des utilisateurs avertis qui n’ont pas peur de « mettre les mains dans le cambouis », pas mon cas.

 

 

 

 

 

 

Etape 5 : je cherche une formation complémentaire de perfectionnement dans l’idée d’utiliser mon DIF à l’Ecole des métiers de l’information (EMI) ou au Centre de Formation des Professionnels du Journalisme (CFPJ). Au final, les programmes sont soit trop simples par rapport à mon expérience, soit trop complexes avec des prérequis de maîtrise de langages informatiques que je n’ai pas. La formation personnalisée semble être la seule alternative.

Etape 6 : il existe aussi des cours en ligne gratuit de très bonne qualité comme celui d’openclassrooms.com Propulsez votre site avec WordPress que vous pouvez imprimer au format PDF après une inscription gratuite sur le site.

Conclusion :

Lorsque l’on se lance dans un projet WordPress il y a une assez longue étape d’intégration de la logique du logiciel et de son vocabulaire (en français comme en anglais).

J’ai tenté de référencer dans cet article mes stratégies pour devenir un utilisateur éclairé. Les « erreurs » que j’ai pu commettre avec un premier projet seront autant d’expérience acquise pour un second projet plus ambitieux.

Plonger dans WordPress et sa documentation vous fait courir le risque de devenir légèrement obsédé par l’outil, au point de décortiquer tous les sites WP que l’on rencontre au grès du websurfing !
Il est donc conseillé d’alterner des phases d’écriture de contenu avec des phases de lectures techniques, si l’on veut conserver l’enthousiasme de la création sans l’aspect anxiogène de la bidouille informatique mal maîtrisée !

Maquette de site web

Les 6 étapes du cahier des charges d’un site internet d’avocats

Maquette de site web

L’objectif de cet article est de présenter brièvement les 6 rubriques indispensables d’un cahier des charges de création ou de refonte d’un site internet de cabinet d’avocats.

L’article a été rédigé pour un site internet classique (dit site de présentation ou site plaquette); ceci dit, la plupart des points pourront être utiles y compris dans d’autres cas de figure comme la mise en place d’un blog professionnel, la création d’un site de campagne, la création d’un site en rapport avec un évènement.

 

 

 

1. Présentation / Contexte :

  •     présenter le cabinet y compris à un prestataire informatique qui pourrait ne pas connaître le milieu juridique;
  •     dire pourquoi il faut créer ou refaire un site internet; faire le constat de l’existant.

2. Objectifs de la refonte / Brief :

  •     identifier le public visé;
  •     concurrence : donner des exemples des sites que l’on aime ou inversement des sites que l’on n’aime pas;
  •     décrire le cabinet par plusieurs termes/concepts/idées afin que ces idées permettent d’orienter le prestataire dans sa recherche graphique;
  •     la description de l’ambiance graphique souhaitée peut être l’occasion d’un brainstorming instructif sur comment est perçu le cabinet, quelle image on souhaite véhiculer;
  •     fournir ses propres éléments graphiques (logo, couleur, police, charte graphique, photos…) si ceux-ci existent déjà, sachant que le nouveau site internet est souvent l’occasion d’une création de charte graphique ou d’une nouvelle version de la charte graphique existante;
  •     éventuellement prévoir une prestation graphique complémentaire pour la réalisation d’un logo, d’une charte graphique, de photos professionnelles des locaux, de portraits des avocats, de recherche d’images libres de droit.

3. Contenu du site, fonctionnalités, principes de navigation :

  •     détailler l’arborescence du site à la fois sous forme écrite mais aussi sous forme de schéma;
  •     identifier le nom des futures rubriques et leurs relations;
  •     3 types de pages sont récurrents : La Home, la page intérieure type de contenu, la page CV de l’avocat;
  •     prévoir les fonctionnalités (formulaire, liens vers les réseaux sociaux, moteur de recherche, diaporama, animation…);
  •     pour la partie CV, souvent le cœur du site, prévoir un benchmarking de différentes présentations possibles et choisir celle qui correspond le mieux au cabinet. Quelques critères à prendre en compte : importance de la photo, photo posée ou naturelle, CV rédigé ou sous forme de liste, coordonnées plus ou moins détaillées, liens vers les réseaux sociaux;
  •     prévoir en interne qui rédige ou qui organise la reprise du contenu;
  •     prévoir les différentes versions linguistiques.

4. Spécificités techniques :

  •    prévoir les standards de compatibilité, l’ergonomie, le type de logiciel d’administration (type de Content Management System, CMS), l’aspect responsive design (site dont la présentation s’adapte automatiquement en fonction du support de consultation), l’hébergement et éventuellement l’achat d’un nouveau nom de domaine, le référencement, la sécurité et la sauvegarde, la formation d’un ou plusieurs administrateur(s), la maintenance.

5. Modalités de l’appel d’offres :

  •     dire ce que l’on attend du prestataire sélectionné et indiquer quels types d’information il doit présenter dans sa réponse : présentation, références clients, propositions graphiques, aspects techniques, budget;
  •     éventuellement prévoir une indemnité compensatrice pour le candidat qui participerait à l’appel d’offres mais qui ne serait pas retenu afin de le dédommager du temps passé;
  •     éventuellement donner une fourchette budgétaire pour la réalisation du site.

6. Calendrier :

  •     prévoir un calendrier pour la remise des offres, la sélection de l’agence, le développement du site, la livraison de la maquette fonctionnelle, la saisie des contenus, les tests & recettes, la mise en ligne du site;
  •     ne pas oublier de déclarer le nouveau site auprès de l’Ordre des avocats.

A voir aussi

logo WP

Créer un site internet en 2014 : WordPress s’impose

logo WP

 

 

Les points forts, les fonctionnalités du logiciel libre WordPress de plus en plus recommandé par les professionnels du web.

 

 

 

Lors d’un appel d’offres concernant la réalisation d’un site internet en juin 2014, 100% des agences web sollicitées nous ont recommandé WordPress.
Ci-dessous, une compilation des arguments en faveur de ce logiciel

Les avantages de WordPress / Les points forts

Simplicité : installation extrêmement simple, simplicité d’administration, simplicité de gestion du contenu, structure de base de données souple et légère, faibles ressources serveurs nécessaires.

Notoriété : notoriété très importante, grande communauté en constante progression, la plus grande communauté de développeurs, intervention de multiples contributeurs, ce système de gestion de contenus motorise aujourd’hui plus de 75 millions de sites web.

Personnalisation : un écosystème de plugins qui permet de répondre à tous les besoins (site map = plan du site, contrôle des liens cassés, SEO = référencement), grande liberté de développement sur-mesure via les plugins, bibliothèque d’extensions très riche.

Design : grand choix de thèmes complets, design et modernes, répondant aux dernières normes et évolutions du web actuel et retro-compatibles avec d’anciens navigateurs.

Documentation : documentation très fournie, ressources en ligne énormes et souvent localisées, si vous rencontrez un problème, une recherche sur le Web vous donnera immédiatement une solution.

Sécurité : sécurité globale, antispam, sauvegardes, protection contre les tentatives de connexion pirates.

Mise à jour : mise à jour en ligne très facile, WordPress est la plateforme qui évolue le plus vite et qui bénéficie du plus grand nombre de nouvelles versions (mises à jour) et qui, à chaque nouvelle version offre de nouvelles fonctionnalités dédiées aux utilisateurs, maintenance légère

Référencement : optimisé pour le référencement naturel avec les bons réglages


Les fonctionnalités offertes par défaut dans WordPress

. La gestion des administrateurs / contributeurs

. La gestion des pages de contenus

. La gestion des liens

. La recherche générale

. La fonctionnalité «mail to» pour postuler ou dans la partie «contact»

Une interface de gestion permet la création de profils avec une gestion des droits.

WordPress permet la gestion des versions adaptées à tous les supports (desktop, tablette, smartphone).


L’administration sous WordPress

Un administrateur central pourra intervenir sur l’ensemble du site et donner les droits à d’autres administrateurs. Les profils seront les suivants:

Le compte administrateur:

qui aura un contrôle total sur les parties administrables du site : contenu, actualités, calendrier, articles, gestion des utilisateurs et des comptes, paramètres.

Le compte rédacteur:

qui aura un contrôle total sur la partie éditoriale du site: articles, contenu, calendrier, aussi bien en ajout / modification / suppression.


L’hébergement

Afin que les données soient conservées en France et protégées, nous recommandons la société OVH reconnue pour sa grande qualité et dont les serveurs sont établis en France.


Consulter l’article (format PDF) : Article sur WP

 

Logo SPIP

Refonte intranet, site SPIP

Logo SPIP

En octobre 2005, le Service Documentation fait l’objet d’une enquête de satisfaction.

Un des points de l’enquête concerne le site intranet administré par le Service. Cette enquête est l’occasion de se rendre compte que même si les utilisateurs semblent satisfaits du contenu et de la mise à jour de l’intranet, certains critiquent la navigation à l’intérieur du site, sa présentation, son manque d’ouverture vers l’extérieur (internet) ou l’opacité de son contenu.

Il est vrai que le site a été mis en ligne en 2002 et non retouché depuis. Une refonte s’impose donc en 2006. La refonte concerne principalement le graphisme et l’ergonomie.

Le choix du CMS (Content Management System) SPIP est maintenu car il a fait ses preuves chez BLA et dans la communauté internet.

Le présent article est un retour d’expérience qui reprend toutes les étapes du projet, des critiques de la version d’origine du site à la mise en ligne finale du nouveau site en passant par les différentes étapes de refonte.

Article initialement mis en ligne en mai 2006.

Consulter le texte intégral de l’article (version PDF) : Refonte intranet BLA

Maquette de site web

Refonte du site internet BLA : du HTML au logiciel dédié

Maquette de site web

Il en va des sites internet comme des modes vestimentaires, plusieurs années après son lancement un site internet peut apparaître comme vieillissant et techniquement dépassé.

Fin 2004, le Cabinet Bignon Lebray & Associés (BLA) a décidé de réaliser une nouvelle version de son site internet.

Le présent article est un retour d’expérience qui reprend toutes les étapes du projet, du choix du prestataire à la mise en ligne finale en passant par les différentes étapes de conception. Techniquement il s’agit du passage d’un site au format HTML vers un site administré sous un logiciel dédié propriétaire.

Article initialement mis en ligne en novembre 2005. Attention le site internet du Cabinet Bignon Lebray a été remanié à plusieurs reprises depuis cet article. Cet article a été conservé notamment l’intérêt du processus de refonte.

Consulter le texte intégral de l’article (format PDF) : Refonte site internet BLA

 

Logo SPIP

Utilisation du logiciel SPIP (Système de Publication pour l’Internet) pour la réalisation d’un intranet

Logo SPIP

Cet article présente un retour d’expérience sur l’utilisation de SPIP pour la réalisation de l’intranet d’un Cabinet d’avocats.

 

 

 

Beaucoup de documentalistes sont amené(e)s dans le cadre de leur activité à construire des sites internet, intranet ou des « webzines ». En cas de budget serré, les logiciels libres offrent une intéressante alternative aux solutions clés en main. Le logiciel SPIP (Système de Publication pour l’Internet) connaît en ce moment un grand succès à la fois auprès des développeurs et des documentalistes.

Article initialement mis en ligne en novembre 2002, revu en octobre 2003 et juin 2005.

Télécharger l’article au format PDF : Retour d’expérience sur l’utilisation de SPIP pour la réalisation de l’intranet d’un Cabinet d’avocats