Change theme:   

Create custom websites

You can build completely customized website designs in Edicy. All you have to do is to work on the html-based code of page templates, stylesheets (CSS), javascripts and image files.

You can build practically any kind of website with Edicy code editor.

There are virtually no limits on number of different page templates associated with your site. Editing templates require you to have some knowledge of HTML markup language and optionally with CSS and Javascript. Edicy is using liquidmarkup templating engine to render page content into HTML output. Extra markup language is needed to bring dynamic and manageable content from Edicy to HTML pages it produces.

Open code editor

To customize your site's design, just go to "Design" view and click on "Customize current design" button. Here is a simple example of page template code. You can create them as many you'd like. See more at examples page.

<html>
  <head>
    <title>{{ page.title }}</title>
    <meta name="keywords" content="{{ page.keywords }}" />
    <meta name="description" content="{{ page.description }}" />
    {% stylesheet_link "style.css" %}
    {% rss_link %}
  </head>
  <body>
    <h1>Welcome to Edicy!</h1>
    {% content %}
  </body>
</html> 

As you can see here, there are two types of markup elements in Liquid markup - output and tag elements. 

Output elements are surrounded by {{ two curly brackets }} and can optionally passed through filters which modify the output. In Edicy, output elements are being used to render variables and properties of objects to HTML.

Tag elements are surrounded by {% a curly bracket and a percent %}. Tags may also generate output but they usually control the program flow on generating output. 

Examples on creating layouts

One good way to learn coding is to look at other people's code. We've put up the most common code snippets we use everyday to create page templates on Edicy. Take a look at all examples and howtos.

Objects

Objects give you access to everything that is editable in Edicy. They have properties which in turn can be other objects or just plain variables that can be rendered in output using output elements described above. For example, you have access to your site properties, such as title or meta keywords current page or blog article the user is at etc.

Tags

Tags control the template generation flow, for example, looping through lists of objects, performing conditional actions or creating editable content area on your page. See full list of available tags.

Components

Components are useful for common code snippets that are being shared accross several page templates, for example, generating site navigation menu with links to all pages on site or page footer with contact information. See more on components.

Localization and internationalization

Edicy templates support basic i18n support. Read more.