Ce matin je vais vous expliquer comment mettre en place les liens “article précédent” et “article suivant” avec leurs titres dans votre thème WordPress.

article-precedent-article-suivant-wordpress-posts

Dans un premier temps il va falloir choisir l’emplacement de celui-ci, ou voulez-vous voir apparaître ces deux liens ? Peut être pas dans le footer ? Bref vous faites comme vous le souhaitez.

Une fois votre emplacement choisi, il faut trouver le fichier PHP qui correspond dans votre thème, en ce qui me concerne j’ai choisi d’insérer les liens dans single.php et donc d’y mettre le code qui suit.

Voici le code à insérer dans la page en question :

    <div id="navigation">
<div align="left">
<?php previous_post('&laquo; &laquo; %',
 ' ', 'yes'); ?>
</div>
<div align="right">
<?php next_post('% &raquo; &raquo; ',
 ' ', 'yes'); ?>
</div>
</div>

Une fois que le code est inséré, vous pouvez mettre le fichier modifié sur votre serveur, et faire un petit F5 (refresh) de votre page et vous allez voir les liens apparaître de suite.

Une seconde étape peut alors intervenir, c’est la création de conditions CSS pour ces liens. Voici les conditions CSS que j’ai appliqué :

#navigation {
	width: 480px;
	padding: 0 0 0 0;	
	line-height: 20px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#124b55;
	
}

Ces conditions vont me permettre de choisir la taille du bloc (taille de la “div navigation”), l’interligne entre le texte, la typo, la couleur, etc …

Il ne vous reste plus qu’à enregistrer votre fichier CSS modifié, le mettre sur votre serveur, et faire un refresh.

Si vous avez des questions ou des remarques, n’hésitez pas.

La Newsletter :

Si vous souhaitez recevoir par email les dernières News du Blog John's Graphisme, vous pouvez vous abonner ici :