Перейти к содержимому
themeforge
RU
Начать бесплатно
Меню
  1. Главная
  2. Справочник атрибутов
  3. wp="next-post-link"
Основное Блог и записи

Ссылки на следующую и предыдущую запись

wp="next-post-link"

Внизу записи — переход к соседним: читатель продолжает читать, не возвращаясь к списку. Соседние записи определяются по дате публикации.

Куда ставить

На ссылки <a>: wp="prev-post-link" — на предыдущую (более раннюю), wp="next-post-link" — на следующую.

На single.html, рядом с wp="post-title".

Пример: навигация под записью

Вёрстка single.html
<main class="post" wp="post">
  <h1 wp="post-title">New autumn menu</h1>
  <nav class="pager">
    <a class="pager__prev" href="#" wp="prev-post-link">Summer cold brew</a>
    <a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>
  </nav>
</main>
В админке Posts
Posts
  • Open late on Fridays
  • New autumn menu
  • Summer cold brew
На сайте страница записи
New autumn menu ← Summer cold brew Open late on Fridays →

Стрелки нарисованы стилями, текст ссылок — заголовки соседних записей.

Что важно

  • Текст ссылки заменяется заголовком соседней записи.
  • У первой записи нет предыдущей, у последней — следующей: такой ссылки на странице просто не будет.
  • Соседи — записи того же типа: у записи блога — записи блога.

Частые ошибки

Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.

Так не надо
<a class="pager__next" href="#" wp="next-post-link">Next post →</a>

Подпись «Next post →» внутри ссылки: на сайте её заменит заголовок соседней записи. Журнал промолчит.

Так правильно
<a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>

В ссылке — заголовок из макета, стрелка или подпись — стилями (::after).

Альтернативная запись

wp="next_post_link" работает так же: сборка даёт одинаковую тему.

Когда будете готовы

Посмотрите админку WordPress своего сайта до оплаты.