Arlo Support

Overview

Arlo/Artists ‘blueprints’ determine the design and layout of your public-facing sites. You can use one of the default blueprint in the Arlo/Artists theme browser (ie, yoursubdomain.arloartists.com/themes/) and customize it in the design panel.

However, folks comfortable hand-coding HTML can create custom themes by directly editing their blueprint’s HTML code in the ‘advanced’ editor of your design section on the backend interface.

For additional reference, all current default blueprints are available for download/forking/other nonsense on github at http://bit.ly/aa-blueprints.

How do blueprints work?

Arlo/Artists blueprints are based on the Liquid templating system and have two different basic types of operators used to render your content in HTML, blocks and variables.

Blocks are either used to render a block of HTML for a set of data (like a list of your portfolios), or to conditionally render a block of HTML (like a “Previous Page” link). The following simple example loops through an array of portfolios and displays each of their names in an unordered list.

<html>
  <body>
    <ol id="portfolios">
      {% for portfolio in portfolios %}
      <li>{{ portfolio.name }}</li>
      {% endfor %}
    </ol>
  </body>
</html>

Variable tags are used to insert dynamic data like your site’s title or a portfolio’s description:

{{ site.title }}
# returns => "John McEnroe's Artist Portfolio"

We also provide many helper methods that make the process of building your site even easier.

Overview

← Support home

How-Tos

Using blueprints