Add div nach jeweils 4 Posts dann alle 2 Posts für eine responsive Schleife

Ich arbeite gerade an einer WordPress-Schleife für meine Indexpostseite. Die Schleife zeigt die Posts in 4 Spalten an (jeder Post hat eine Breite von 25%, also 4 Posts in der gleichen Zeile), mein Zweck ist es, nach jeweils vier Posts zwei Divs einzufügen

. Für den Moment funktioniert es gut, aber ich finde den Weg nicht, um meinen PHP-Code ansprechbar zu machen.

Beispiel: Wenn die Fensterbreite <= 1100px ist, haben meine Posts eine Breite (in meinen css-Medienabfragen) von 50%, was 2 Posts in derselben Zeile bedeutet. Also muss ich $counter % 4 == 0 zu $counter % 2 == 0 ändern, um die zwei divs nach jeweils zwei Beiträgen hinzuzufügen.

Hier ist der Code:

 $counter = 1; if ( have_posts() ) : while ( have_posts() ) : the_post(); get_template_part( 'template-parts/content', 'index-posts' ); if ($counter % 4 == 0) : echo '
'; endif; $counter++; endwhile; endif; wp_reset_query();

Ich bin ein Neuling in PHP, also würde ich wirklich etwas Hilfe dafür schätzen.

Vielen Dank!

Solutions Collecting From Web of "Add div nach jeweils 4 Posts dann alle 2 Posts für eine responsive Schleife"

Du musst die divs auf 50% setzen, wenn du @media unter 1100px verwendest. Dann werden sie bei 2 pro Reihe geladen. Sie könnten dem Code im Trennzeichen auch eine class hinzufügen, die nur über 1100px angezeigt wird, und eine zweite if-statement für jede 2 hinzufügen, die auf alles über 1100px ausgeblendet wäre. Da wir den tatsächlichen Loop-Code nicht sehen können, kann ich nicht vorschlagen, auf welche divs der CSS angewendet werden soll