Extensions

L’effet lightbox

L’effet lightbox permet notamment d’agrandir une image à l’intérieur d’une boite modale en utilisant une transition esthétique. Le langage utilisé est JavaScript.

Pour réaliser cet effet, il suffit d’utiliser le plugin “jQuery Colorbox”.

1. Téléchargez le plugin à cette adresse : https://wordpress.org/plugins/jquery-colorbox/
2. Installez le plugin et activez le,
3. Insérez une image dans un article ou une page,
4. Vérifiez que le lien de l’image réduite pointe bien vers l’image elle-même,
5. C’est terminé, votre effet lightbox est en place et désormais parfaitement fonctionnel.

Ainsi, dès que vous cliquerez sur une image, un voile assombrira le site et affichera le lien (une image plus grande) dans une fenêtre modale.

Vous remarquerez qu’une nouvelle rubrique intitulée jQuery Colorbox a fait son apparition dans les signets “Réglages”. Vous pouvez à cet endroit choisir la couleur du voile (par défaut c’est le noir). Pour permettre au plugin d’insérer automatiquement le lien HTML permettant son utilisation, gardez la case cochée.

Pagination numérotée

WordPress propose des fonctionnalités qui permettent de naviguer à l’intérieur des pages. Néanmoins ces fonctionnalités se résument à de simples liens “Suivant” ou “Précédent”, ce qui se révèle peu pratique lorsque l’on est amené à naviguer dans des dizaines de pages…

Nous allons utiliser le plugin “WP-PageNavi” qui permettra d’optimiser cette navigation interne grâce à la pagination.

1. Téléchargez le plugin à cette adresse : https://wordpress.org/extend/plugins/wp-pagenavi/,
2. Installez le plugin et activez le,
3. Insérez le code suivant dans un fichier de votre thème (par exemple “category.php”) : <?php wp_pagenavi( ); ?>
4. N’oubliez pas de supprimer les anciennes lignes de code : <?php next_posts( ) ?> <php previous_post_link ( ) ?>
5. C’est terminé, votre plugin est désormais fonctionnel.

Rendez vous dans les réglages de ce plugin (Réglages>PageNavi) pour formater correctement l’affichage en Français. Il est également possible d’utiliser une feuille de style dédiée à l’affichage de cette pagination.

Rappel : Pour choisir le nombre d’articles qui s’affichent sur une page, il faut se rendre dans les options de lecture du back-office.

Insérer un fil d’Ariane (breadcrumbs)

Par défaut, WordPress ne propose pas de fil d’Ariane. Pourtant lorsqu’un site est volumineux et contient plusieurs niveaux de profondeurs, cet élément peut devenir indispensable.

Voici à quoi peut ressembler un fil d’Ariane : “Vous êtes ici : Accueil > catégorie > article“,

Comme souvent il existe de nombreux plugins proposant cette fonctionnalité, mais tous ne sont pas de qualité égale. Néanmoins 2 se distinguent plus particulièrement, il s’agit de Breadcrumb NaxXT et de Yoast Breadcrumbs

Breadcrumb NavXT

1. Première étape, téléchargez Breadcrumb NavXT à l’adresse suivante : http://wordpress.org/extend/plugins/breadcrumb-navxt/,
2. Après installation et activation, insérez le morceaux de code suivant dans le fichier “header.php” :

<div class="fil-ariane">
<?php
if (function_exists('bcn_display')) {
bcn_display();
}
?>
</div>