Guide de base WordPress

Pour crer et grer votre blogue ou site Internet 1- La cration du blogue Wordpress
Crez votre propre compte Wordpress.com en quelques secondes. Cest gratuit. Entrez cette adresse pour accder au formulaire en ligne :

http://fr.wordpress.com/signup/ tape 1 :

Identifiant: Ce sera lquivalent de votre code daccs pour accder la gestion de votre blogue. PRENEZ CETTE INFORMATION EN NOTE TOUT DE SUITE. Mot de passe: Ce sera votre mot de passe pour accder la gestion de votre blogue. PRENEZ CETTE INFORMATION EN NOTE TOUT DE SUITE. Confirmer: Rcrire votre mot de passe une deuxime fois pour confirmer. Adresse de messagerie: Cest cette adresse que vous seront envoyes les confirmations dinscription et diffrentes informations Wordpress. Termes du contrat: Lire les passionnantes conditions dutilisation du service et cocher pour accepter.
1

tape 2 :

Domaine du blogue: Ce sera votre adresse URL (http://...worpress.com) Titre du blogue: Ce sera le nom de votre blogue sur la page daccueil. Langue: Il est suggr de choisir la langue franaise. Vie prive: (1) Public: Vous tes sur la toile mondiale dans les moteurs de recherche. (2) Block search engines: Seulement accessible partir de votre adresse URL (tout le monde qui connat votre adresse peut accder votre blogue, mais vous ntes pas dans les moteurs de recherche) (3) Private: Il faudra entrer les adresses de courriels de ceux et celles qui sont autoriss visiter votre blogue. Sinon, personne ne peut y accder. Note importante: Vous pourrez changer vos paramtres de VIE PRIVE directement dans votre blogue si vous changez dide un jour

tape 3 :

tape 4 :
Activez votre blogue en confirmant directement dans le courriel reu votre adresse de courriel. Accdez votre blogue par ladresse URL qui a t envoye dans ce mme courriel. Prenez en note cette adresse URL (http://...) Sil y a un problme, contactez : Bernard Gagnon Bureau B-124.1 418-679-5412 poste 375 bernard.gagnon@cstfelicien.qc.ca

2. Prsentation gnrale dun blog (exemple de portfolio) :

En-tte du blog: (voir rglages)

Titre du blog Slogan (sous-titre)

Pages web du blog (voir pages) Image de len-tte (voir Image den-tte)

Article (ou page daccueil) (voir mise en page du blog) Titre de larticle Contenu de larticle (avec image et lien Internet ou non)

Barre latrale (widgets)

(Voir Barre latrale de menu)

Note importante : Administration du blog Vous tes ladministrateur de votre blogue. Pour accder la gestion du blogue, ajouter la racine /wp-admin la fin de ladresse URL de votre blogue.

Exemple : Si vous adresse URL de blogue est : http://monblogue.wordpress.com Vous accdez ladministration de votre blogue ladresse suivante : http://monblogue.wordpress.com/wp-admin La fentre de validation suivante saffichera. Entrez les informations demandes et cliquez sur SE CONNECTER.

3- La mise en page du blog 3.1 Les outils de gestion et cration.

Lorsque vous entrez sur votre blogue en tant quadministrateur, vous arrivez sur la page du tableau de bord. Voici une partie de la page qui saffiche :

Tableau de bord: Contient des donnes gnrales : statistiques de frquentation, liste des clics, liste des commentaires, liste de vos autres blogs, liste de vos abonns, etc. Options payantes: Wordpress offre des modules dextension (plugin) payants : VidoPress, espace supplmentaire (vous avez 5 Go gratuit), nom de domaine personnalis, etc. * Articles: Cest votre page daccueil si vous construisez un site web ou un portfolio. Cest votre page des articles si vous construisez un blogue. Vous accdez tous vos articles (modifier, supprimer, etc.), vous pouvez ajouter des articles, ajouter des catgories et des mots-clefs pour la recherche. *Mdias: Cest votre bibliothque. Cest l que se retrouvent tous les documents, images, vidos, etc. que vous tlchargez sur votre site. Liens: Pour ajouter des liens Internet et crer des catgories de liens (des liens regroups sous un titre). *Pages: Pour crer des pages web qui apparaissent dans les onglets. Ces pages compltent les articles. Commentaires: Pour accder la liste des commentaires reus en bas de chaque article et chaque page. Les commentaires peuvent tre ferms si on construit un site web sans rtroaction de la part de lutilisateur. Cotes dvaluation : Pour crer des icnes de votes (ex. : Jaime / Jaime pas). On peut accder aussi un rapport qui donne le bilan des votes. Sondages: Pour crer un sondage sur la page daccueil (page des articles) ou dans les widgets (barre latrale). *Apparence: Permet de choisir ou changer son thme (modle de blog), de placer des widgets (outils divers dans la barre latrale : texte, image, liens Internet, recherche, archives des articles, etc.), de modifier len-tte, etc. Utilisateur: Permet dajouter un ou plusieurs utilisateurs du blog (contributeur, administrateur, diteur, auteur). Permet aussi daccder votre profil et vos paramtres personnels. Outils: Diffrents outils Wordpress votre disposition ( importer ou exporter). *Rglages: Plusieurs outils pour configurer votre blog. Les 2 plus importants: Gnral (titre du site, slogan, etc.) / Vie prive (pour rendre public ou non votre blog).
7

3.2 Pour changer le titre et le slogan de votre blogue

Cliquez sur longlet pour ouvrir le menu droulant.

Cliquez sur longlet pour afficher la page de rglage. Faites les modifications dsires en haut de page :

Note 1: Le slogan peut devenir votre sous-titre. Note 2: Certains thmes (modles de blog) naffichent pas de slogan.

3.3 Pour rdiger un article ou construire votre page daccueil.

Cliquez sur longlet

pour ouvrir le menu droulant.

Cliquez sur longlet pour modifier le premier article plac dfaut sur votre blog (ou page daccueil par dfaut). Cliquez sur loption MODIFIER qui saffiche lorsque vous glisser votre curseur sur le titre . La page suivante saffiche :

Titre de larticle

Tlchargement de fichiers et dimages Outils de mise en page Zone de texte, images, vidos, liens Internet, etc.

3.4 Pour faire sa mise en page : Les outils ddition

Cliquez sur licne

pour ouvrir le menu au complet.

Ce sont vos outils qui vous permettront dcrire votre texte, insrer des images, placer des liens Internet, etc. (A) Pour tlcharger des fichiers :

Pour insrer une image

/ une vido

/ un fichier MP3

/ un mdia (fichiers

PDF, Word, PowerPoint, etc.)

/ Un sondage

Cliquez sur nimporte quel de ces icnes pour TLCHARGER UN FICHIER :

Les fichiers tlchargs se retrouvent automatiquement archivs dans votre bibliothque.

9

(B) Pour coller du texte Word ( partir dun fichier Word uniquement)

Cliquez sur licne

pour ouvrir cette fentre :

(C) Pour coller du texte en gnral (autre que Word)

Cliquez sur licne

pour ouvrir cette fentre :

10

(D) Pour insrer un lien Internet (lien hypertexte) Tapez votre texte de larticle et slectionnez les mots sur lesquels se fera le lien hypertexte. Pour ce faire, glissez sur le texte en gardant enfoncer votre clic gauche de la souris pour surligner en bleu les mots choisis.

Cliquez sur licne

La fentre suivante saffiche :

Cible du lien: Entrez votre adresse Internet (ou copier-coller ladresse). OBLIGATOIRE. Cible: Le site souvre dans la mme fentre ou dans une nouvelle fentre (pop-up). FACULTATIF. Titre: Si vous voulez changer le titre de votre lien. FACULTATIF. Classe: alignement de la fentre (pop-up) FACULTATIF.

Note : Cliquez sur licne

pour dfaire le lien.

(E) Les outils de mise en page traditionnels:

Gras

Italique Ray

Puces

Numrotation

Justifications du texte gauche / centre / droite.

11

Choix des grosseurs de caractres / soulignement / justification gauche-droite / couleur des caractres.

Pour afficher le texte en paragraphe retir. Un clic au dbut du paragraphe et un autre clic pour fixer la fin du paragraphe. Souvent, ce paragraphe prend une couleur particulire.

Pour insrer des caractres spciaux.

Pour cacher votre texte et crer une balise MORE (pour lire la suite du texte).

Pour reculer ou avancer dune page (retour en arrire en cas derreur).

Correcteur dorthographe (peu performant en franais) et affichage de larticle en plein cran.

12

4. Cration de pages web dans le blog

Le blogue est constitu possiblement dautres pages (pages web) qui complte linformation. 4.1 Pour modifier une page web

Cliquez sur longlet

pour ouvrir le menu droulant :

Pages: Pour accder aux existantes et les modifier au besoin. Ajouter: Pour ajouter une nouvelle page.

Cliquez sur cres.

dans le menu droulant pour accder aux pages

Note: dfaut, il existe une page web intitule About :

Cliquez sur le titre de cette page About pour faire apparatre la page :

13

Une page similaire celle-ci saffichera:

Pour voir votre page avant enregistrement

Titre de la page

Tlchargement de fichiers et dimages

Outils de mise en page

Zone de texte, images, vidos, liens Internet, etc.

Pour enregistrer votre page et la publier en ligne.

Note : Les outils de mise en page sont les mmes que ceux des articles. 4.2 Pour ajouter une page web

Cliquez sur AJOUTER dans la section Suivre les instructions en 4.1 (Pour modifier une page Web).

5. Pour modifier le modle (thme) de son blogue

Wordpress fonctionne avec des modles de blog prfabriqus - appels thmes.

Cliquez sur

pour ouvrir le menu droulant.

Cliquez sur

pour ouvrir la fentre des choix de thmes WordPress.

14

Une fentre similaire celle-ci saffiche :

1- Choisissez le mode daffichage des thmes:

2- Cliquez sur PRVISUALISER pour voir quoi pourrait ressembler votre blog ou ACTIVER pour slectionner le thme voulu :

Note importante: Pour quitter le mode de PRVISUALISATION, cliquez sur le (X) droite de la fentre affiche.

15

6. Pour diter les barres latrales de menu (widgets)

Les options dans les barres latrales du blog varient dun thme lautre (ex. : image ou non, twitter ou non, etc.)

Cliquez sur WIDGETS dans la section APPARENCE Une fentre similaire celle-ci saffiche :

16

6.1 Les widgets les plus courants :

Donnez un titre et crivez un court texte qui saffichera dans la barre latrale.

Vos hyperliens seront affichs dans chacune des catgories choisis. dfaut, la catgorie prdfinie sintitule Blogroll.

Lutilisateur de votre blog peut trouver les articles et les pages recherchs en tapant les mots recherchs. Tous les mots du blog font partie de loutil de recherche. Note importante : Il y a des thmes de blogs qui contiennent dj cet outil dans lentte du blog.

Si vous voulez insrer une image dans la barre latrale.

6.2 Pour insrer le widget choisi dans la barre latrale:

Cliquez sur

pour ouvrir le menu.

Cliquez et gardez enfoncer votre clic gauche pour glisser et placer votre widget dans la zone principale de widgets. Note : Il est souvent possible de placer des widgets dans des zones secondaires de widgets ou des zones de pieds de page.
17

6.2 Pour insrer une image dans la barre latrale de menu tape1 : Dans la bibliothque des mdias :
Localisez l'image que vous souhaitez utiliser dans votre bibliothque multimdia

Ou tlchargez une nouvelle image en allant Media - > Ajouter dans votre tableau de bord.

Une fois que l'image a t transfre (tlcharge) avec succs, (1) copiez l'URL figurant dans Adresse Web du fichier et (2) le coller dans la zone URL de l'image (tape 2)

(1) Copier lURL figurant dans Adresse Web du fichier

18

tape 2 : Dans la section Apparence > Widgets :

Aprs avoir slectionn votre widgets IMAGE (section 6.1) et lavoir gliss dans la zone principale des widgets (section 6,2), cliquez sur ouvrir le menu : pour

(2) Coller lURL dans la zone Image URL

Titre du Widget (facultatif): Un titre saffiche au-dessus de limage. Image URL (obligatoire): Adresse URL de limage dans votre bibliothque. Texte alternatif (facultatif): Ce texte remplace limage lorsque celle-ci ne peut pas safficher. Image title(facultatif): Texte qui saffiche comme bulle daide quand un pointeur de souris glisse sur limage. Caption (facultatif): Lgende qui apparat sous limage. Quand la lgende est utilise, un style de bordure est ajout au contour de limage.

Alignement (facultatif): Pour aligner limage gauche, droite, au centre ou aucun (= gauche).
19

Largeur et hauteur (facultatif): La largeur et hauteur de limage en pixels (px). Si vous laissez ce champ vide, le widget tentera de dterminer automatiquement les bonnes dimensions. Note: 160 X 120 est gnralement une largeur et hauteur qui convient bien pour image horizontale et 120 X 160 pour une image verticale. Link URL (when this images is clicked) (facultatif) : Si vous voulez placer un hyperlien partir de limage. Un clic sur limage dirigera lutilisateur vers un site Internet.

7. Pour modifier limage den-tte

Cliquez sur la section

pour ouvrir le menu.

Cliquez sur

pour ouvrir la fentre des en-tte.

Une fentre similaire celle-ci saffiche:

Pour tlcharger une image partir de votre ordinateur, cliquez sur PARCOURIR puis ensuite sur ENVOYER:

20

Note : Respectez minimalement les dimensions exiges (dans lexemple = 940 X 198) :

Si votre image est plus grande, vous pourrez dcouper limage.

En bas de la page, cliquez sur

Bernard Gagnon Conseiller TIC Direction des tudes Cgep de Saint-Flicien Septembre 2010.

21