Verwenden von Mauerwerk, um Beiträge abhängig von der Bildgröße anzuzeigen

Ich benutze Maurerarbeit, um WordPress Beiträge in einer dreispaltigen Rasteransicht anzuzeigen. Ich benutze die folgenden Codes: –

<?php while(have_posts()) { echo '
'; the_post(); echo '
'; if( has_post_thumbnail() ) { the_post_thumbnail( 'medium' ); } echo '
'; echo '
'; the_title(); echo '
'; echo '
'; the_content(); echo '
'; echo ''; echo '
'; }

Jquery Teil

 var container= document.querySelector('#ms-container'); var msnry=new Masonry(container,{ itemSelector: '.ms-item', columnWidth: 'ms-item' }); 

CSS

 .ms-item { width:30%; background-color:cornsilk; border:1px solid gray; } /* blog-post , blog-title , blog-* are all used in design the post*/ 

Also, die Codes funktionieren gut und zeigt drei Spalten von gleicher Größe (natürlich wegen der Breite 30%) aber das Problem ist mit dem Bild sieht es komprimiert aus und ich möchte die Beiträge entsprechend der Bildgröße anzeigen .. wie einige Bilder (Beitrag) sollte mehrspaltig aufnehmen ..

Das Mauerwerk, das ich kreieren möchte, ist in Halycon Theme zu sehen

Danke im Voraus. Bitte helfen Sie.

Solutions Collecting From Web of "Verwenden von Mauerwerk, um Beiträge abhängig von der Bildgröße anzuzeigen"