Par défaut, lors de l’ajout de <!--nextpage-->
, les liens suivants sont affichés: Pages: 1 2
Je dois remplacer "Pages:" par une flèche graphique qui renvoie à la page précédente et ajouter une flèche graphique à la fin des liens qui pointent vers la page suivante. J'imagine qu'il y a un moyen de faire cela dans le fichier de fonctions?
Spécifiez simplement une image en tant que "nextpagelink" et "previouspagelink" au lieu de << ou >>:
<?php wp_link_pages(array('before' => '<div class="pagenav"><strong>Navigate</strong>', 'after' => '</div>', 'next_or_number' => 'number', 'nextpagelink' => __('<img src="PUT YOUR IMAGE URL HERE" />'), 'previouspagelink' => __('<img src="PUT YOUR IMAGE URL HERE" />'))); ?>
Aussi, vous avez raison de dire que vous êtes limité par défaut aux liens "Numbers" ou "Next/Previous", mais un plugin peut étendre ceci: http://wordpress.org/extend/plugins/wp-pagenavi/
Bonus: Ajoutez ceci à votre function.php et cela ajoutera un bouton "Page suivante" à côté du bouton "Plus" dans l'éditeur WYSIWYG:
// Add Next Page Button to TinyMCE Editor
add_filter('mce_buttons','wysiwyg_editor');
function wysiwyg_editor($mce_buttons) {
$pos = array_search('wp_more',$mce_buttons,true);
if ($pos !== false) {
$tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
$tmp_buttons[] = 'wp_page';
$mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
}
return $mce_buttons;
}
Je dois admettre que <!--nextpage-->
n'est pas une fonctionnalité très bien documentée (il n'y a même pas de bouton pour cela dans l'interface utilisateur de l'éditeur de publication!). Mais c'est quand même incroyablement utile et je l'ai utilisé plusieurs fois pour séparer des publications plus longues sur mon propre site.
Toutefois, selon la documentation existante, cette balise utilise la fonction wp_link_pages()
. Cette fonction accepte quelques paramètres vous permettant de styliser la sortie selon vos besoins.
Dans votre cas, vous voudriez utiliser les arguments next_page_link
et previous_page_link
.
Donc, au bas de single.php
, utilisez le code suivant pour générer vos liens de page:
<?php
wp_link_pages( array(
'before' => '<p>',
'after' => '</p>',
'next_or_number' => 'next',
'previouspagelink' => ' « ',
'nextpagelink' => ' »'
)
);
?>
Cela remplacera les numéros de page par des flèches << et >>. Cela supprimera également le texte "Pages:" tout en conservant vos liens dans un bloc <p></p>
.
En relation: