With Kirby's folder system it's possible to add additional CSS and JS files directly to each page and load them on demand. This can be a far more effective way to add art direction to individual pages.
Afterwards go to the header snippet for your site
(by default this is
What we want to do is to include our stylesheet and script files in the head section of our html.
What we are doing here is to get all files in our content folder and filter them by extension. Afterwards we are using the
->pluck('url') method to get an array with the Url of each file.
js() helpers handle the rest. As soon as they get an array of Urls, they will create individual link and script tags for us. The best part is that they don't create any tags at all, if the array of css or js files is empty.
<link rel="stylesheet" type="text/css" href="http://theurltothestylesheet.com" />
And that's it. Now you can create art-directed posts or custom styles for individual pages.