Les Plugins Wordpress

Qu'est-ce qu'un plugin ?

Un plugin (ou module, ou extension) vous permet d'étendre les fonctionnalités de votre Wordpress.

Par exemple, si vous souhaitez que votre site propose un formulaire de contact pour recevoir des messages (comme dans le cas de la plupart des sites web), wordpress ne peut pas le faire de base (en natif).

Pour cela il faudra trouver un plugin compatible avec votre version Wordpress et fonctionnel

Comment ajouter des fonctionnalités à Wordpress ?

Wordpress rassemble beaucoup de fonctionnalités dans sa version de base. Cependant il arrive parfois que l'on veuille développer un comportement ou un affichage qui ne soit pas prévu par l'interface de gestion de Wordpress (exemple : vendre 1 produit).

Nous allons voir le principe d'installation et de configuration de quelques plugins.

Pour ajouter des fonctionnalités à Wordpress, il faut vous rendre dans la partie Extension > Ajouter :

Le plugin Contact form 7

[Plugins/Extensions] => CONTACT FORM 7



Extension>Ajouter> contact-form-7 (via le back office)



Après avoir cliqué sur "installer", vous trouverez un lien "activer maintenant" qui vous ajoutera une rubrique dans la colonne de gauche :

Cliquez sur la rubrique CONTACT dans la colonne de gauche :



Ensuite cliquez sur la partie "Créer un formulaire" :



La partie "Générer un marqueur" permet d'ajouter un nouveau champ de formulaire :



Le plugin Contact Form 7 vous fournit un ShortCode qui permet de représenter et générer un champ.
Le shortcode est à copier/coller dans la partie de gauche (pour que le champ apparaisse dans votre formulaire).
Ce shortcode doit également être copier/coller dans la partie du bas (pour que dans l'email, l'administrateur puisse recevoir toutes les informations saisies via le formulaire).



Lorsque vous sauvegarderez votre formulaire de contact, un ShortCode général vous sera alors fourni :



Ce ShortCode doit être récupéré et copié (ctrl+c) pour ensuite être collé dans une nouvelle page.

Page > Ajouter : Créer une page nommée "contact" et coller le ShortCode dans la partie contenu.

Enregistrez et allez consulter votre page. Bravo vous venez de créer votre premier formulaire !

Plusieurs options de configuration sont proposées pour améliorer les messages de confirmation ou erreur que communique le formulaire.



Dans Apparence > Menu : vous pouvez ajouter votre page contact dans vos rubriques.

Il est possible de faire un envoi d'email pour une simulation (en local sous wamp, il faut voir si le smtp est correctement configuré dans le fichier php.ini)

EXERCICE : Avec ce même plugin, tentez de créer un formulaire de recrutement comprenant les champs suivants :

• email expéditeur (champ texte)
• sujet (champ texte)
• nom (champ texte)
• prenom (champ texte)
• société (champ texte)
• cv (champ upload)
• Lettre de motivation (textarea)
• nombre année(s) experience (champ déroulant))

Le plugin Search Everything

[Plugins/Extensions] => SEARCH EVERYTHING



Par exemple le plugin SEARCH EVERYTHING vous permettra de rechercher dans tous les mots clés (ce sont les mots clés (tags) que vous choisissez lors de la création d'un article, à ne pas confondre avec les catégories /!\)

Extension>Ajouter> Search Everything (Par Zemanta)

Réglages> Search Everything> Rechercher dans tous les mots clés: Oui

Résultat> Le champ de recherche du front office est amélioré

Front> Saisir un mot clé dans la zone de recherche devient possible.

Le plugin Simple Lightbox

[Plugins/Extensions] => SIMPLE LIGHTBOX



Avant d'installer ce public, je vous invite à introduire une image dans l'un de vos articles.

Ensuite vous pouvez afficher votre article et constater que votre image apparait, jusque là tout est normal.

Mais, avez-vous essayé de cliquer sur votre image ?

En effet, ce lien peut vous emmèner directement vers le fichier image et cela nous fait en quelque sorte sortir de la navigation de notre site.

Extension>Ajouter> Simple Lightbox

LightBox Plus ajoute automatiquement l'effet "popup interne / box" sur les images en FRONT (sans configuration supplémentaire).

Apparence> Lightbox se trouve dans le menu apparence

Front> Tester le clic sur une image

Le plugin CP Google Maps

[Plugins/Extensions] => CP GOOGLE MAPS



Extension>Ajouter> Installer CP GOOGLE MAPS (Par CodePeople
> Réglages > CodePeople Post Map > Langue de la carte FRENCH
> Mise à jour des paramètres (tout en bas)
> Pages > Ajouter > (en dessous du textarea de l'éditeur) "Associer une adresse à la poste pour Google Maps association"

Remplir les différents champs (possibilité de mettre une image)
Après avoir rempli le champ adresse, cliquez obligatoirement sur > Vérifier (pour avoir la longitude et latitude)
> Insert the map tag (génère le shortcode [codepeople-post-map] dans le textarea de la page)
Résultat : Nous avons une google map dans la page souhaitée

Le plugin Meta slider

[Plugins/Extensions] => META SLIDER



META SLIDER est un excellent plugin car il permet de mettre en place un slider responsive.

Extension>Ajouter> Installer META SLIDER (Par Matcha Labs)

> Meta Slider (menu gauche) > bouton "+" pour créer son slider
> ajout des images
> récupération du shortcode en bas à droite (possibilité de récupérer un shortcode à insérer directement dans le template aussi)
> insertion du shortcode dans une page