Как создать циклы портфолио в Wordpress?

Question

[Danil Pav]

Есть вот такая форма портфолио:


так вот в цикле выводиться из рубрики записи, суть портфолио. Картинки описание и.т.д. выводиться нормально но при открытии в модальном окне выводиться только последняя запись, в чем может быть проблема?
вот код:

<!-- Портфолио id=portfolio -->
		<!-- ================ -->
		<div class="section">
			<div class="container">
                <h1 class="text-center title" id="portfolio"><span>Портфолио</span></h1>
				<div class="separator"></div>
				<p class="lead text-center">Примеры наших работ</p>
				<br>			
				<div class="row object-non-visible" data-animation-effect="fadeIn">
					<div class="col-md-12">

						<!-- isotope filters start -->
						<div class="filters text-center">
							<ul class="nav nav-pills">
								<li class="active"><a href="#" data-filter="*">Все</a></li>
								<li><a href="#" data-filter=".design-inter">Дизайн интерьера</a></li>
								<li><a href="#" data-filter=".3D-vis">3D Визуализация</a></li>
							</ul>
						</div>
						<!-- isotope filters end -->

						<!-- portfolio items start -->
						<div class="isotope-container row grid-space-20">
                        <?php if (have_posts() ) : query_posts('cat=7');
                            while (have_posts()) : the_post();  ?> 
							<div class="col-sm-6 col-md-3 isotope-item web-design">
								<div class="image-box">
									<div class="overlay-container">
										<?php the_post_thumbnail(array(750, 500)); ?>
										<a class="overlay" data-toggle="modal" data-target="#project-1">
											<i class="fa fa-search-plus"></i>
											<span><?php the_title(); ?></span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">Подробнее</a>
								</div>
								
								<!-- Modal -->
								<div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Выход</span></button>
												<h4 class="modal-title" id="project-1-label"><?php the_title(); ?></h4>
											</div>
											<div class="modal-body">
												<div class="row">
													<div class="col-md-6">
														<?php the_content(); ?>
													</div>
													<div class="col-md-6">
														<img src="<?php 
                                                        $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );
                                                        echo $large_image_url[0];
                                                        ?>" alt="<?php the_title(); ?>" />
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Выход</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
                            <?php endwhile; endif; wp_reset_query(); ?>
						</div>
						<!-- portfolio items end -->

Answer 1

[Ksider]

id модальных окон у всех разные? я просто не вижу что бы они генерировались.

вот эта часть: data-target="#project-1"

если они все проджект 1 то откроеться только первое

можно указать data-target="#project-<?php the_ID(); ?>"