Formation WordPress
description
Transcript of Formation WordPress
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