Dans cette catégorie, vous trouverez une sélection de quelques extensions de WordPress
TablePress est une extension qui vous donne la possibilité de créer et gérer des tableaux sur votre site WordPress.
Pas de connaissance du HTML nécessaire, une interface simple permet créer et de modifier les tableaux dont les cellules peuvent contenir n’importe quel type de données.
Une librairie JavaScript permet de rendre interactif les tableaux pour trier, filtrer, mettre en page les données.
Annonce de défilement horizontale est un plugin qui permet de faire défiler du texte dans un article, une page ou un widget (un nouveau widget « défilement horizontal » se créé à l’activation du plugin »).
Après avoir créer son texte défilant, il suffit d’ajouter le shortcode suivant :
[horizontal-scrolling group="GROUP1"]
Plus d’informations sur le site du développeur
Le plugin formidable permet de créer des formulaires par glisser-déposer assez rapidement, c’est la version gratuite (lite) qui nous est proposé sur heberg-etab et nous sommes limités aux champs les plus simples.
Néanmoins le plugin est utilisable même si les possibilités sont assez limitées.
Après l’installation, trois nouvelles rubriques, apparaissent dans le menu du tableau de bord :
Forums, avec 2 entrées : Tous les forums, Nouveau forum.
Sujets, avec 3 entrées : Tous les sujets, Nouveau sujet, Mots clés du sujet
Réponses, avec 2 entrées : Toutes les réponses, Nouvelle réponse
Une série de nouveaux widgets a aussi été ajoutée dans le menu Apparence / Widgets.
Dans le menu Réglages, une entrée Forums permet de fixer des autorisations.
Enfin, une entrée Forum est ajoutée dans la rubrique Outils (outils de réparation et de réinitialisation des forums).
Création d’un forum
Cliquer sur Nouveau forum.
Donner un titre et une description.
Les attributs
Type : forum ou catégorie
Statut : ouvert ou fermé (fermé à de nouveaux sujets)
Visibilité : public, privé ou caché (on peut choisir privé, et inscrire manuellement les utilisateurs)
Cliquer sur le bouton Publier.
Forum parent : si on a de nombreux forums, on peut les hiérarchiser.
On peut aussi créer simplement plusieurs forums, un forum par thème.
Un forum est constitué de plusieurs sujets de discussion, un sujet étant un message et le fil des réponses. On peut affecter un mot-clé (tag) à un sujet.
Par défaut, les sujets sont affichés en liste, les plus récents en premier, mais un sujet avec l’attribut « épinglé » apparaît en tête de liste.
Accès à un forum
Pour rendre le forum visible sur le site, plusieurs solutions sont possibles :
– ajouter le forum dans un menu
– l’afficher à l’aide d’un widget sur une zone du site
– l’afficher à l’aide d’un short-code sur une page
Les shorts-codes
Pour obtenir l’ID d’un élément, passer la souris sur son nom dans la liste (ex liste des forums, liste des sujets)
[bbp-forum-index] – affiche l’annuaire des forumsCette extension permet d’afficher des images sous forme de diaporamas.
L’installation crée une nouvelle entrée, Galerie, dans le menu du tableau de bord.
Elle ajoute aussi un bouton dans l’éditeur des pages et articles.
Pour créer une galerie, allez dans le menu Galerie, cliquez sur Ajouter une galerie / des images.
Entrez le nom de la nouvelle galerie.
Cliquez sur Ajouter des fichiers pour sélectionner les fichiers images.
Cliquez ensuite sur Démarrer l’envoi.
Lorsque les images sont chargées, un lien Manage Galleries apparaît. On peut cliquer sur ce lien, ou dans le menu Galerie, sur Gestion des galeries, pour gérer la galerie qui vient d’être créée.
Il est possible de changer le nom de la galerie sélectionnée, d’ajouter une description, de choisir l’image qui représentera la galerie.
Cliquer sur Ajouter une page crée une page portant le nom de la galerie, et contenant un short-code qui affiche la galerie.
On peut aussi effectuer quelques actions sur les images, en particulier modifier la vignette (qui n’affiche qu’une zone de l’image).
Cette page propose plus d’options, comme la modification de la taille des vignettes (pour les nouvelles images), le temps d’affichage des images du diaporama (interval) et l’effet de transition (effect)
Une galerie peut être insérée dans une page ou article, et gérée directement à partir de l’éditeur.
Cette extension permet aux utilisateurs de télécharger une page ou un article du site sous la forme d’un fichier PDF.
Après l’installation, on trouve une nouvelle entrée dans le menu Outils : PDF Creation Station. Cet outil permet de sélectionner un ensemble de pages ou d’articles et de générer un document PDF.
Dans le menu Réglages se trouve aussi une entrée PDF Creation Station.
La page présente ce qui sera affiché sur chaque PDF. Il est possible de modifier cet affichage en modifiant le code HTML. Des options sont offertes pour changer la taille de police (Content font size), afficher ou non les images.
On peut franciser le texte affiché pour le téléchargement du PDF (Link text).
Pour afficher le lien de téléchargement en haut de la page, cliquer sur le bouton Link at top of page.
Valider en cliquant sur Save settings.
Le bouton Create all génère tous les PDF. Le lien apparaît sur toutes les pages et articles.
L’extension ajoute aussi des options sur la page de création d’un article ou d’une page.
Contact Form 7 est une extension qui permet de créer des formulaires et de recevoir les réponses par mail.
Après l’installation, une nouvelle entrée, Contact, apparaît dans le menu du tableau de bord, avec 3 rubriques : Formulaires de contact, Créer un formulaire, Intégration.
En cliquant sur Contact, on arrive sur la page de gestion des formulaires qui affiche la liste des formulaires (comme la liste des articles ou des pages).
Un formulaire d’exemple a été créé par l’installation.
Cliquez sur le bouton Créer un formulaire (dans le menu ou en haut de l’écran : c’est le même effet).
L’étape suivante permet de changer la langue par défaut. Pour un formulaire en français, cliquez sur le bouton bleu Créer un formulaire.
Les zones indispensables
Le titre : nom du formulaire. Tapez par exemple Contact.
La zone de texte affiche le contenu du formulaire en code HTML.
Il contient 4 champs que l’utilisateur devra remplir (nom, email, sujet, texte du message) et un bouton Envoyer.
C’est suffisant pour un formulaire de base.
Cliquez sur Sauvegarder.
Pour utiliser ce formulaire, il suffit de coller le short-code dans une page ou un article.
Une série de boutons permettent de créer d’autres balises pour ajouter des champs au formulaire.
L’onglet email sert à configurer l’email qui vous sera envoyé ; contient l’email du destinaire (le vôtre mais on peut le changer)
La partie Message body contient le message qui sera envoyé. On peut changer le texte mais on conserve les variables, qui récupèrent ce que l’utilisateur a tapé.
On peut ne pas garder les champs De et Sujet qui seront déjà en en-tête dans le logiciel de messagerie.
Le champ Entêtes supplémentaires est utile pour spécifier des personnes à mettre en copie et en copie cachée.
Pour mettre une personne en copie, ajouter Cc : mail_de_la_personne
Bcc pour une copie cachée.
Exclude lines with blank mail-tags from output : sert à exclure les lignes non remplies par l’expéditeur.
Email 2 : permet d’envoyer le message à une autre personne avec une autre structure, par exemple une phrase ajoutée.
Par exemple, un accusé de réception : on envoie une copie de l’email à l’expéditeur, avec une phrase en introduction : “J’ai bien reçu votre message. Merci de m’avoir contacté. Contenu de votre message :”.
Messages d’erreurs et de réussite : c’est du texte, on peut le modifier.
2 étapes :
ajouter et configurer les champs dans le corps du formulaire
ajouter les noms des champs dans l’onglet email
Pour ajouter un champ, il suffit de cliquer sur un des tags proposés dans l’éditeur.
Distinguer text (1 ligne) et textarea (lignes multiples)
Distinguer chekboxes (les choix peuvent s’exclurent mutuellement ex oui-non) et radio buttons (tout peut être coché)
acceptance : un choix doit être validé pour continuer (inverser le fonctionnement de la case = la case doit être décochée pour que l’email soit envoyé).
quiz : contient question et réponse. Peut servir à tester que l’expéditeur n’est pas un robot.
ID et classe servent pour le CSS
required = champ obligatoire
Format du champ date (min ou max) : 2016-12-31 (AAAA-MM-JJ)
Envoi de fichiers : il est recommandé de définir une taille maximale (exemple 10mb ou plus).
Il est conseillé d’indiquer les formats de fichiers acceptés par le formulaire,en séparant les extensions par des barres verticales : | (exemple : pdf|doc|docx).
2. Récupérer le contenu des champs dans le mail
Dans l’onglet email, la liste des tags utilisables apparaît.
On ne reprend dans les tags que le nom des champs, pas les options.
Pour les fichiers, mettre le tag dans le corps du message renvoie seulement le nom du fichier. Pour recevoir le fichier attaché, il faut mettre le tag dans la zone File attachement.
Suivre les validations dans Google Analytics
Avec Google Analytics (utilisé par l’académie), il est possible de suivre le nombre de validations des formulaires.
Pour cela insérez le code suivant dans le champ Réglages complémentaires :
on_sent_ok: « _gaq.push([‘_trackEvent’, ‘Formulaire de contact’, ‘Validation’]); »
Cette extension vous permet de protéger facilement une catégorie à l’aide d’un mot de passe, néanmoins les utilisateurs enregistrés pourront y accéder suivant les réglages utilisés dans réglages -> access category password.
Lien vers le site officiel du plugin (en anglais)
Le plugin “Easy Embed” vous autorise à insérer du code HTML complexe, afin d’afficher des objets issus de sites tiers, et protège ce code des modifications par l’éditeur de WordPress.
Cette extension est une solution pour intégrer de codes iframes youtube, google maps ou OpenStreetMaps.
Un tutoriel sur le site de l’académie de la Reunion ou sur le site du CRDP du limousin
Exemples d’utilisation :
Insertion d’une google Maps :
Agrandir le plan
Insertion d’une vidéo :
Insertion d’une carte openstreetmaps :
Afficher une carte plus grande
