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

Как вывести ссылки на предыдущий и следующий посты с миниатюрами | n-wp.ru

Если в блоге публикуются изображения, то конечно хочется использовать эти изображения и при выводе анонсов, внутренних ссылок. Самыми популярными внутренними ссылками, играющими положительную роль во внутренней перелинковке, являются ссылки на предыдущий и следующий посты. Но стандартные функции previous_post_link и next_post_link, выводящие ссылки эти ссылки, не предусматривают вывод миниатюр постов. Давайте исправим это дело, добавив к этим ссылкам небольшой запрос, возвращающий миниатюру.

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

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

ID); ?>  
                                             
                                                             

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

ID); ?>     
                                                 
                                                                 

Вам осталось только добавить оформление к этим ссылкам.

Возможно, что вам нужно будет рядом вывести еще цитату из предыдущего или следующего поста – воспользуйтесь способом, описанным в записи Как вывести цитаты из предыдущего и следующего постов.

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

6 Комментарии

  1. А как можно динамически изменять размеры этих миниатюры? Они у меня все разных размеров, но в навигации «предыдущая/следующая» хотелось бы отображать их, и одинаковыми, и уменьшенными.

    • Заключить миниатюру в DIV, и прописать для этого элемента стиль в style.css.

      single.php:

      
      

      style.css:
      [cc lang=”css”]
      div.previous_post_link_thumb {display:inline-block;}
      div.previous_post_link_thumb img {width:200px !important; height:auto !important;}

  2. Tiaurus У вас замечательный блог! Скажите на нескольких сайтах, в том числе и у вас видел такую замечательный элемент дизайнерской периленковки как выпадающие по бокам ссылки на предыдущую и следующую статью. На простых темах каким образом можно реализовать данную функцию. То есть чтобы ссылки на предыдущий и следующий пост находились именно сбоку в центральной части окна бразуера и раскрывались при наведении на одну из них. Что нужно прописывать в single.php в этом случае? Или этот код и вводим что вы написали в данной статье? Большое спасибо!

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*