Formation WordPress

Formation WordPress

Pourquoi WordPress ?

• Blogs, sites commerciaux, particuliers• Cmsimple n’est plus mis à jour depuis 1

an et demi• WordPress est devenu un CMS

incontournable et semble le plus intuitif par rapport à Joomla ou SPIP

Avantages de Wordpress• Gratuité• Automattic, société qui développe WordPress, est innovante et à

l’écoute des utilisateurs• Nombreux plugins• Back office convivial• Très nombreux templates• Facilité de mise à jour• Sécurisé• Naturellement bien référencé• Respectueux des standards• Très malléable : possibilité de modifier son site dans le temps. Évolue

avec les besoins de l’utilisateur• Showcase• Possibilité d’héberger son blog chez WordPress.com

Beaucoup d’avantages mais quelques inconvénients

• La base de données rend la mise en ligne plus compliquée

• Le grand nombre de possibilités et d’évolutions de WordPress peut le rendre moins accessible pour les débutants

• WordPress est encore très connoté Blog …

Préparer son site

• Objectifs du site• Plan du site• Organisation de la page d’accueil• Avenir du site• Outils nécessaires avant de commencer– Papier et crayon– http://writemaps.com– http://gomockingbird.com– Navigateurs Firefox et Chrome, ftp, éditeur de

texte, Flash player

Installation de WordPress

• Installation locale– Créer sa base de données avec PhpMyAdmin– Identifiant et mot de passe : root– Hôte : localhost– Préfixe : _wp

• Les erreurs courantes lors de l’installation– Header already sent– Error connecting to database– Error 500 – internal server error– Erreur CHMOD– Erreur 404 : file not found

• http://www.guide-hebergeur.fr

Première fois

• Pour se connecter à la partie administrateur

Le tableau de bord

• Décomposable en 5 parties : – menu – résumé du site – press-minute(écriture rapide d’un article) – commentaires récents – liens entrants (backlinks)

• Possibilité de réduire le menu• Le menu gauche se divise en deux : en haut, le contenu. En bas, les

réglages (templates, maintenance, widgets, etc.)• Le menu bas peut être non, accessibles pour les simples

rédacteurs du site• Masquer les blocs • Possibilité de régler chaque bloc en laissant sa souris sur l’en-tête

du bloc pour faire apparaître le lien Configurer

Téléchargement et installation d’un thème

Les widgets

Les extensions

• Les extensions fournies– Akismet– Hello Dolly– Ajouter des extensions– Les plus intéressantes

Les utilisateurs

• WordPress est collaboratif• Rôles et permissions– 5 rôles (Abonné, contributeur, auteur,

éditeur, administrateur)

• Tester avec un autre navigateur et une permission inférieure

• Conseiller aux stagiaires de créer un 2e compte Auteur ou éditeur

Écrire du texte• Interface, titre, permalien• Prévisualiser• Maj+entrée pour un retour forcé à la ligne• Bouton caché de l’éditeur de textes pour faire apparaître plus d’options• Agrandir la zone où l’on tape le texte

– Par cliqué glissé dans le coin inférieur droit– Réglages > écriture > taille du champ de saisie– À déconseiller

• Bien distinguer page et article !– Article– Page– Aller plus loin dans la gestion d’éléments spécifiques

Insérer une image

• Bien distinguer bibliothèque (qui contient toutes les images) et galerie (spécifique à un article ou une page)

• Insertion depuis le disque dur, une page Web, la bibliothèque• Insérer une galerie

– Sélectionner plusieurs images (au lieu d’une seule) – Modifier l’ordre par glissé déposé– Pour ajouter une image dans une page sans la rajouter à la

galerie• Extension multiple-galleries

• Image à la une• Insérer un effet lightbox

– Ajouter l’extension Lightbox Plus

Insérer une vidéo

• 2 techniques– Intégration de l’URL dans le code source– Extension Viper’s Video Quicktags pour

maîtriser la taille de la vidéo

Insérer du son au format mp3

• Possibilité de l’insérer comme une image (peu pratique pour l’internaute)

• Extension audio player• Pour les sons dépassant 8 Mo, passer par

FileZilla

Insérer un pdf

• Insérer comme une image pour le télécharger– Titre : « télécharger le document au format pdf »– Bien mettre « adresse Web du fichier »

• Extension Google doc Embedder– Permet d’afficher le pdf directement dans son site– Fonctionne mal avec IE (dommage)

• Partager avec Calaméo– Copier – coller le code html– Possibilité d’utiliser un plug-in conçu pour WordPress

La bibliothèque de médias

• Médias > Bibliothèque– Classement des éléments par genre (images,

fichier audio, etc.)

Modifier le contenu

• Modifier le texte• Modifier les images• Catégorie et mots-clés• Widgets• Liens• Les commentaires• Les sticky posts (article en début de site)

Modifier la présentation

• Le menu– Modifier l’ordre– Apparence > Menu

• Modifier le fond de page• Modifier l’header• Traduction : fichier .p ou .mo• Thème Premium = thème payant

Modifier les CSS

• Plusieurs logiciels payants– Style Master (Windows et Mac)– CSSEDit (Mac)

• Plusieurs éditeurs de textes gratuits

Mise en ligne : procédures avec OVH

• En local– Sauvegarder sa base en passant par le back office de WordPress– Pour cela, – Faire une sauvegarde au format .xml– Dans un éditeur de textes, ouvrir le fichier et rechercher-remplacer les

adresses locales par l’URL du site• En ligne

– Depuis le manager d’OVH, créer une base de données– 2 solutions pour installer WordPress

• Depuis le manager d’OVH, installer WordPress en un clic• Installer WordPress avec FileZilla

– Problèmes testés• Solution difficile avec PHPMyAdmin• 2e solution plus facile avec un éditeur de texte

10 choses à faire lors de l’installation de WordPress

• Changer le slogan• Éditer les permaliens pour améliorer le référencement

– Pour les sites Internet• Réglages > Permaliens

– Pour les blogs (beaucoup plus de choix de réglages)• Réglages > Permaliens

– %year%– %monthnum%– %day%– %hour%– %minute%– %second%– %post_id%– %postname%– %category%– %tag%– %author%

• Dans chacune des pages, il est possible de modifier le permalien pour ajouter un ou deux mots-clés dans l’URL

• Télécharger le thème et l’installer• Créer ses catégories• Modifiez les préférences de commentaires dans les pages• Installer l’extension All in One SEO• Installer l’extension Google XML Sitemaps• Ajouter son site à Feedburner• Installer Google Analytics

Référencement• Google Panda

– A retenir de Google Panda et de Google en général– Le scraping– Le content spinning– Faire appel à des rédacteurs low-costs– Les fermes de mots-clés– Le pogo sticking– 30 % des mots-clés tapés chaque jour n’existaient pas il y a six mois !

• Pour vous espionner :– Google Chrome– Gmail– La barre d’outils Google

• Google insight– http://www.google.com/insights/search/?hl=fr– Exemples d’utilisation– Twirus

• http://fr.twirus.com/

Plus d’infos

• WordPress– Télécharger WordPress en Français :– Réaliser son premier site avec WordPress :– Créer le fichier .htaccess chez OVH pour changer de

version PHP :– Thème vierge WordPress :– Créer des designs avec un logiciel payant (version

d’évaluation)– Tutoriels vidéos, podcasts

• Bonus extensions– Exclure les pages d’un menu avec l’extension Exclude pages

• Référencement