Por padrão, ao adicionar <!--nextpage-->
, os seguintes links são exibidos: Páginas: 1 2
Preciso substituir "Pages:" por uma seta gráfica que leva de volta à página anterior e acrescentar uma seta gráfica ao final dos links que levam à próxima página. Eu estou supondo que há uma maneira de fazer isso no arquivo de funções?
Basta especificar uma imagem como "nextpagelink" e "previouspagelink" em vez 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" />'))); ?>
Além disso, você está correto que, por padrão, você está limitado a links "Numbers" ou "Next/Previous", mas um plugin pode estender isso: http://wordpress.org/extend/plugins/wp-pagenavi/
Bônus: Adicione isto ao seu function.php e ele adicionará um botão "Nextpage" próximo ao botão "More" no editor 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;
}
Eu tenho que admitir que <!--nextpage-->
não é um recurso muito bem documentado (não há nem mesmo um botão para isso na interface do editor do post!). Mas ainda é incrivelmente útil e eu usei algumas vezes para quebrar postagens mais longas no meu próprio site.
De acordo com a documentação existente, essa tag usa a função wp_link_pages()
. Esta função aceita alguns parâmetros que permitem estilizar a saída conforme necessário.
No seu caso, você gostaria de usar os argumentos next_page_link
e previous_page_link
.
Então, na parte inferior de single.php
, use o código a seguir para gerar os links da sua página:
<?php
wp_link_pages( array(
'before' => '<p>',
'after' => '</p>',
'next_or_number' => 'next',
'previouspagelink' => ' « ',
'nextpagelink' => ' »'
)
);
?>
Isso substituirá os números de página pelas setas << e >>. Também removerá o texto "Páginas:", mantendo os links contidos em um bloco <p></p>
.
Relacionado: