If you use the feature “get Facebook stream as JSON-object instead of HTML”.
You could loop through the posts and style them as a masonry grid.
<?php echo do_shortcode('[fb_social_stream]');?>
<script type="text/javascript">
$(function(){
if(typeof fbss_data !== "undefined"){
fbss_data.forEach( function( item ) {
/* do stuff here */
});
}
});
</script>
you could also disable CSS in expert-mode and set your Masonry classes via Javascript (untested):
<script>
jQuery('.wp-fb-social-stream .fb-message').each(function( index ) {
jQuery(this).addClass('grid-item');
});
</script>
Please kindly advise in which file shall I add the above code? Thanks very much!
Hey bruce7075,
those 2 examples should give you an impression how you could solve your issue with Javascript. You can add code to your WordPress blog with wp_enqueue_script (https://codex.wordpress.org/Function_Reference/wp_enqueue_script)
Please understand, that I can’t support you with 3rd party software like masonry.
