Comment utiliser les miniatures avec les liens de publication précédents et suivants dans WordPress

Comment utiliser les miniatures avec les liens de publication précédents et suivants dans WordPress / Des thèmes

Un de nos utilisateurs nous a demandé sur notre page Facebook: Comment utiliser les vignettes pour la navigation des articles précédents / suivants dans WordPress. Les fonctions next_post_link et previous_post_link ne comportent pas de paramètre miniature suffisamment simple qu'un simple développeur peut simplement activer et désactiver. Dans cet article, nous allons vous montrer comment utiliser les vignettes de publication avec les liens de publication précédents et suivants dans WordPress..

Le résultat final ressemblerait à ceci:

La première chose à faire est d’ouvrir le thème de votre single.php fichier et ajoutez le code suivant dans la boucle probablement après la zone the_content ():

    ID, tableau (100,100));?> %Titre

", TRUE);?> ID, tableau (100,100));?> %Titre

", VRAI);?>

La prochaine chose à faire est d’ouvrir votre style.css déposer et ajouter les styles suivants:

 # cooler-nav clear: les deux; hauteur: 100px; margin: 0 0 70px; # cooler-nav .nav-box background: # e9e9e9; padding: 10px; # cooler-nav img float: left; margin: 0 10px 0 0; # cooler-nav p margin: 0 10px; taille de police: 12px; vertical-align: middle; # cooler-nav .previous float: left; alignement vertical: milieu; largeur: 250px; height: 100px; # cooler-nav .next float: right; largeur: 250px; 

N'hésitez pas à changer le style pour l'adapter à votre thème. Nos utilisateurs aiment souvent styliser le code, ce qui leur permet de le modifier plus facilement. Ceci est juste un style de base que vous devriez pouvoir personnaliser facilement.

Si vous voulez changer la taille de la vignette, changez simplement le tableau (100,100) comme vous le souhaitez.

Source: itsbarry