DECOUVRIR ET CONFIGURER WordPress...– Recherche (sur votre site) – Statistiqes de visites Sélectionnez un de ces widgets et glissez le avec la souris dans la colonne latérale

DECOUVRIR ET CONFIGURER WordPress

Qu'est-ce que WordPress ?..................................................................... Page 2

Inscription sur le site WordPress............................................................. Page 3

Se déconnecter, se reconnecter sur le site.............................................. Page 5

L'interface d'administration ; le tableau de bord...................................... Page 6

Écrire des pages et les structurer............................................................ Page 7

Modifier, supprimer des pages................................................................. Page 9

Insérer des vidéos, des images, des fichiers et des liens ....................... Page 10

Écrire un article........................................................................................ Page 11

L'apparence du site.................................................................................. Page 12

Lexique.................................................................................................... Page 13

Vocabulaire propre à WordPress............................................................ Page 15

Quelques techniques et logiciels utilisés..................................................Page 16

Bibliograhie.............................................................................................. Page 16

monWordPress.odt 02/02/2010 1/16


Qu'est-ce que WordPress (ou WP) ?

C'est un logiciel de gestion de blog gratuit et open-source, c'est à dire que tout le monde peut participer à son évolution.

Il peut gérer plus qu'un blog ; il peut être utilisé pour construire un site dynamique.

Deux personnes sont à l'origine du projet : Matt MULLENWEG et Mike LITTLE, qui lancent WordPress, en 2003, avec une licence open-source.

Il est aujourd'hui maintenu essentiellement par les développeurs de la société AUTOMATIC, créée en août 2005, par Mullenweg, et par des développeurs indépendants. AUTOMATIC compte aujourd'hui 30 employés et a levé plus de 30 millions de dollars d'investissement pour assurer sa pérennité.

Le nom de WordPress regroupe trois projets distincts :

– WordPress, le gestionnaire de blog open-source .C'est le sujet principal que l'on va examiner . WordPress est un script PHP (càd un programme) qui peut gérer un blog, ou même un site web complet, grâce à ses fonctions de gestion de contenus. (CMS : Content Management System)

– WordPress MU (WP MU), le gestionnaire de plate-forme de blogs open-source . C'est la possibilité de mettre en place rapidement une solution logicielle pour héberger soi-même des blogs. (C'est la version multiutilisateur de WordPress). Par exemple,LeMonde.fr utilise WordPress MU pour offrir des blogs à ses lecteurs.

– WordPress, le service d'hébergement de blog. service gratuit d'hébergement de blogs, avec options payantes.C'est ce service que nous utiliserons dans un premier temps. Il est géré par Automatic, avec, à la base, WordPress MU. ( 3 Go d'espace de stockage)

Au niveau popularité, 6 millions de blogs utilisent WordPress dont plus de 4 millions hébergés par WordPress.com. 140 000 articles sont publiés chaque mois en moyenne.

Outils techniques WordPress est un logiciel écrit en PHP en stockant ses données dans une base MSQL. WordPress rend transparent ces outils, ce qui facilite énormément la création d'un site.

WordPress n'est pas un logiciel qui se lance depuis Windows, mais un script qui s'installe sur un site web. Les seules conditions qu'un espace d'hébergement (gratuit ou payant) doit remplir pour le faire fonctionner normalement sont PHP 4.3 et MySQL 4,0 (ou versions supérieures) . et un logiciel de transfert de fichier (client FTP)



INSCRIPTION SUR LE SITE WordPress

Condition préalable : avoir une adresse e-mail valide et accessible.

Connectez-vous sur le site http://fr.wordpress.com.

(ATTENTION aux erreurs de saisie qui peuvent perturber WordPress, le bloquer, voire obliger à se réinscrire avec un nouvel identifiant, mot de passe et adresse e-mail)

L'identifiant choisi n'est pas modifiable.

Le mot de passe doit être suffisamment complexe « Strong »

Notez le précieusement.

Adresse e-mail obligatoire.

Validez l'adhésion aux termes du contrat.

Par défaut : « Donnez-moi un blog »

Faire « Suivant »

Sélectionner « En Langue Française »

Décochez l'inscription sur les moteurs de recherche.( le site ne sera visible qu'en inscrivant son adresse)

