Then again, clicking on them goes straight to the pages that are supposed to be in an iframe... hope the link is still useful!

You can have a page that's only supposed to be in an iframe run some JS to detect if it isn't and then redirect to another page. I do something similar for my own site but the basic gist is: if(window.self == window.top) { document.location.href = '[LINK TO PAGE HERE]'; } This will also change the thumbnail to whatever the redirected page is.

This might be a bit tricky to test offline (this largely depends on how you're linking stuff) unless you can run your site as a local server. I use the method described here: https://stackoverflow.com/a/27986564

Thanks for the heads up! I'll test these tricks out when I have some free time

what hydromecha said is way better, definitely do that!

Ok I think I've got it figured out (thank you hydromecha!) I added a script at the top of every iframe that checks whether or not the link has "embedded=true", and if it doesn't, it redirects to the iframe version of the page. Then I changed my iframe loader script to fetch every page with "embedded=true" as a marker that it was opened via fetch instead of standalone.

Also that somehow solved the thumbnail problem too??? Just updated all my pages and the thumbnails have styling now