Yep, Grid natürllich, kleiner Vertipper meinerseits 
Sagst du hast da 47 Artikel. Bei Beispielsweise 4 pro Zeile wäre das doch ziemlich übersichtlich und ohne grossartiges Gescrolle zu bewerkstelligen. Musst ja keine riesigen Thumbnails nehmen, die Namen der Kräuter reichen ja eigentlich (sind sie jetzt in der Sidebar ja auch schon).
Hier ein bisschen Code auf dem du aufbauen könntest ...
<style>
#collection {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
gap: 5px;
padding-left: 20px;
margin-bottom: 300px;
}
.magazinehover {
position: relative;
display: inline-block;
}
.magazinehover .magazinetooltip {
visibility: hidden;
width: 250px;
background-color: transparent;
text-align: center;
border-radius: 1px;
padding: 0px 0;
position: absolute;
z-index: 1000;
}
.magazinehover:hover .magazinetooltip {
visibility: visible;
}
</style>
<div id="collection">
<?php
$the_query = new WP_Query( array(
'post_type' => array('post'),
'post_status' => 'publish',
'meta_key' => 'collection',
'meta_value' => '1',
'orderby' => 'magazineid',
'order' => 'ASC',
'posts_per_page' => 500,
) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="magazinehover">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<span class="magazinetooltip">
<?php the_post_thumbnail('full'); ?>
</span>
</div>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
<?php endif; ?>
</div>
Alles anzeigen
Nichts besonderes und auch nicht perfekt, hatte ich mal auf die schnelle für was internes gebastelt.
PS: https://de.wikipedia.org/wiki/Bartagamen 