Faire « Suivant »WordPress nous demande de consulter notre messagerie puis de cliquer sur le lien pour activer notre compte.


http://fr.wordpress.com/


.Ouvrez le message de WordPress et cliquez sur le lien proposé

Dans le message de WordPress, il faut cliquer sur le lien pour activer le compte.

Vous venez de vous inscrire.avec succés !



Exercez-vous à vous déconnecter, puis à vous connecter.SE DECONNECTER

Pour vous déconnecter : activez la commande « se déconnecter ».

SE CONNECTER

Puis vous retrouvez la page d'identification :

Vous renseignez votre identifiant, votre mot de passe, puis cliquez sur « se connecter ».

L'encoche « Se souvenir de moi » = utile si l'ordinateur est sécurisé et uniquement utilisé par vous.

Un a utre méthode d'accès 1) Rendez vous sur le site http://fr.wordpress.com

2) Renseignez votre identifiant3) Inscrivez votre mot de passe4) Connectez-vous.


http://fr.wordpress.com/


L'INTERFACE D'ADMINISTRATION : LE TABLEAU DE BORD (Dashboard)

Depuis votre page d'accueil, connectez-vous au tableau de bord

Anatomie du tableau de bord :

Le tableau de bord ( = le coeur de WordPress) :- une vision globale de ce qui se passe sur votre site,- accès à des fonctions importantes (création d'une nouvelle page, gérer les commentaires...)

1 « Options de l'écran » : permet d'afficher ou d'effacer des modules, du tableau de bord

2 Menu de navigation : (à gauche, forme verticale, toujours ouvert dans le tableau de bord)

3 Les « boites » de la zone principale : (autre moyen d'accès direct aux rubriques, - ces boites peuvent être réduites ou déplacées).

4 « Aller sur le site » : permet de visualiser le site tel qu'il apparaîtra sur le web.(pour le moment, il n'y a pas grand chose. Pour revenir au tableau de bord depuis la page du site, cliquez sur le lien « Méta->Admin.du site », ou reconnectez-vous si ce lien n'existe pas).



ÉCRIRE DES PAGES ET LES STRUCTURER

La différence entre Page et Article.● L'article contient des informations classées chronologiquement (les plus récentes en

haut). L'article est donc adapté à la présentation d'un journal, d'un blog.

● La Page convient particulièrement à un contenu statique. Elle est conçue de manière à être accessible depuis la page d'accueil.L'utilisation des pages est plus appropriée à un site de type « portfolio». WordPress permet de structurer la présentation des diverses pages.

Structurer les pages : La hiérarchie ● La structure d'un site est d'une importance capitale pour son efficacité.● Méthode de WordPress pour structurer les pages :

1. Déjà, créer une page,2. Déterminer ensuite, si cette page est une page mère ou une page subordonnée.

On commence par créer une page

Aller, soit 1 dans le menu navigation à gauche : Page/Ajoutersoit 2 dans la boite « aujourd'hui » Page

Puis Ajouter (2 zones au choix)

Saisissez le titre de la page (il n'est pas obligatoire de trouver le bon titre avant de rédiger la page).



Saisissez le corps de la page

1) Tapez le contenu de la page

2) Renseignez l'attribut page parent ou page subordonnée.La hiérarchie des pages s'organise ici mais reste modifiable.on peut créer :

– des pages parents,– des pages subordonnées, (enfants)– des pages « sous subordonnées »,(petits enfants)., etc..–

3) Publiez puis « allez sur le site » pour voir le résultat escompté.



MODIFIER, SUPPRIMER DES PAGES Revenez sur le menu PAGE La liste des Pages s'affiche

Les mises à jour possibles

1Mise à la corbeille.

2 Modifier la hiérarchie (et l'ordre des pages).

3 Modifier le contenu.

NE PAS OUBLIER LA COMMANDE « Mettre à jour »

Mise en page avec le Menu

rq : la balise « more » permet d'insérer une scission (à l'endroit désigné). Les visiteurs ne verront que le contenu qui se situe avant la balise « more ». Un lien les invite à lire la suite.



INSÉRER DES VIDEOS, DES IMAGES, DES FICHIERS POWERPOINT DANS UNE PAGE

