我真的很努力地在Wordpress上复制这里发生的角度主题。
我已经能够让同位素过滤post_thumbnail来显示它们，它的动画效果很好，但我坚持的是，当点击一张图片或链接时，该帖子/公文包的内容会显示在一个新的分区中。理想情况下，将框推到一边，这样如果你在手机上，你就不必滚动到顶部。
任何让我开始的建议都会很棒，只是在任何地方都找不到这样的东西，并认为它对其他人非常有用：)
感谢
实际上，这很容易实现。基本上，您只需要为所有同位素项目添加一个点击处理程序。处理程序必须弄清楚哪个元素被点击了(例如，通过检查被点击项目的类名，但当然有很多方法)，然后将相应的内容添加到div元素中。
如果内容必须显示到位，那就更容易了。您可以简单地将预览和完整内容添加到同一个同位素项目中，但默认情况下隐藏完整内容：
<div class="item">
<div class="preview">...</div>
<div class="full">...</div> <!-- hidden with CSS -->
</div>
然后为所有同位素项目添加一个点击处理程序：
$(".item").click(function(){
$(this).toggleClass("big");
$("#container").isotope("reLayout");
});
通过调用.isotope("reLayout")，当单击的项目展开时，其他项目被推开。
最后，您需要一些基本的CSS规则，使具有.big的div元素更大，默认情况下隐藏.full，但在父div中设置.big时显示它。在这种情况下，.preview当然必须被隐藏；这一切都可以用CSS完成，不需要JavaScript/jQuery。
好吧，解释起来有点麻烦——我猜一个例子说了一千多个单词：JSFiddle
当然，这只是一个非常基本的例子，但希望它能解释我的意思。)