在wordpress中显示砌体布局

如何在wordpress中实现显示帖子的布局

我想在砖石网格布局中显示我的帖子

这是我在functions.php中尝试过的代码

add_action( 'wp_enqueue_scripts', 'site_scripts' );

function site_scripts() {
wp_enqueue_script('masonry');
wp_enqueue_script( 'site-script', get_template_directory_uri() . '/js/script.js', array(), false, true );

}

在我的页面中，我添加了以下代码

<div class="grid">
<div class="grid-item">
    <img src="<?php echo get_stylesheet_directory_uri().'/images/image-1.jpg' ?>">
</div>
<div class="grid-item">
    <img src="<?php echo get_stylesheet_directory_uri().'/images/image-2.jpg' ?>">
</div>
<div class="grid-item">
    <img src="<?php echo get_stylesheet_directory_uri().'/images/image-3.jpg' ?>">
</div>
<div class="grid-item">
    <img src="<?php echo get_stylesheet_directory_uri().'/images/image-4.jpg' ?>">
</div>
    `enter code here`<div class="grid-item">
    <img src="<?php echo get_stylesheet_directory_uri().'/images/image-5.jpg' ?>">
</div>

但我并没有把它放在砖石结构中，而是一个接一个地向下显示

---

有人能帮我吗？

直到WordPress的核心是砖石结构。快速查看后，它实际上包括2（本机Javascript）和jQuery-您正在加载本机Javascript-更改：

wp_enqueue_script('masonry');

致：

---

作为参考，这里的页面列出了所有

您是否在控制台中看到任何错误消息？

wp_enqueue_script('masonry');

wp_enqueue_script( 'jquery-masonry' );