INSÉRER DES LIENS DANS UNE PAGE

Il est possible d'insérer un lien vers un site, avec la méthode ci-dessus ; « insérer un média » et en inscrivant l'adresse du site à pointer.

Autre méthode : Afficher dans le menu, une liste de liens, en créant des catégories.

Dans la barre latérale droite du menu du site, les liens apparaissent directement.



ÉCRIRE UN ARTICLE

Écrire un article se fait de la même façon que d'écrire une page.Si vous avez l'intention de bloguer avec WordPress, alors les articles seront plus adaptés.

Accès par le menu latéral gauche ou la zone article

Voir ensuite menu latéral droit

Petites différences avec l'écriture des pages :

1 Définir des mots clefs pour faciliter la recherche.

2 Créer des catégoriespour structurer les différents articles (création, modification, suppression)(on ne parle plus de hiérarchie, de page parent,comme pour les pages...)

Les possibilités d'insertion, et de mise en forme sont identiques à celles des pages

Rapide : écrire avec la zone « Presse Minute »(=mini-formulaire)

C'est un mini-formulaire, qui dispose de moins de place que le grand formulaire, mais qui est accessible directement.

Exemple de blog créé lle 28 mars 2009 pendant la journée « portes ouvertes » :http://bouchardon52000.wordpress.com/ (demandez-moi le mot de passe SVP)


http://bouchardon52000.wordpress.com/


L'APPARENCE DU SITE (Appearance)

Dans le menu latéral gauche

Les thèmes :

Par défaut, WordPress travaille avec le thème Kubrick .

Une multitude de thèmes personnalisables (= « habillage » du site ) sont disponibles et exploitables directement, de manière transparente, grâce à WordPress.

- Essayez plusieurs de ces thèmes.

(technique employée par WordPress : les modèles de feuilles de style CSS)

Il faut tester et vérifier que les menus programmés apparaissent bien avec le nouveau thème choisi.

Les Widgets

Il s'agit de petits programmes que WordPress rend accessib directement sur votre site :– Calendrier,– Liens,– Catégories,– Images,– Recherche (sur votre site)– Statistiqes de visitesSélectionnez un de ces widgets et glissez le avec la souris dans la colonne latérale.

Personnalisation de l'en-tête.

● Il est possible d'insérer une image personnelle sur l'en-te du site● Un menu propose de parcourir votre répertoire pour insérer l'image voulue.● Attention : cette image nécessite un travail préalable car elle doit avoir un format de

740 X 192 pixels.● Pour activer cette personnalisation, cliquez sur « Recadrer l'en-tête »

rq : Excellent site pour apprécier les performances des CSS :http://www.csszengarden.com/tr/francais/


http://www.csszengarden.com/tr/francais/

http://codewp.wordpress.com/wp-admin/themes.php


LEXIQUE

– Agrégateur : Outil permettant de recevoir les mises à jour et de lire les derniers articles de blogs choisis par le bias de l'abonnement à leurs flux. Également : lecteur RSS, lecteur de flux, lecteur de news.

– Archives : Regroupement d'un ensemble d'articles d'un blog. Le regroupement est le plus souvent chronologique, mais peut être également thématique ; par sujet, par auteur, par catégorie...

– Article : Élément atomique du blog, comprenant un titre, un contenu, une dateet un permalien. Un blog est composé d'une suite d'articles triés par date. C'est la base du blog : sans article, pas de blog. Également : billet, entrée, note ; post, blogpost, entry.

– Blog : Site personnel ou d'entreprise, prenant la forme d'une suite d'articles affichés antéchronologiquement (du plus récent au plus ancien).Également : blogue, weblogue, carnet web, cybercarnet, joueb ; weblog, webdiary.

– Blogiciel : CMS spécialisé dans la création de blogs.Également : carneticiel, blogware.

– Blogosphère : Ensemble des blogs sur internet, qui peut être subdivisé en autant de communautés au besoin (francoblogosphère, tricoblogosphère). Également : Blogobulle, carnetosphère.

– Bloguer : Action de publier sur son blog. Également : carnétiser.

