Different number of posts per row in grid layout

This can be achieved by making use of Masonry a

Cascading grid layout library

Which is included in WordPress since 3.5 and has been updated to v3 with the release of version 3.9 of WP. It really is a nice tool to accomplish different kind of grid layouts. Of course it isn’t necessary to use this library, but it is indeed really good for grid layouts, so you might as well make use of it.

There are a ton of how-to’s and tutorials available, just take a look around and you will find them. Generally, the implementation is pretty straight forward and size management and control then works via CSS (and maybe some javascript/jQuery if you want to offer a switch for size changes).

As additional information, there is a – one could say – pro version of masonry available, which offers more functionality. It is called Isotope, if you want to take a look at it. Of course it isn’t part of the WP core functionality, besides you need a – very affordable – license to use it commercially.

Related Posts:

  1. Do we still need to include a “if (have_posts())” in templates?
  2. WP_Query: Why is sticky post not first item in loop?
  3. Query *only* sticky posts
  4. Cannot access current post’s ID in custom plugin
  5. Can’t show comments count per post outside loop
  6. Show a list of recently viewed posts to a user
  7. How to use alternate post layout at key points in post loop?
  8. Alternate custom content in the loop
  9. Auto Refresh Post List after X seconds
  10. Double count view in archive.php
  11. Display posts with comments closed, with pagination?
  12. Different style for most recent article
  13. Differentiate between posts and pages in search results
  14. Related posts loop based on tags AND categories doesn’t work without at least one tag assigned
  15. How To Get Posts With A Specific Word
  16. How to display posts on a static page? (like search loop)
  17. Why WP_Query(‘showposts=5’) shows only 1 post?
  18. Displaying Latest Posts on a Page
  19. WordPress Loop – Next 3 Posts
  20. problems with loading posts in a table-row
  21. Blog page pagination is not working after using the offset argument
  22. WP Query – Posts Per Page not working in combination with category__in
  23. More then one menu items are assigned with “current-menu-item” class
  24. Pulling in post category and children within category
  25. How to add tags (custom taxonomy) to post class css?
  26. Listing Specific Categories from Current Post with Depth
  27. How to exclude visited posts from loop
  28. “Right Way” to make custom Loop respect reading settings inside admin panel?
  29. get_the_category listing in hierarchial order
  30. How to make a sum of all posts displayed in a loop
  31. Exclude current custom post on single post
  32. why does wordpress ignore the post args?
  33. add to end of post in the loop with plugin
  34. First x post with another template then the others
  35. Loop doesn’t show title of second post and posts thereafter
  36. add bootstrap post slider with tabs
  37. How to add add more properties to WP_Post object in search results loop
  38. Custom taxonomy archive page problem
  39. Loop don’t work within single.php page
  40. Add Blog to WP homepage Manually
  41. How to show all posts by author on buddypress profile with navigation
  42. Add custom text automatically on each post
  43. Getting blog pagination to work on page set as front page
  44. Make loop inside slider divisible [closed]
  45. How to add automatically bootstrap 4 order-lg-1 and order-lg-2 classes for columns in foreach loop based on the count?
  46. Display current post position in Elementor Posts widget
  47. How to display post list in a table layout (multiple queries in single loop)
  48. Not all posts showing in query
  49. Some doubts about how the loop work (trying debugging it)
  50. Optimize CPT-function with a loop
  51. Display specific posts on home page
  52. The loop starting at a certain ID
  53. Loop not showing first post
  54. Limiting the amount of posts retrieved by the loop
  55. Display 3 posts with different HTML markup using a loop
  56. Changing wp_link_pages() to “Next Page” and “Previous Page” buttons?
  57. How to repeat a loop after 4 posts [duplicate]
  58. Custom Post Type Single Loop Outputting Wrong Post
  59. How to separate each individual blog post?
  60. Error while excluding a post from another loop (using its ID)
  61. Is there a way to define the $post var outside the loop?
  62. Only the most recent post is showing on my category page (working on localhost, not live site)
  63. Multiple post in One Loop in wordpress
  64. show loop id post , only first id can read
  65. Can I Paginate Post after every 25 tag?
  66. Alternative content between posts no repetition
  67. Start loop from specific post ID
  68. Display new posts categories in separated divs
  69. Wp_query loop is not working as it should
  70. Maximum number of posts per page before affecting performance?
  71. Display post order ranking within wordpress loop
  72. WordPress infinite post cycle problem
  73. Problem with wp_insert_post()
  74. How to control Post view count incresing in sidebar widget posts too?
  75. List of authors posts minus very latest
  76. WordPress loop uses unmodified posts array, why?
  77. Add row after three columns
  78. Modify WordPress loop after it has been run
  79. Skip posts, but keep posts per page
  80. show latest authors blog post
  81. Multiple Post Repeat for Related Post Loop by Category
  82. index.php is only displaying current month’s posts?
  83. Loop doesn’t display posts. It displays a link to the home page instead
  84. Grab next post title in archive page
  85. Where should get_post_meta() go to get $post->ID get_post_meta() is empty and $post->ID & get_the_id() are working
  86. Getting posts from multiple users?
  87. Loop through posts by each term and exclude duplicate posts assigned to several terms
  88. Show post if in category
  89. Displaying categories items among posts
  90. Only show posts with image and the correct ammount of posts in loop
  91. Is there a way to separate wordpress titles from their posts?
  92. Related posts by searching post tags of single post as terms
  93. Redirecting posts in WordPress to a specific page
  94. Show all posts in category
  95. First post in loop displays twice
  96. Wrap every 2 posts
  97. What function does the loop of displaying posts?
  98. What template file is used by default for posts?
  99. View post with specific category id and name which I selected in the backend (drop-down option)
  100. WordPress Ajax load doesn’t work