#javascript #jquery #wordpress
#javascript #jquery #wordpress
Вопрос:
У меня есть следующий код:
$('.left article').on('click', function(event) {
var article_content = $(this).children('.article-content').html()
$('.right').html(article_content);
});
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section {
display: flex;
}
section > div {
flex: 0 0 50%;
padding: 15px;
width: 50%;
}
.left .article-content {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section>
<div class="left">
<article>
<h2>My post title</h2>
<div class="article-content"><p>This is the content for the first article</p></div>
</article>
<article>
<h2>Another post title</h2>
<div class="article-content"><p>Content for the the second post</p></div>
</article>
<article>
<h2>Third post title</h2>
<div class="article-content"><p>This is the content for the third post</p></div>
</article>
</div>
<div class="right">
</div>
</section>
Тот же принцип, который я хочу реализовать в своем коде WordPress, для отображения заголовков записей и их содержимого, плюс я хочу добавить новый столбец со списком записей из другого пользовательского типа записи (например, testpostype), который будет иметь тот же «тег», что был добавлен пользователем.
Например: у меня есть список записей из типа BOOK post, у каждой записи есть свой тег, 1 -tag1, 2-tag 2, 3 -tag 3. В то же время у меня есть другой пользовательский тип записи (testpostype), где у меня также есть записи с теми же тегами, что и в моем типе публикации BOOK. Я хочу, когда я нажму на первую запись из типа BOOK post, получить содержимое записи, плюс список записей из второго типа post (testpostype), которые будут содержать тот же тег. ПРИМЕР: я нажимаю на первую запись (с тегом1) я получаю содержимое я получаю запись из второго типа записи с тегом1.
У меня есть следующий код, но я должен изменить его для получения того же результата. Кто знает как?
<section>
<div class="left">
<?php global $post;
$wpposts = get_posts('numberposts=3amp;post_type=>book');
foreach($wpposts as $post):
setup_postdata($post);
?>
<article>
<h2>
<ul>
<li>
<?php the_title(); ?>
</li>
</ul>
</h2>
<div class="article-content">
<p>
<?php the_content(); ?>
</p>
</div>
</article>
<?php endforeach; ?>
</div>
<div class="right">
</div>
</section>
Комментарии:
1. @designtocode, как должен выглядеть код?
2. вам нужно будет получить теги в левом цикле и передать теги в ajax, чтобы запросить новый wp_query и загрузить его в третий столбец. Это небольшая часть кодирования, поэтому я бы посоветовал сначала создать это и опубликовать в StackOverflow, если у вас возникли какие-либо проблемы.