Formation WordPress

1. Formation WordPress Formation WordPress

2. 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

3. 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

4. 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 …

5. 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

6. 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 • Errorconnecting to database • Error 500 – internal server error • Erreur CHMOD • Erreur 404 : file not found • http://www.guide-hebergeur.fr

7. Première fois • Pour se connecter à la partie administrateur

8. 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

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

10. Les widgets

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

12. 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

13. É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

14. 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

15. Insérer une vidéo • 2 techniques • Intégration de l’URL dans le code source • Extension Viper’sVideoQuicktags pour maîtriser la taille de la vidéo

16. 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

17. 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

18. La bibliothèque de médias • Médias > Bibliothèque • Classement des éléments par genre (images, fichier audio, etc.)

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

20. 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

21. Modifier les CSS • Plusieurs logiciels payants • Style Master (Windows et Mac) • CSSEDit (Mac) • Plusieurs éditeurs de textes gratuits

22. 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

23. 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

24. 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 pogosticking • 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/

25. 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