Как получить значение, отправляемое при нажатии на превью поста?

Вопрос

Я хочу реализовать кастомную функцию обзора на сайте WordPress. Ее особенность заключается в том, что она будет работать с помощью плагина Colorbox. Сейчас я объясню подробнее, что конкретно мне нужно.

Собственно, как и на любом сайте, у меня на страницах размещаются записи. И для их открытия я использую этот код:

$lastposts = get_posts( $args );

foreach($lastposts as $post) : setup_postdata($post);

get_template_part( ‘content’, get_post_format() );

endforeach;

Таким способом можно без проблем открыть все записи, которые находятся в базе данных. Каждый пост идет как отдельный продукт. Поэтому я хочу попробовать добавить к нему какой-то код, который установит значение для этого продукта. В целом, это должно работать таким образом, чтобы после нажатия пользователем на изображение, заголовок, связанный с данным изображением, отправлялся в файл, заданный в расширении.

Для работы с картинкой у меня имеется код jQuery:

<link media=”screen” rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/js/colorbox.css” />

<script src=”<?php echo get_template_directory_uri(); ?>/js/jquery.colorbox-min.js” type=”text/javascript”></script>

<script type=”text/javascript”>

$(function()

{

$(‘.item-post a’).colorbox({opacity:0.3, href:”../overviewa512454dzdtfa”});

});

</script>

Полезно: Как сохранить активность кнопки после нажатия на нее?

Ответ

Мне кажется, что тебе стоит указать в URL-адресе записей сектор “a”, чтобы каждая ссылка имела название поста. А затем, попробуй отредактировать JavaScript, чтобы он передавал заголовок в URL-адрес. Вот пример:

<script type=”text/javascript”>

$(function()

{

$(‘.item-post a’).bind(‘click’,function() {

event.preventDefault();

var product_title = $(this).attr(‘rel’);

colorbox({opacity:0.3, href:”../overviewa512454dzdtfa?title=” + product_title});

});

});

</script>

Дальше тебе остается поработать непосредственно с URL, который передается внутри rel=”” тега. Это настраивается с помощью js, когда значения передаются в Colorbox.

После того, как ты проделаешь действия выше, останется только получить доступ к заголовкам. Сделать это можно будет на обзорной странице.