Typemill   ›   Author Guide   ›   Media Library

Media Library

Typemill provides a media library for managing images, video files, audio files, and various documents.

Screenshot of the Typemill Media Library

Media Icons

The media components and library utilize four distinct icons to represent images, videos, audios, and files:

Icon Block Element
Button Image Image
Button Video Video
Button Audio Audio
Button File File

Open the Library

You can access the media library from any media component. Media components can be found within the visual editor, in the tabs, or within the configurations for systems, themes, and plugins. Each media component features a button labeled "Select from medialib." Depending on the component in use, the media library will display a list of images, videos, audio, or files.

Open the image component

In the visual editor, you can also open the media library directly using a button located at the top right of each page. This is particularly useful for uploading new media to the library or adding media to the bottom of the page rather than a specific location.

Search, Filter, and Upload

The media library offers a search function along with several filtering options for quickly locating media and files:

  • Search: Use this feature to search for specific file names. It's important to name your files thoughtfully for easy retrieval. A helpful strategy is to use prefixes; for instance, all icons could be prefixed with "icon_."
  • Filter: The icons beneath the search bar allow you to filter media by images, audio, video, and files.
  • Upload: Next to the filter icons, an upload icon enables you to add a single file. The system will automatically recognize the file type upon upload and activate the appropriate filter.
  • Pagination: Below the filter section, pagination controls are available.

Use Media

For each media item, you can choose from three options:

  • Use: To incorporate a media file into the current image, video, audio, or file component, simply click on the preview.
  • Details: To view information about the media file, click the info icon located at the bottom right.
  • Delete: To remove a media file, click the trash icon at the bottom right.
Screenshot: Show details of a media file in the media library