Responsive images / image blocks from starter kit

1

I’m getting to grips with Kirby and have re-used some of the starter kit code and pages (mainly the ‘notes’ routines) to develop my own blog-type site on a local machine.

I have a fair amount of web development knowledge, and have used php plenty (but never really got into OOP, classes etc). Rather than modding content files locally and uploading with ftp I’m looking forward to the luxury of using the Panel for a change! :smile:

Anyway, my query - I’ve read the responsive images article, which is good and detailed. How would I use that code/responsive images with image blocks in the panel?

As I mentioned, I’m re-using code from the ‘Mægazine’ starter kit, so the current image block code is all from there.

Many thanks. Loving Kirby BTW !

2

You can overwrite the standard image block snippet, as described in our guide: Customizing core blocks | Kirby CMS, in particular the part about customizing block snippets: Customizing core blocks | Kirby CMS

So copy the original snippet into a new snippet as described, and adapt to add srcset and sizes attributes as required.

And welcome to the forum :wave:

3

Thanks for that.

And how would I upload the various image / alternative files through the Panel - would this be using the Files block?