V následujícím návodu zjistíte, jak přidat odkazy na předchozí a následující příspěvek ve WordPressu pomocí PHP. Ve WordPressu můžete přidat odkazy na předchozí a následující příspěvek na stránce s detailem příspěvku pomocí funkcí previous_post_link() a next_post_link() v šabloně.
- Upravte šablonu příspěvku: Otevřete soubor šablony, který odpovídá zobrazení detailu příspěvku, obvykle se jedná o soubor single.php. Doporučuji soubor single.php upravovat pouze v child šabloně, aby kód zůstal zachovaný i po aktualizaci šablony.
- Přidejte PHP kód pro odkazy: Vhodné místo je například na konec příspěvku, před nebo po obsahu. Vložte následující kód:
1 2 3 4 5 6 7 8 | <blockquote><div class="post-navigation"><div class="previous-post"><?php previous_post_link('%link', '← %title'); ?></div><div class="next-post"><?php next_post_link('%link', '%title →'); ?></div></div></blockquote> |
previous_post_link(): Zobrazí odkaz na předchozí příspěvek. První parametr %link určuje formát odkazu, %title se nahradí názvem příspěvku.
next_post_link(): Zobrazí odkaz na následující příspěvek, funguje stejně jako previous_post_link().
Pokud chcete, aby navigace vypadala lépe, můžete přidat CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <blockquote>.post-navigation {display: flex;justify-content: space-between;margin-top: 20px;}.previous-post a,.next-post a {text-decoration: none;color: #0073aa;}.previous-post a:hover,.next-post a:hover {color: #005177;}</blockquote> |