Formation WordPress Formation WordPress.

Slides:



Advertisements
Présentations similaires
"Les outils pour créer un site web facilement" Niveau Débutant.
Advertisements

Été INF1025 Driouch Elmahdi
[Nom du présentateur] [Titre/position/statut du présentateur] Webinaire pour [nom du groupe] [Nom de l'institution] [Date]
ZOTERO logiciel de gestion bibliographique
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Logiciels : Navigateurs Internet Niveau : Débutant Intermédiaire.
Guide d'utilisation du CMS pour les contributeurs Exposium
Installer un serveur FTP
Créer un site web en équipe
Logiciels Libres Pour Le Web Concept express… En installer en 3mn …En personnaliser certains.
Office 2007 – Développement client (5/5) OpenXML & Nouveautés de linterface Stéphane Crozatier Relation Technique Editeurs de Logiciels DPE - Microsoft.
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
1 : Léditeur 2 : Le traitement dimages. 3 : La visionneuse dimage. FRONTPAGE PAINT SHOP PRO ACD SEE.
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Formation Didapages C.A.H.M Avant de débuter un livre Avoir une bonne idée de ce que lon veut créer. Enregistrer mes fichiers selon ce qui.
Tutoriel SPIP Rédacteur.
Introduction aux CMS.
CMS Content Management System
Le portail des sports des associations de la ville de Nice
Créer un site Web sur internet
PRESENTATION DU LOGICIEL
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Nouveau blog. WordPress connexion Nommez votre blog.
Rédacteur 1. Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création dun article Fonctionnalités de base Statut de larticle.
Wordpress Week-end Tisserands 17 – 18 mars Présentation Généralités Téléchargement Wp-config Installation Tableau de bord Articles/catégories –
18/05/ Utiliser le cahier de texte en ligne avec lapplication SPIP Adresse du site du lycée :
Savoir-faire Endnote Johanne Akpossan, janvier 2005.
Créer son propre BLOG/Site web pédagogique
Créer une page web en quelques clics
Créer un site internet facilement Jimdo – Pages to the People.
Google Apps                         .
Formation Site Web Animation Pédagogique Ecole de Dommartin.
09/11/2006 CMS Content Management System Système de Gestion de Contenu.
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
1 Utiliser un blog “écrire un billet ou un commentaire et le publier” Quelques données techniques: Un blog est une suite d’articles appelés billets, publiés.
Créer et Faire Vivre un Site Web Pédagogique Stage 09A013.
User Tuto - Page 2 Vous connecter au blog Entrez les login / mot de passe que vous avez reçus par
Xi HUA Wenyun DAI Morgane GIRONA
GEORGETA BĂDĂU CRÉATION ET GESTION D’UN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.2.
Gérez vos références bibliographiques avec France.Martin [à]univ-paris1.fr
Création de support visuel pour vos présentation de cours.
Comment créer un site internet avec WordPress?
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
MODE D’EMPLOI Sous-titre. Onglet explorer voir toutes les activités crées par les autres professeurs, on peut réutiliser le contenu Dans files d’abonnement.
1 Session de formation Windows 8.1 Bienvenue !. Module de formation 1 2 Sujets : Naviguez dans Windows 8.1 Découvrez les bases de la nouvelle interface,
Contribution CMS.Eolas
Les systèmes de gestion de contenu
Conception des pages Web avec
Formation Didapages Gilles BADUFLE À partir d’un PPT modifié du C.A.H.M.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
SI28 – Ecriture interactive et multimédia Sylvain Slaton – Pierre Laporte.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
Créer un blog / site SOMMAIRE - règles d’édition - public/édition -roles -page / article -média -bibliothèque -extension Janvier 2016.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
Padlet, un mur collaboratif Mode d’emploi
Veille technologique Wordpress. Qu’est ce que Wordpress ?  C’est un CMS hautement personnalisable  CMS signifie « Content Management System » soit système.
Gabriel Dumouchel, doctorant Université de Montréal Un logiciel de création, de gestion et de partage de références à l'heure du Web 2.0.
Site Ilouest.fr Apprendre à contribuer au site Georges de Korvin.
Mise à jour en février 2013 Ecrire un commentaire Accéder au tableau de bord Changer son mot de passe Écrire un nouvel article Importer une image Publier.
Transcription de la présentation:

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) %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 Bonus extensions Référencement 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