Favicon BulgaWeb

Afficher les articles adjacents

Mis à jour le jeudi 18 mars 2021
Temps approximatif de lecture : 2 minutes

Si vous ne disposez pas d'OxyExtras, il est possible de récupérer assez simplement les titres avec liens des articles adjacents. WordPress dispose de deux fonctions qu'il suffira de placer dans deux blocs de code sur votre template de l'article (singular).

Pour l'article précédent

<?php previous_post_link(); ?>

Pour l'article suivant

<?php next_post_link(); ?>

Vous pouvez également personnaliser suivant vos besoins en rajoutant un titre et une icône à chaque bloc.

Mise à jour du 18 mars, un collègue avait fat une demande pour pouvoir inclure l'icône gauche/droite dans le lien afin que les utilisateurs du site puissent cliquer sur celui-ci pour aller au poste suivant ou précédent. Après quelques recherches je suis arrivé au résultat.

En premier nous allons mettre deux fonctions dans le functions.php ou Advanced Script pour récupérer les deux liens, comme ceci

function previous_poste () {
$prev_post = get_adjacent_post (false, '', true);
if (! empty ($prev_post)) {
$link = get_the_permalink ($prev_post-> ID);
  return $link;
}
}
function next_poste () {
$next_post = get_adjacent_post (false, '', false);
if (! empty ($next_post)) {
$link = get_the_permalink ($next_post-> ID);
  return $link;
}
}

Dans la structure Oxygen vous pouvez créer une div avec deux link wrapper. Le premier lien sera retourné par la fonction previous_poste. Donc cliquer sur data -> php return value -> previous_poste et pareil pour la deuxième avec l'autre fonction.

Ensuite je mets mon icône dans le link wrapper et un code bloc avec un des deux codes suivants qui récupère le titre sans le lien (un lien ne pouvant pas être insérer dans un autre lien)

Tutoriel précédent</br>
<?php 
$prev_post = get_adjacent_post(false, '', true);

if(!empty($prev_post)) {
echo $prev_post->post_title; }
?>

Tutoriel suivant</br>
<?php 
$next_post = get_adjacent_post(false, '', false);

if(!empty($next_post)) {
echo $next_post->post_title; }
?>

Ensuite vous pouvez personnaliser selon vos besoins le texte et le design.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Copyright © 2019 - 2021 Bulgaweb
 | 
Développé par BulgaWeb
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram