如何在Wordpress中将自定义帖子附件放入图像网格

Question

无法使其正常工作。我正在尝试使用自定义插件为我父亲的房地产网站构建页面。该插件从数据库中获取图像，并将其附加到自定义帖子类型（房屋）中。 random images

我希望将它们显示在一个不错的图像网格中，例如：image grid，还可能在可点击的链接后面，该链接会弹出以打开缩放的显示...

我的代码现在看起来像这样：

		<article class="woning">
     
			<a href="<?php the_permalink(); ?>" class="headerimage">
				<?php the_post_thumbnail(); ?>
			</a>

		<table style="width:70%">
            <tbody>
            <tr>
                <td><?= $woning->listing('prijs'); ?></td>
                 <td><?= $woning->listing('status'); ?></td>
                </tr>
              <tr>
                <td><?= $woning->listing('status'); ?></td>
                   <td><?= $woning->listing('oppervlakte'); ?></td>
                </tr>
            <tr>
                <td><?= $woning->listing('aantalKamers');?>
        
		</td>
                <td><?= $woning->listing('aantalSlaapkamers');?></td>
                </tr>
            
            </tbody>
        
            </table>

		</article>

		<?php if ($woning->hasLocation): ?>
		<div>
			<h2>Kaart</h2>
			<div id="google-map"></div>

			<h2>Street View</h2>
			<div id="google-streetview"></div>
		</div>
		<?php endif; ?>

		

		<div style="padding-left: 15px; width:70%">
            
            <?php the_content(); ?></div>
        
        <?php echo wp_get_attachment_image( get_the_ID(), array('700', '600'), "", array( "class" => "img-responsive" ) );  ?>

		<?php if ($woning->fotos->has()): ?>

			<h2>Foto's</h2>
<div class=""></div>
			<?php foreach ($woning->fotos as $foto): ?>
				<?php $photo = wp_get_attachment_image_src($foto->ID, 'medium'); ?>
				<a href="<?= $photo[0]; ?>" title="Klik om de foto te vergroten"><img src="<?= $photo[0] ?>"></a>
			
			<?php endforeach; ?>

		<?php endif; ?>

在哪里可以找到有关如何进行编码的信息；还是有人可以帮助我？

会很棒。

谢谢

M