Hi everyone! I’m hoping someone can help me understand what’s happening with my WordPress site.
I’m currently using the Twenty Twenty-Five theme and its Site Editor/template system. I’m building my pages with my own custom HTML, CSS, and JavaScript.
I have a Main Page set as my static homepage under Settings → Reading, and that page has its own custom code.
The problem is when I create another page.
For example, I created an All Properties page and put completely different custom HTML/CSS/JavaScript into that page. When I go into Pages → All Pages → All Properties → Edit, I can see the correct code and the changes I make there.
However, when I actually visit the page, WordPress shows my Main Page/homepage design instead of the All Properties design.
I have a “See More” button on my homepage that links to:
mydomain.com/all-properties/
The strange thing is that the URL does change correctly. It becomes /all-properties/, so WordPress is definitely going to the correct URL.
But the actual content is still my homepage.
I’ve also checked Settings → Reading:
Homepage: Main Page

Posts page: None

So I’m wondering if this is related to how Twenty Twenty-Five templates work.
It seems like the individual page has its own custom code, but the Twenty Twenty-Five template is overriding it or not displaying the page content correctly.
What I want is simply:
Main Page → displays Main Page custom code
All Properties → displays All Properties custom code
Other pages → display their own custom code
I don't want to have to put the entire design for every page into the global/template itself.
What exactly do I need to change in the Twenty Twenty-Five Site Editor/templates to make each individual WordPress page display its own content?

I’m pretty new to the Site Editor, so a step-by-step explanation would be greatly appreciated!🥹