Homepage

Using a Static AMP Template

Last edit: Jul 14, 2023

This guide will help you use a static template (downloaded from the Internet as a zip file) on your platformOS site.
The template featured in this tutorial is an Accelerated Mobile Page (AMP), so this tutorial can be used as the first step to building AMP pages on platformOS.

Requirements

This is an advanced tutorial. To follow it, you should be familiar with basic platformOS concepts, technologies, and the topics in the Get Started section, especially pages, layouts, and assets.

Steps

Using a static theme is a three-step process:

Step 1: Download template

Download an AMP template from the Internet, e.g. from AMP Start. This tutorial refers to the Blog Template.

Unzip the template. Template files are organized into directories: css (page style), img (all images), and template (HTML AMP template).

Step 2: Put downloaded template into codebase

Copy all of the downloaded and unzipped directories and files into your assets directory, for example:


cp -r ~/Downloads/blog/* app/assets

Note

Consider compressing images. Images in templates are rarely optimized, so by optimizing them, you can accelerate your pages even more.

Step 3: Sync and check

Sync or deploy your Instance. Use the asset_url filter to list them and check that the files have been uploaded to our CDN.

Copy the URL of a file on the CDN and paste it into your browser to check it's there and working. If you load the HTML file from the CDN, the (AMP) page is displayed.

Next steps

Congratulations! You can now use a static theme on your platformOS Instance. To fully adapt it to platformOS, convert the HTML to pages, layouts, and partials:

Questions?

We are always happy to help with any questions you may have.

contact us