Jak zobrazit odkaz na předchozí a následující příspěvek ve WordPress

22. 12. 2024

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ě.

  1. 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.
  2. 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:
<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:

<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>

4 komentáře u „Jak zobrazit odkaz na předchozí a následující příspěvek ve WordPress“

Napsat komentář