Display

Orchard Core allows you to customize the look and feel of your application by integrating your own theme or by overriding the rendering of the templates in Razor or Liquid syntax.

Rendering in Orchard Core is built around a few concepts:

• Themes package the layout, templates, and assets (CSS, JavaScript, images) that define the appearance of the site.
• Shapes are the dynamic objects that get rendered. Every piece of the page — the layout, a content item, a field, a menu — is a shape whose template can be replaced.
• Templates provide the markup for shapes. They can live as files in a theme (Liquid or Razor) or be edited from the admin with the Templates module. Naming a template after an alternate (e.g. Content-BlogPost.Summary) targets a specific content type or display type.
• Placement controls which shapes are displayed, in what order, and in which zone or tab.
• Zones are regions of the layout (header, footer, sidebars) in which widgets can be placed, per page, using layers.

Customize your Display

• Create a Theme
• Create a Theme from an HTML Template
• Learn about Shapes
• Edit your Templates
• Learn the Liquid Syntax
• Define the Placement
• Place Widgets with Layers
• Manage your Stylesheets and Scripts