– Blogueur : La personne qui écrit les articles du blog. Ils peuvent être plusieurs à écrire pour un seul blog.Également : carnetier, diariste ; blogger.

– Catégorie : Regroupement d'articles créé par le blogueur afin de réunir les entrées portant sur le même thème. Un article peut se trouver dans plusieurs catégories. Les catégories forment une méthode hiérarchiques de classement des données.

– CMS : Outils de gestion de contenu, de l'anglais Content Management System, qui simplifient grandement la mise en ligne de contenu multimédia (textes, images, sons, vidéos). Les outils de blog comme WordPress sont deds CMS spécialisés dans la gestion de blogs.

– Commentaires : Entrée attachée à un article précis, écrit par un lecteur ou le glogueur lui-même, en réponse à l'article ou à un commentaire précédent. Les commentaires forment la base des discussions sur un blog et servent à l'enrichir par les discussions ainsi engagées. Pour autant, certains blogueurs préfèrent fermer leurs commentaires, ou du moins les ouvrir que pour certains articles.

– Entrée : Contenu ajouté par le blogueur. Il peut s'agir d'un article, d'une page, d'un lien, d'un commentaire...Également : item.



– Flux de syndication : Fichier contenant les derniers articles, automatiquement mis à jour par le CMS lors d'une nouvelle publication. Ce fichier, difficilement lisible tel quel car basé sur le format XML, est destiné à être lu par les agrégateurs. Il contient l'essentiel de chaque article : titre, date de publication, adresse directe, et au choix un extrait de l'article, ou le texte complet. Les deux formats les plus répandus sont les flux RSS (Rich Site Summary ou Really Simple Syndication) et les flux Atom.Également : fil ; feed.

– Horodatage : la date et l'heure de publication d'un article.

– Metablog : Blog collectif, collaboratif ou communautaire, povant aborder des sujets très éclectiques en fonction de ses membres.Également : métacarnet, métablogue.

– Métadonnée : Information associée à une entrée, qui sert à la décrire et qui peut être exploitée par le CMS : auteur, date de publication, catégorie...Également : metadata.

– Moblog : Blog écrit principalement par le biais d'un téléphone portable (envoi de photos, de vidéos).Également : moblogue, blogue mobile, mobicarnet.

– Mots-clefs : Regroupement d'articles crée par le blogueur afin de réunir les entrées listant les mêmes mots-clefs. Un article peut disposer d'autant de labels que le blogueur l'estime utile. Les mots-clefs forment une méthode non hiérarchique de classement des données et ne doivent donc pas être utilisées comme des catégories.Également : labels, tags.

– Permalien : Lien permanent vers un article, une catégorie, un label ou une date du blog. Permet depuis un flux d'accéder directement à un article, même ancien, sans devoir passer par la page d'accueil du site, ni par son moteur de recherche. Sert d'identifiant visuel dans le cas où le blog dispose d'URL propres.

– Photoblog : Blog dont les articles contiennent principalement des photographies prises par le blogueur.

– Ping : Fonction interne du logiciel de blog, destinée à indiquer à un site lié qu'on parle de lui dans l'article publié. Sert également à signaler une mise à jour aux moteurs d'indexage.

– Podcast : Série d'émissions enregistrées au format audio ou vidé, diffusées par le biais d'un blog. Le lecteur de podcast télécharge le fichier MP3 ou vidéo à partir de son URL contenue dans le flux RSS, sous le non d'enclosure.

– Publier : L'action de mettre un article en ligne, accessible à tous. Un article peut également être prépublié si sa date de publication est dans le futur.Également : poster.

– Référent : Sites web ou blogs d'où proviennent les lecteurs. Vérifier ses référents permet



de savoir quel sont les sites/blogs qui font un lien vers son blog, ou de connaître les mots-clefs qui affichent son blog dans les moteurs de recherche. Également : referer.

– Rétrolien : Lien explicite placé par le blogueur vers un autre blog, afin de lui signaler qu'il est mentionné dans l'article publié. Fait le plus souvent office de doublon avec le système automatisé de ping.Également : pisteur ; trackback.

VOCABULAIRE PROPRE À WORDPRESS.

