Managing files

For file handling via the Panel, see Files in the Panel.

Where are files stored?

Files can belong either to

• the Site object: in this case, they are stored directly in the /content folder next to the site.txt file.
• a Page object: in this case, they are stored inside a page folder within /content.

Folder structure for a page with files

Folder structure for site files

Supported file types

You can access files using handy methods for each common file type:

Some file types (currently SVG and XML files) are validated on upload to block malicious files. You can customize the allowed file contents, see our reference for the SVG and XML classes.

File types not listed above are of course also supported. To upload file types not supported out of the box by Kirby, you can register new file types with the fileTypes extension in a plugin.

Manually uploading files

You can add/upload files to a page/the site manually by placing them into the corresponding folders.

Note that if you upload files you later want to use in the Panel, you have to define files sections in your blueprints. Otherwise, these files will not show up.

Linking to files in your content

Files can be linked or embedded in any field with KirbyTags or used in templates to build complex galeries, download sections, etc.

Rendering files in your templates

Kirby provides many ways to render files in your templates. Here are some examples:

Fetching all images of a page

<?php foreach($page->images() as $file): ?>
    <img src="<?= $file->url() ?>">
<?php endforeach ?>

Fetching a single file

<?php if($file = $page->file()): ?>
<?= $file->filename() ?>
<?php endif ?>

Fetching files from site

<?php foreach($site->images() as $file): ?>
    <img src="<?= $file->url() ?>">
<?php endforeach ?>

Fetching all images from subpages

<?php foreach($page->children()->images() as $file): ?>
    <img src="<?= $file->url() ?>">
<?php endforeach ?>

Filter images by template

<?php foreach($page->images()->template('gallery') as $file): ?>
    <img src="<?= $file->url() ?>">
<?php endforeach ?>

These are just some basic examples to give you an idea. You can filter and find files by type, template, by their meta data etc. More information on the available file and files methods in the Reference.

Adding meta data to your files

A meta data file is stored next to the file and named after the following pattern:

{filename}.txt

Some examples:

Meta data files follow the same scheme for fields like the main text files for pages. Like with pages, the number of fields is not limited. The possibilities to add meta data to files are endless.

Since 4.0.0

Setting a focus point

Never cut off the most important part of your images again when cropping an image. Set a focus point and let your images shine in all their beauty.

You can add a focus point manually directly in the file's metadata file:

Focus: 30.5% 70%

Or you use the focus feature via the Panel:

Example meta data file

Title: A day at the lake
----
Caption: We spent an entire day at the lake. The weather was nice.
----
Photographer: Ansel Adams' cat

Meta data files are automatically added or deleted when the associated file is added or deleted via the Panel.

Accessing meta data in templates

Meta data is available from each $file object in your templates and snippets.

<?php if($file = $page->image('lake.jpg')): ?>
  <figure>
    <img src="<?= $file->url() ?>" alt="<?= $file->title() ?>">
    <figcaption>
      <span class="caption">
        <?= $file->caption() ?>
      </span>
      <span class="photographer">
        <?= $file->photographer() ?>
      </span>
    </figcaption>
  </figure>
<?php endif ?>