Thèmes Utilisation des widgets

TP 3
(CMS) Content Management System
!
!
Thèmes
Responsive GovPress
Virtue
Zenith
Utilisation des widgets
Définition
Un widget est un petit module qui vient se placer dans la barre latérale de
votre blog Sur beaucoup de thèmes, vous avez déjà plusieurs blocs dans la
barre latérale. Cependant, ce sont des morceaux de code insérés directement
dans les fichiers PHP du thème. Les widgets, eux, s’installent directement à
partir de l’interface d’administration de WordPress. Prérequis
Pour utiliser les widgets, votre thème doit être préalablement paramétré pour
les accueillir Lorsque vous choisissez un thème, vérifiez bien qu’il est
"widgetisé" Si ce n’est pas le cas, il vous faudra alors insérer du code dans
certains des fichiers de votre thème pour l’utiliser avec les widgets.
Installation
Pour installer vos widgets, allez dans Apparence > Widgets Sur la gauche,
une série de widgets apparaissent
Page 1 of 8
(CMS) Content Management System
TP 3
À chaque ligne correspond un petit bloc qui, s’il est ajouté, viendra s’installer dans votre barre
latérale Trouvez donc le widget qui vous intéresse et cliquez sur le lien Ajouter À
partir de là, ce widget va apparaître dans la colonne de droite intitulée
Widgets actuels Sur la droite du widget, vous trouverez un lien Modifier qui
vous donnera accès à ses options. En effet, si certains installent une fonction simple sur le blog, d’autres
demandent un paramétrage de votre part Page 2 of 8
TP 3
(CMS) Content Management System
Enregistrez les modifications et allez sur la page d’accueil de votre blog pour
voir le résultat Vous pouvez constater que le bloc que vous avez choisi
apparaît bien dans la colonne de droite, mais que les blocs présents
précédemment ont disparu En effet, sur la plupart des thèmes WordPress, c’est l’ensemble de la colonne
latérale qui est widgetisée Dès qu’un widget est activé, le contenu qui n’est
pas widgetisé disparaît L’un des avantages des widgets est de pouvoir gérer le contenu de votre
colonne latérale sans avoir besoin de toucher au code du thème Et cet
avantage prend toute son envergure avec la possibilité d’intervertir les
widgets En effet, vous pouvez changer le positionnement de chacun de vos widgets
actuels grâce à la technique drag and drop qui est utilisée ici. Il suffit de les
saisir avec la souris, de les déplacer et de les positionner comme vous le
souhaitez, les uns en dessous des autres N’oubliez pas d’enregistrer les modifications pour que les changements
soient pris en compte !
Page 3 of 8
TP 3
(CMS) Content Management System
!
!
Aller plus loin avec les extensions
Les possibilités de Wordpress vont peut-être devenir insuffisantes lorsque vous
voudrez avoir des mises en forme plus pointues ou des fonctionnalités plus
étendues. Il faudra exploiter la communauté très dynamique de WordPress qui
publie de nombreux thèmes d’habillage mais également des extensions variées.
Une extension est une nouvelle fonctionnalité que vous ajoutez à votre site. Par
exemple lire des documents PDF en ligne, proposer un formulaire de contact,
faire un diaporama en ligne, etc. Malheureusement il faudra lire les
documentations en anglais... et il faudra aussi vous fier aux notes ou aux
concepteurs des extensions pour faire votre choix. Pour un type d’extension il y a
souvent des dizaines de solutions plus ou moins simples et qui correspondent
plus ou moins bien à votre attente.
Pour gérer les extensions il faut rejoindre le menu Extensions. Deux extensions
sont installées mais pas activées.
Si Hello Doly est une extension superflue, Akismet est très intéressant si vous
mettez en place un blog ouvert aux commentaires et voulez éviter les
indésirables. Avant d’activer Akismet, il faudra vous enregistrer en ligne (suivre le
lien proposé) et obtenir une clé API demandée par la suite.
Page 4 of 8
TP 3
(CMS) Content Management System
Nous allons essayer de trouver et d’installer une extension qui permet de
présenter un document PDF directement en ligne. Pour cela nous allons utiliser
Extensions/Ajouter et saisir « embed pdf » :
Parmi les résultats, nous allons essayer l’extension « Vanilla PDF Embed » et
cliquer sur « Installer maintenant » :
Puis nous activons l’extension :
Page 5 of 8
TP 3
(CMS) Content Management System
L’extension figure parmi la liste des extensions actives :
Page 6 of 8
(CMS) Content Management System
TP 3
En allant sur le site pour connaître le fonctionnement de l’extension, on apprend
qu’il faut simplement, une fois le fichier PDF téléchargé dans la bibliothèque,
copier son adresse dans l’article ou la page.
Nous allons donc dans la bibliothèque Médias/Ajouter pour télécharger notre
document PDF. Une fois téléchargé il faut cliquer sur modifier à côté de notre
document (que l’on peut aussi retrouver dans Médias/Bibliothèque). Son adresse
se trouve à droite, il faut la copier :
Ensuite il faut éditer l’article ou la page qui devra contenir notre PDF intégré et
coller le lien:
Page 7 of 8
TP 3
(CMS) Content Management System
Exercice concevoir une site de cinéma Extensions
événements
Essayez l’extension “The events calendar”
…
Widget
les événements
recherche
…
!
!
Page 8 of 8