Buy me a coffee

How to get the Posts from other blog pages to display on the main homepage

Suppose you have blog page A and blog page B, you want to display these posts on main homepage.

You can use 2 Summary Blocks to do this. However if you want to use 1 Summary Only and get posts from both pages, you can follow these steps.

#1. First, add 2 Summary Blocks and connect posts from 2 Blog Pages

A19e9c88d69171cf2880 Min

01c119d753cef490addf Min

#2. Find ID of 2 Summary Blocks. In my example, we will have:

  • Summary 1: #block-yui_3_17_2_1_1725175574269_7696
  • Summary 2: #block-yui_3_17_2_1_1725175574269_8682

A439f601be1819464009 Min

#3. Use this code to Website Tools > Code Injection > Footer to move Summary 2 into Summary 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $('#block-yui_3_17_2_1_1725175574269_8682 .summary-item').appendTo('#block-yui_3_17_2_1_1725175574269_7696 .summary-item-list');
});
</script>

0a538ab4b8ad1ff346bc Min

#4. Result

A7cff5b3c7aa60f439bb Min

#5. Note
You need to use Grid or List Layout on both Summaries.

Ba656fb05fa9f8f7a1b8 Min