Templates

File Structure

To create a custom template for Image Portfolio, your template directory should contain the following files and folders:

Foldername
|- theme.yaml
|- page.twig
|- album.list.twig
|- album.twig
|- image.twig
|- timeline.twig
|- map.twig
|- blog.twig
|- post.twig
|- css
|   |- style.css
|- js
    |- skript.js

File Descriptions

  • theme.yaml: Defines configuration parameters and general settings for your template.
  • page.twig: The default template used for standard pages.
  • album.list.twig: Create a list of albums
  • album.twig: Handles the layout and rendering of photo albums.
  • image.twig: Template for displaying individual images.
  • timeline.twig (optional): Provides a layout for chronological timelines.
  • map.twig (optional): Provides a layout for a map view.
  • blog.twig: Main blog template that lists all blog posts.
  • post.twig: Template for individual blog post entries.
  • css/style.css: The main stylesheet for your template.
  • js/script.js: JavaScript file for interactive behavior and frontend logic.

Note: The timeline.twig & map.twig file is optional and should only be included if your template uses a timeline or the map feature.