Templates

File Structure

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

Foldername
|- composer.json
|- image.png
|- theme.json
|- page.twig
|- album.list.twig
|- album.twig
|- image.twig
|- timeline.twig
|- map.twig
|- blog.twig
|- post.twig
|- collection.list.twig
|- collection.twig
|- css
|   |- style.css
|- js
    |- skript.js

File Descriptions

  • theme.json: Defines configuration parameters and general settings for your template.
  • composer..json: Composer file for publishing it on packagist.org
  • image.png: Simple Image for the theme selection page. Resolution is 300x200px
  • 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.
  • collection.list.twig: Create a list of collections
  • collection.twig: Handles the layout and rendering of photo collections.
  • 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.