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

Pro Tips Other Tips
1

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

image
image600×602 29.3 KB

image
image600×598 49.6 KB

#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

image

#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>

image

#4. Result
image

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

image