1. Home
  2. /
  3. Уроки wordpress
  4. /
  5. Вывод ссылки на следующую...

Вывод ссылки на следующую и предыдущую запись внутри поста

Самый простой вариант вывода ссылки на предыдущий или следующий пост на странице поста:

<div class="previous-post"> <?php previous_post_link(' &laquo; %link '); ?> </div>
<div class="next-post"> <?php next_post_link(' %link &raquo; '); ?> </div>

Вариант с выводом тегов и указанием классов необходимых для верстки, а так же вывод только предыдущего-следующего поста из той же категории, внутри которой находится текущий пост:

<div class="navigation">
  <?php
  $prev_post = get_previous_post( true, '', 'category' );
  if (!empty( $prev_post )): ?>
  <a href="<?php echo get_permalink( $prev_post->ID ); ?>" class="prev-guide-link"><i class="fa fa-arrow-left" aria-hidden="true"></i> <?php echo $prev_post->post_title ?></a>
  <?php
  endif; ?>
 
  <?php
  $next_post = get_next_post( true, '', 'category' );
  if (!empty( $next_post )): ?>
  <a href="<?php echo get_permalink( $next_post->ID ); ?>" class="next-guide-link"><?php echo $next_post->post_title; ?> <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  <?php
  endif; ?>
</div>

Или без названий статей

<div class="post-nav"><hr>
          <div class="post-prev">  <?php
  $prev_post = get_previous_post( true, '', 'category' );
  if (!empty( $prev_post )): ?>
  <a href="<?php echo get_permalink( $prev_post->ID ); ?>"><i class="fa fa-arrow-left"></i><span class="arrow">предыдущий</span></a>
  <?php
  endif; ?></div>
          <div class="post-next">   <?php
  $next_post = get_next_post( true, '', 'category' );
  if (!empty( $next_post )): ?>
  <a href="<?php echo get_permalink( $next_post->ID ); ?>"><span class="arrow">следующий</span><i class="fa fa-arrow-right"></i></a>
  <?php
  endif; ?></div>
</div>
* стили и названия классов зависят от вашей темы WordPress и фантазии

предыдущий


  1. Home
  2. /
  3. Уроки wordpress
  4. /
  5. Вывод ссылки на следующую...

Архивы

Рубрики

Друзья сайта

Метки

Яндекс.Метрика