Tutorials – Learning Composr

Tutorials

Early access codes for sharing early content and designs

By:
Patrick Schmalstig
Added:
30th Sep 2024
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Auxillary
Tags:
Rating:

This tutorial covers how you can distribute early access codes for early access to restricted site content and designs.

Inline editing in Composr

By:
Chris Graham
Added:
31st Dec 2017
Edited:
18th Nov 2025
Difficulty:
Expert
Tutorial type:
Auxillary
Tags:
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam Edington)

An explanation of how the inline editing functionality deep within Composr works.

Using Chrome development tools to help with themeing

By:
Raji
Added:
31st Aug 2015
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Auxillary
Tags:
Rating:

This tutorial shows how to use the Google Chrome developer tools to help you with your themeing.

Mobile design

By:
Chris Graham
Added:
30th Apr 2015
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam Edington)

This tutorial explains both Composr's mobile mode and responsive design techniques.

Theme Lifecycle

By:
Chris Graham
Added:
31st Oct 2014
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

How the files in a theme are managed, from initial theme creation, through upgrades.

Install a Theme in Composr

By:
Steve Jarvis, Sponsored by Arvixe hosting
Added:
31st Jan 2014
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Auxillary
Tags:
Rating:
Item has a rating of 1

This tutorial shows how to install a third party theme on your website.

How to Change Your Favicon and Site Logo in Composr

By:
Steve Jarvis, Sponsored by Arvixe hosting
Added:
30th Apr 2013
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Auxillary
Tags:
Rating:

There are two styling elements you will probably want to change when you begin working on your new Composr website. You will need to change the site logo and you will also need to change your website's favicon.

Customising Your Composr Website's Design

By:
Steve Jarvis, Sponsored by Arvixe hosting
Added:
31st Mar 2013
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Auxillary
Tags:
Rating:

How knowledgeable you are in CSS and HTML will determine how detailed a customisation you will be able to make. This tutorial aims to make it easier to find your way around the files you need to edit.

Making a new theme

By:
Jean Gosselin
Added:
30th Apr 2012
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Auxillary
Tags:
Rating:

An illustrated step-by-step tutorial on making a new theme.

Designer themes, implementing a clean-room design

By:
Chris Graham
Added:
31st Jan 2011
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

This tutorial is a deep-end introduction to Composr for web designers.

Introduction to web design

By:
Chris Graham
Added:
30th Apr 2009
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

This tutorial is an introduction to the artistic side of web design.

Guide to web technologies (including HTML, CSS, and JavaScript)

By:
Philip Withnall
Added:
30th Apr 2009
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:
Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 Item has a rating of 5 (Liked by Adam Edington)

This tutorial is an introduction to the main standard web technologies that Composr is built upon.

Tempcode programming

By:
Chris Graham
Added:
31st Aug 2008
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:
Item has a rating of 4 Item has a rating of 4 Item has a rating of 4 Item has a rating of 4 (Liked by Adam Edington)

You'll be shocked at how much themeing control you can muster using Tempcode. Learn all about it...

Helping improve site accessibility for disabled users

By:
Chris Graham
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

We discuss how to ensure your website remains accessible to people with disabilities (Composr meets WCAG out-of-the-box).

Browser version requirements

By:
Chris Graham
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Core documentation
Tags:
Rating:

This tutorial details the browser requirements for visitors to a Composr site, determined by the CSS/XHTML/JavaScript in our default theme.

Fixed-width layouts

By:
Chris Graham
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Novice
Tutorial type:
Core documentation
Tags:
Rating:

A very practical tutorial showing how to created a fixed-width layout, and how to change the site header.

Supplementary web technologies (media, social networking, etc)

By:
Chris Graham
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

This tutorial will explain and detail some of the features of web technologies that are often forgotten.

Releasing a theme

By:
Chris Graham
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:
Item has a rating of 1

A short tutorial explaining how to share a theme with other Composr webmasters, by exporting it as an addon.

Themeing your site

By:
Allen Ellis
Added:
31st Jul 2008
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:
Item has a rating of 3 Item has a rating of 3 Item has a rating of 3 (Liked by Adam Edington)

Our key themeing tutorial - how to re-theme your site, by changing CSS, templates, and theme images.

Authoring Tool Accessibility Guidelines 2.0 - Composr version 10.0 compliance

By:
Chris Graham
Added:
9th Apr 2006
Edited:
18th Nov 2025
Difficulty:
Regular
Tutorial type:
Core documentation
Tags:
Rating:

A formal description of Composr's compliancy with the ATAG accessibility standard.

Need better information?

The Composr documentation is user-driven:

  • If you have found documentation problems that you'd like someone else to solve log an issue to the tracker.
  • If you'd like to contribute a chunk of documentation to go into a tutorial, also log an issue to the tracker.
  • If you want to contribute a new tutorial you can submit a link.