经过一番挖掘,我发现了wp。媒体功能图像。frame()是我想要的:
wp.media.featuredImage.frame().on(\'open\',function() {
// Clever JS here
});
然后我发现
select
当您单击“设置特色图像”按钮时,事件将触发,而当您单击缩略图时,则不会触发,这正是我想要的。因此,打开模式窗口后,我将事件绑定到该窗口本身:
wp.media.featuredImage.frame().on(\'open\', function() {
// Get the actual modal
var modal = $(wp.media.featuredImage.frame().modal.el);
// Do stuff when clicking on a thumbnail in the modal
modal.on(\'click\', \'.attachment\', function() {
// Stuff and thangs
})
// Trigger the click event on any thumbnails selected previously
.find(\'attachment.selected\').trigger(\'click\');
});
最终的结果是,一旦特色图像模式打开,它将通过WP-JSON获取所选特色图像的未删减版本,通过
Vibrant.js, 然后将这些作为颜色选择器添加到模式中。这让我们指定一种特定的颜色-从图像中提取-然后被主题用作该特定图像的覆盖。图片可以更好地解释这一点:
如果有人感兴趣,我会抽出时间在博客上详细写下这篇文章