Академический Документы
Профессиональный Документы
Культура Документы
Les blogs et les plateformes denseignants sont un moyen de poursuivre la relation lveenseignant en dehors de la classe. Lcole la maison dporte lespace denseignement de faon
diversifier les mthodes dapprentissage et sduire grce linterface technologique.
Retrouver le cours de son professeur ou mettre en ligne son expos sont des usages au service
dune pdagogie qui na pas peur de souvrir aux moyens de communication actuels.
Les tudiants, qui doivent mettre en avant leurs comptences professionnelles, sont aussi
concerns par les solutions de gestion de contenus et parfois mme seront prescripteurs de ces
solutions dans lexercice de leur profession.
Drupal (http://drupalfr.org/) ;
Joomla! (http://www.joomla.fr/) ;
WordPress (http://fr.wordpress.org/).
http://fr.wordpress.org/
pour lenseignement : on peut facilement mettre des cours en ligne, proposer des supports,
indiquer des ressources ou illustrer une squence (vidos, liens, ...).
outil pdagogique : on peut proposer aux lves dutiliser par exemple le blog pour traiter
des thmes de cours, faire de la veille, drouler leurs expriences, rendre compte de leurs
travaux personnels ou de groupe, ...
Linterface dadministration affiche un tableau de bord qui permet de faire des actions de base ou de
gestion courante et dtre notifi des nouveauts de WordPress.
En cliquant sur le titre du site (ici Mega Site ) en haut droite on peut voir quoi il ressemble. Cest
ce que verrons dornavant tous les visiteurs qui saisiront lURL du site dans leur navigateur.
Il dispose dune interface trs pure en deux parties, avec un menu compos de deux lments.
Exemple WordPress avec le thme Twenty Fourteen :
Une fois ces questions rsolues vous pourrez choisir un thme ou garder celui par dfaut (Twenty
Fourteen avec la version 2.8).
Pour cela il faut aller dans le menu Apparence qui contient par dfaut trois thmes install et un
activ (celui qui est visible) :
On peut donc installer plusieurs thmes et passer de lun lautre en activant celui que lon veut
garder (au survol dun thme Activer apparat). Cest une solution lorsque lon hsite encore.
En survolant les thmes qui ne sont pas activs on peut aussi les prvisualiser sans les activer. Ils
reprendront exactement le site en cours de dfinition.
Mais il existe une foule dautres thmes que lon peut tester et tlcharger en cliquant sur Ajouter un
thme. Ces thmes sont issus dune communaut trs active et trs souvent ils disposent de mises
jour qui les font voluer sans cesse. Une interface vous permet alors de prciser la recherche de votre
thme en reprenant les questions voques plus haut :
Tous les thmes qui rsulteront de votre recherche peuvent tre prvisualiss. Cependant, si vous
voulez voir leur apparence adapte votre site il faudra les tlcharger et faire une prvisualisation
dans vos thmes.
Pour notre exemple, nous allons travailler avec le thme Twenty Eleven qui correspond mieux la
maquette dun site usuel, de dtachant de laspect blog des autres thmes. Pour cela nous allons
rejoindre le menu Apparence, choisir Ajouter un thme et saisir Eleven :
3. Personnalisation du thme
Outre les couleurs, tout est personnalisable sous WordPress. Une interface simple de configuration
permet de dcider de laspect gnral du site.
Dans le menu Apparence/Thmes il faut cliquer sur Personnaliser situ sur le thme actif :
Lavantage de notre thme, cest la simplicit de la configuration. Dautres thmes proposent des
configurations beaucoup plus pointues.
Linterface permet de changer les couleurs, dajouter une photo dans len-tte et de dfinir quelle page
sera la page daccueil.
La structure du site, par exemple sur une seule colonne, est modifiable :
10
Une fois les choix effectus il ne faut pas oublier de cliquer sur Enregistrer avant de Fermer le menu
de personnalisation.
Les paramtrages plus approfondis se font par lintermdiaire du menu Apparence.
Vous pouvez insrer nimporte quelle image mais en prenant garde tout de mme ses proportions.
Une image pas assez large peut changer lapparence du bandeau, une image trop haute peut dcaler
normment le corps du site. Pour modifier cette image il faut aller dans Apparence/En-tte :
11
Il faut, pour ce thme, slectionner une image qui idalement doit faire 100 pixels x 288 pixels pour
moins de 100ko. Modifiable avec loutil de recadrage de Paint :
Le recadrage peut se faire une fois limage tlcharge sous WordPress ou laisse telle quelle si la
taille est dj la bonne :
12
Len-tte peut ne comporter aucune image selon ses prfrences. Dans ce mme menu on pourra
choisir un affichage alatoire des images de la bibliothque et changer la couleur du titre du site.
En cliquant sur le nom de votre site en haut gauche, vous passez successivement de laperu du
site linterface dadministration :
13
Choix du Thme.
En-tte du thme.
14
Les pages sont donc les diffrentes sections du site qui apparaissent dans le menu :
15
Les articles apparaissent uniquement dans la page daccueil (ici la page dexemple) :
Pour constituer un blog simple, une seule page suffit pour contenir les diffrents articles. Pour un site
structur il faut plusieurs pages.
16
Il est important de rflchir en amont sur la structure du site, de ses menus et par consquent des
pages ou des catgories crer. Notre site ne comporte actuellement que la page dexemple, que lon
gre dans le menu Pages :
Pour structurer le site il faut soccuper du menu et de ses composants. Pour cela ce sont des pages
qui forment le menu et ses sous-lments. Par exemple (maquette ralise avec MindView) :
Les diffrentes pages dfinies doivent tre structures dans le menu Pages. On peut modifier la page
dexemple pour la transformer en celle Catalogues 2013 :
17
Il faudra remplacer le titre, effacer le contenu de la page et crire le texte relatif la page avec
lditeur de texte en ligne :
On peut utiliser les fonctions ddition avances pour amliorer la prsentation du texte, importer du
texte depuis Microsoft Word, ... :
18
Une fois mise jour, notre page apparat sur notre site :
19
Lorsquune page dpend dune autre page parente (cas des pages de catalogue) il faut le prciser
dans la section Attributs de la page droite :
20
Cependant, la page daccueil persiste apparatre. Cest une page indpendante des autres sur
laquelle les internautes arriveront directement louverture de notre site. Cette page a la particularit
de contenir tous les articles du site (un article exemple est dj crit par dfaut). Cette page est
dfinie automatiquement dans le style Twenty Eleven.
21
Nous allons choisir la page Catalogues 2013 pour jouer le rle de page daccueil. Il faut donc
rejoindre Apparence/Menu pour dcouvrir la composition de notre menu :
Toutes nos pages apparaissent dans lordre de cration. Elles ont toutes t ajoutes
automatiquement au menu du site (structure du menu). On peut supprimer une page du menu, celle-ci
ne sera donc plus affiche sous forme de menu mais ne sera pas efface pour autant.
22
Ensuite il faut placer les deux catalogues sous le menu Catalogues 2013 pour constituer
le sous-menu :
Enfin il faudra Crer le menu qui sappellera Menu 1 et dans longlet Grer les
emplacements il faudra choisir Menu 1 comme menu principal :
23
Dautres menus peuvent tre conus pour prvoir dautres solutions ou sadapter selon une priode,
un vnement, mais un seul peut tre visible chaque fois avec ce thme.
Prcision importante : Si votre choix est davoir un site constitu de plusieurs sections dynamiques,
cest dire constitues darticles, ce moment l vous devez choisir de constituer dabord des
catgories (et non plus des pages) qui permettront de structurer le site :
24
Une fois cres, ces catgories peuvent tre disposes comme les pages, avec des sous-catgories.
Ensuite dans Apparence/Menus vous devrez disposer vos catgories dans le menu et non plus des
pages :
25
Enfin, en affectant les articles des catgories, ceux-ci viendront se placer dans la bonne rubrique de
votre menu et votre site sera enrichi dynamiquement.
26
Cest ainsi que lon peut fixer des rgles concernant les commentaires de faon viter les
commentaires indsirables ou les dsactiver. Pour supprimer les commentaires, il faudra revenir sur
vos pages et vos articles pour ne plus les laisser apparatre.
Dans Pages/Toutes les pages, il faut slectionner toutes les pages et dans Actions
groupeschoisir Modifier :
Suivre la mme procdure pour les articles partir du menu Articles/Tous les articles.
27
Cette procdure peut paratre fastidieuse mais elle a sa logique. Il y a diffrent niveaux de gestion des
commentaires :
dune part la fonctionnalit de blog est le principe mme de WordPress et donc doit se grer
de faon centralise (Rglages/Discussion) ;
dautre part les diffrentes pages du site peuvent tre gres indpendamment ou
collectivement de faon autoriser ou refuser les commentaires ( grer dans Pages/Toutes
les pages) ;
enfin ce sont les articles qui gnrent la prise en compte ou non des commentaires (se gre
dans Articles/Tous les articles).
Dsormais notre site naccepte pas les commentaires, son aspect ressemble plus un site usuel. Du
coup il parat plus vide et demande tre fourni :
28
29
Dans la partie gauche vous trouverez tous les Widgets disponibles et dans la partie de droite les
emplacements o ils figureront. Ces emplacements sont :
30
Par dfaut les Widgets sont placs dans la colonne principale . Il suffit de les dplacer avec la
souris dans les endroits dsirs et de visualiser le rsultat pour choisir lesquels vous intressent. On
peut galement slectionner un Widget individuellement pour le paramtrer / changer son titre / le
supprimer sil est dj plac ou pour le placer sil est slectionn depuis les Widgets disponibles.
Dans notre exemple nous navons gard que le Widget Meta qui contient le lien dadministration et
ajout un calendrier complt du titre Nos dernires nouvelles :
Nous allons ensuite appliquer cette barre latrale sur toutes nos pages. En effet, on pourrait utiliser la
barre alternative colonne latrale de la vitrine pour distinguer une barre spciale affiche
laccueil.
31
Dans Pages/Toutes les pages, il faut slectionner toutes les pages et dans Actions
groupes choisir Modifier :
Puis dans la section Modle choisir Modle de colonne latrale et Mettre jour :
32
33
B. Enrichissements du site
Le menu de WordPress se compose du tableau de bord qui offre les actions usuelles, affiche les
derniers lments du site, annonce les mises jour disponibles, ... et des fonctionnalits plus
pointues :
Outils.
Configuration.
34
La page : est un bloc pouvant contenir les articles dun site. Gnralement un blog en contient
une seule do sa forme sur une colonne. Dans les sites plus complexes il y a autant de
pages que de rubriques accessibles sur le site. Une page peut ne pas contenir darticles et
rester statique.
Larticle : Les articles composent dynamiquement les pages en inscrivant les diverses
informations chronologiques quon veut y faire figurer.
La catgorie : est un moyen de classer les articles par thmes. Une catgorie regroupe donc
plusieurs articles. Les catgories peuvent ainsi figurer en barre latrale pour accder tous
les articles qui sy rapportent ou sous forme de menu.
Le mot cl : Lusage des mots cls sert indiquer des ides voques dans larticle. Ces
diffrents mots, qui peuvent revenir souvent au grs des articles peuvent tre reprsents par
un nuage de mots dans la barre latrale. Les mots cls servent galement au rfrencement
du site et des ides qui le dfinissent et permettent de le retrouver sur internet.
35
Linterface est intuitive et permet dutiliser les principales fonctionnalits ddition de texte. On pourra
associer larticle une catgorie existante ou une nouvelle, idem pour les mots-cls. Par dfaut vous
tes en mode Visuel qui est le mode le plus simple. Pour inclure du code HTML, intervenir dans le
code source, il faut choisir longlet Texte et coller le code :
Tant que larticle nest pas publi, il est considr comme un brouillon ou avoir le statut dattente de
relecture. Un brouillon ou un article en attente de relecture napparat pas aux visiteurs, il peut tre
publi une date donne et tre ventuellement protg par un mot de passe.
36
Insrer un lien est trs simple. Une fois obtenue lURL (http://www...) du site lier, il faut crire les
mots qui constitueront un lien hypertexte et utiliser loutil lien :
Un lien doit tre titr et il est conseill de faire de sorte quil ouvre une nouvelle fentre pour que celle
de votre site reste active. Un lien est galement possible vers une page de votre site.
37
Les illustrations peuvent galement tre insres, comme une image. Pour cela il faut cliquer sur
Ajouter un mdia en haut de larticle, pointer vers limage dsire :
38
On peut documenter la photo avec un titre, une lgende (saffiche en dessous de limage), un texte
alternatif (saffiche en cas de problme de chargement de limage), une description. On peut aligner
limage ( droite, au centre, gauche), la transformer en lien vers une autre URL et adapter la taille. Si
la taille choisie de limage est infrieure sa taille relle, elle peut constituer une miniature cliquable
pour voir loriginal en plein cran (avec Lier : Fichier mdia).
39
Limage apparat dans larticle et permet de voir celle-ci en taille relle au clic de souris :
Les images peuvent tre modifies directement et avec plus de fonctionnalits, en cours de rdaction
de larticle, en cliquant sur limage :
40
En accdant la bibliothque des mdias les images peuvent tre galement modifies directement
et avec plus de fonctionnalits :
Une fois publi, larticle passe directement en premire page du site, dans notre cas la page
Catalogues 2013 . Tous les articles sont situs en page daccueil, si vous dsirez faire apparatre
votre contenu dans une page, il faut aller dans le menu Pages et diter la page en question de la
mme manire.
Si vous navez aucun article dcrit, ce moment-l le contenu de laccueil est celui crit dans la page
situe laccueil (cf. partie A.4). Laffectation une catgorie placera larticle dans le menu appropri.
41
42
faire un simple lien vers la carte qui saffichera dans une autre fentre (Partager le lien) ;
43
44
45
Une fois la vido slectionne, il faut cliquer sur Partager / Partager cette vido ,
ventuellement choisir le dmarrage, puis copier le lien :
46
47
Vido Daylymotion
Une fois la vido slectionne, il faut cliquer sur Exporter , ventuellement choisir le
dmarrage, puis copier le permalien :
48
49
Une fois la vido slectionne, il faut cliquer sur Partager / Intgrer , ventuellement modifier
la taille, puis copier le code (iframe...) :
50
51
Vido Daylymotion
Une fois la vido slectionne, il faut cliquer sur Exporter , ventuellement choisir le
dmarrage, puis copier le code dintgration :
52
53
Si Hello Doly est une extension superflue, Akismet est trs intressant si vous mettez en place un blog
ouvert aux commentaires et voulez viter les indsirables. Avant dactiver Akismet, il faudra vous
enregistrer en ligne (suivre le lien propos) et obtenir une cl API demande par la suite.
54
Nous allons essayer de trouver et dinstaller une extension qui permet de prsenter un document PDF
directement en ligne. Pour cela nous allons utiliser Extensions/Ajouter et saisir embed pdf :
Parmi les rsultats, nous allons essayer lextension Vanilla PDF Embed et cliquer sur Installer
maintenant :
55
En allant sur le site pour connatre le fonctionnement de lextension, on apprend quil faut simplement,
une fois le fichier PDF tlcharg dans la bibliothque, copier son adresse dans larticle ou la page.
Nous allons donc dans la bibliothque Mdias/Ajouter pour tlcharger notre document PDF. Une
fois tlcharg il faut cliquer sur modifier ct de notre document (que lon peut aussi retrouver dans
Mdias/Bibliothque). Son adresse se trouve droite, il faut la copier :
56
Ensuite il faut diter larticle ou la page qui devra contenir notre PDF intgr et coller le lien :
57
En visualisant notre page, le catalogue PDF qui y est intgr apparat bien :
58
Droits
Auteur
Dispose de tous les droits sur ses articles et peut envoyer des ressources.
Contributeur
Abonn
Simple lecteur des articles du site. Peut laisser des commentaires si cest
autoris.
59
Tous les utilisateurs ont accs leur profil (Utilisateurs/Votre Profil) ou dans la barre en haut de
lcran :
Seul ladministrateur peut dcider des rles des utilisateurs ainsi que de dsactiver ou supprimer des
comptes.
60
Vous pouvez laisser les visiteurs senregistrer sur votre site, notamment si vous voulez scuriser les
commentaires, cela se fait Rglages/Gnral en prcisant que toutes les inscriptions se font
obligatoirement avec un rle Abonn (avec le minimum de droits donc :
Dautres rglages sont proposs et mritent de sattarder quelques temps sur le menu Rglages.
61