I hope this isn’t too cheeky, but I’d love to understand how the individual photos in the beautiful new Beyond Tellerrand galleries get assigned an HTML template.
One can setup file blueprints for the panel, but how does on achieve something similar for regular templates so that, for example, https://beyondtellerrand.com/photos/portraits-berlin-norman-posselt/cassie-evans.jpg gets packed in the HTML that it does instead of a browser default (and with cassie-evans.jpg in the url without jumping to the media folder)?
Is there some specially created magic going on behind the scenes, or is there something obvious that I’m missing?
The image itself comes from the media folder:
<img alt="" src="https://beyondtellerrand.com/media/pages/photos/portraits-berlin-norman-posselt/2631825938-1578416643/cassie-evans-1600x1600.jpg">
I’m not familiar with how this is exactly implemented, but one way to achieve this is to make the images virtual pages.
Another way to achieve this would be via a route, in which you always return the same template, but with the image from the URL.
Great, thanks for the pointers.