Quotion

Customize Layout

Quotion offers two options to customize your site's layout:

  1. Layout Editor (Recommended)
  2. Home Note (Deprecated)

Layout Editor

The Layout Editor allows real-time preview of changes. Your site updates within 2 minutes after publishing.

To use the Layout Editor:

Access the Editor

  1. Login to the Quotion dashboard
  2. Select your site: https://app.quotion.co/site/<your-site>
  3. Click the design page: https://app.quotion.co/site/<your-site>/design

Make Changes

Edit logo, favicon, header links, footer links, and copyright on all tabs. Find the hero editor on the home tab.

Layout editor


Home Note (Deprecated)

This option is deprecated due to limitations and conflicts with the layout editor. Keep it for reference only. DO NOT USE IT.

Migrate from Home Note to Layout Editor

  1. Click the save button on the Design all & home tabs
  2. Delete the home note

Home Template (Deprecated)

# Home
 
## Icons
 
![Site favicon](/images/features/favicon.png)
![Site logo](/images/features/logo.png)
 
## Header
 
[Home](https://quotion.co) [Features](https://quotion.co/#features) [Pricing](https://quotion.co/#pricing) [Docs](https://docs.quotion.co)
 
## Hero
 
*Peak Blog*
 
**Explore Our Creative Universe: Insights & Inspirations**
 
The latest industry news, technologies and resources from the team.
 
## Footer
 
[About](https://quotion.co) [RSS](https://blog.quotion.co/rss.xml) [Sitemap](https://blog.quotion.co/sitemap.xml) ©Copyright 2024 Peak Inc.

Must keep the same structure or it won't work, all headings like Icons, Header, Hero and Footer shouldn't be renamed or moved.

Limitations

Icons

  • Use exactly 2 images (favicon and logo)
  • Text formats ignored
  • Only links work
  • Texts or images ignored

Hero

  • Change or remove decorated text
  • Must have a hero title
  • Links and images ignored
  • Change, remove, or add links
  • Last text treated as copyright note
  • Other texts and images ignored

Example

Home example

Warning

Don't mix the two options. The design editor overwrites the home note, causing sync issues.

Build your blog with Apple Notes in less than 5 minutes! Try Quotion for free!

On this page