Using a Static AMP Template
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: