5. Build the template for your homepage
A page template controls how your page looks. Modified templates will only show changes in your local development environment until your deploy your site. To edit the template for your homepage:
Make changes to the homepage template.
In your code editor, open the root.html
template located in /compartments/templates
.
Make changes to the template code:
- Move
{{site_properties.name}}
into the<h1>
- Move
{{fields.header}}
inside the<h2>
- Delete the
<p>
containing the text "Is this your first site? Get the CLI Tools."
Save the file.
See the content update only locally.
Refresh your live site url in one tab and your local site url in another tab.
Local Site: http://localhost:9001
Live Site: https://[your subdomain].airshipcms.io
(same as before)
You will see that only the local instance of your site has changed. This is because in your local site, the page is rendered based on local files & published content, whereas the published site renders published files & published content.
Next: Modify Content Fields