WP loop with different styles

  • Hello,

    I want to make a post loop in which I give a different layout (see photo). First post is shown in large format, second and third posts are displayed in 1 column below each other. And the rest next to each other. I also want to make a load more with the max_num_pages. How can I build this loop?

    Thank you in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I’d use CSS Grid for the layout. There are a number of generators you can use: https://www.google.com/search?q=css+grid+generator

    Are you asking how to code a loop or how to make that layout?

    In this case, how to properly split the HTML string to be worked in Gutenberg editor.
    I just can’t find a way to properly do it.
    How can I automatically and properly format the HTML string with blocks API?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I don’t understand. What does HTML and Gutenberg have to do with this? This is not something you’d do editing a page, though I suppose you could create a custom block and incorporate (a) a loop to get N posts, (b) markup to enable use of CSS Grid and (c) the CSS itself.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WP loop with different styles’ is closed to new replies.