– Administration : Ensemble des pages permettant de gérer le blog, notamment l'écriture d'articles. Cette section n'est accessible qu'au propriétaire du blog et aux coblogueurs qu'il aura désignés.

– Barre latérale : Zone annexe du blog, généralement affichée à côté des articles de la page d'accueil et contenant certaines informations : catégories du blog, calendrier, données en provenance d'autres extensions.Également : sidebar.

– Champ personnalisé : Métadonnée, créée par l'utilisateur ou une extension, plutôt que par WordPress.Également : custom fields.

– Codex :Site principal de documentation de WordPress. Le Codex repose sur un système de type wiki, ce qui signifie que la documentation peut être améliorée par n'importe qui.

– Extension : Programme conçu par un développeur tiers, et qui étend ou modifie le fonctionnement de WordPress. Une extensin typique est un filtre antispam.

– Modèle : Fichier dynamique utilisé pour générer le code HTML du blog. Un modèle est l'élément atomique d'un thème. Ses fichiers sont écrits en PHP.Également : patron, gabarit ; template.

– Page : Entrée publiée en dehors de la chronologie du blog. Les pages fonctionnent de la même manière que les articles, mais sont traitées différemment par WordPress : elles ne peuvent pas appartenir à une catégorie, mais une page peut contenir plusieurs sous-pages. Pour les différencier de l'expression générale de "page web", on parlera içi de "page statique".

– Rôle : Identité que peut prendre un membre du blog. WordPress gère rôles : administrateur, éditeur, auteur, contributeur, abonné. A chaque rôle se rattachent des capacités, c'est à dire des droits d'accès à certaines fonctionnalités de l'administration.

– Thème : ensemble de modèles PHP, d'images et de fichiers CSS définissant l'apparence du blog pour les visiteurs..



QUELQUES TECHNOLOGIES ET LOGICIELS UTILES

– Apache = Serveur Web. C'est le logiciel avec lequel communique le navigteur et qui se charge d'envoyer les fichiers (code HTML, image, sons, etc...) attachés à une adresse web. Un fichier .htaccess placé à la racine du site permet de contrôler certains aspects du serveur. Gratuit, le serveur Apache est utilisé par la grande majorité des sites web.

– CSS : Langage de description permettant de séparer le contenu (texte, image, son) du contenant (mise en page).

– FTP : Protocole de transfert de fichiers. Par le biais d'un client FTP, le blogueur petu accéder à son espace web et ainsi mettre en ligne ou effacer des fichiers. C'est la première étape de l'installation d'un blog ou de la mise en place d'un thème ou d'une extension.

– HTML/XHTML : Langage de balisage de données permettant de décrire le contenu d'une page web. C'est le socle d'une page web, à partir duquel sont appelés les images, les sons et autres fichiers tiers. Il est surtout utile de le connaître si l'on veut maîtriser le code de ses articles ou créer/modifier son thème.

– Javascript : Langage de programmation web, côté client, permettant de mettre en place une certaine interactivité sur une page web.

– MySQL : Système de gestion de base de données (SGBD). Le contenu d'un blog n'est pas stocké dans des fichiers texte, mais sur un serveur MySQL. Gratuit, c'est l'un des SGBD les plus populaires sur le web actuellement.

– PHP : Langage de programmation web, côté serveur. PHP permet de créer selon les besoins des pages HTML différentes, sans intervention de l'utilisateur. Un très grand nombre de sites sont programmés à l'aide de PHP, parmi lesquels Wikipédia, Facebook, Digg et, donc, WordPress.

– PhpMyAdmin : Logiciel écrit en PHP permettant de gérer une base de données MySQL, par le biais d'une interface web plutôt qu'en ligne de commande.

BIBLIOGRAPHIE

• Magazine des Internautes n° 14 Février - Mars 2009 « Créez votre blog pas à pas »• Linux Pratique H.S. N° 17 Mars Avril 2009 « Créez votre site/blog avec WordPress.• Wordpress – Compétence Micro Décembre 2009 n°10• WordPress – collection Le Campus –Mars 2009 chez Pearson Education France


Documents

DECOUVRIR ET CONFIGURER WordPress...– Recherche (sur votre site) – Statistiqes de visites Sélectionnez un de ces widgets et glissez le avec la souris dans la colonne latérale