Structure and content

Everyone wants their website to look fantastic. With 36 themes built right in, you can create a great-looking Liftoff site without much effort. Still, you may want to modify bits and pieces to suit your client or business. This area provides information about how to work with the customization tools available to you in Liftoff and explains our basic site structure and the tools we use to assist in customization.

Understand the structure of a Liftoff site

For illustration purposes, think of Liftoff as a car:

  • The frame of the car = your site “layout.” This is the foundation, or skeleton, upon which the rest of the site is built.
  • The sections of the car's body = your site's “pages.” Where a car might have hood, cabin, and trunk areas, your site might have merchandise, about, and FAQ areas.
  • The features within the car's body areas (like seats, engine, shifter, and trunk junk) = your site's “content blocks.”
  • Where these features are located within the car = your site's “content areas.” With the car, this answers questions like, "What engine does it have?" and "What kind of junk is there in the trunk?" On your Liftoff site, this answers questions like, " The colors and materials are defined by the CSS. You can really customize your car, but it is still a car. Some parts (content blocks) of the car are standard and can’t be modified because it might make the car stop running. Therefore, you’ll see some “content blocks” you can’t edit. Liftoff refers to this as “locked content”.

Layouts

A layout is a special block of markup which is used to describe the general structure of a site, including the headers, footers, and navigation, and which contains content areas as well as links to stylesheets and necessary scripts.

Learn more about Layouts

Pages

A page represents a single page of content within a Liftoff site. Each page can be reached in the browser at a specific URL, contains a number of content blocks and derives its structure from a layout

Learn more about Pages

Content Blocks

A content block is a unit of HTML markup which can be placed on a page in any of the content areas defined by the page's layout. A content area may only contain a single content block.

Learn more about Content Blocks

Content Areas

Each page contains a number of pre-determined content areas based on its layout. Content areas define where content blocks are placed, and where their contents appears within the site's markup, and in the browser.

Learn more about Content Areas

Container Pages

Container pages are a special type of page which are used for repeating content, and act as a sort of secondary layout. Typical uses include enumerating blog articles, displaying spec sheets, and any other creative use you can think of.

Learn more about Container Pages

Records

Records are an integral component of Liftoff's content management system. They're best thought of as a type of database. By defining a record type, and creating records of that type, you can easily manage important data like business locations for use in templates, slides for an image carousel on your site's homepage, blog articles, and much, much more.

Learn more about Records

Handlebars

Handlebars is a multi-platform templating engine with an approachable syntax and feature set. Liftoff makes heavy use of the Handlebars system for display logic, presentation of record data, and presentation of site information.

Learn more about Handlebars

👍

Where can I learn HTML / CSS / JavaScript, or other web technologies?

Launchpad does not offer training in these subjects. However, they are the building blocks of the web, and there are countless resources available for learning about them and their applications. Our team members may be able to offer recommendations of learning materials that they have found useful as they've developed their own professional skillsets over our combined 100+ years of experience if you are interested in learning more.