Orchard CMS Training

Orchard CMS Articles
Orchard CMS Training, Articles, and Examples

  • David Hayden - Orchard Web Developer
  • Orchard CMS Developer
  • Orchard Module and Theme Developer
  • David Hayden - Orchard Samples and Tutorials

Contents tagged with orchard themes

Layout Placement Feature in Orchard CMS

Layout Placement Feature in Orchard CMS

If you develop Orchard Themes, you will appreciate a new featured, called Layout Placement, introduced in Orchard 1.5. Layout Placement allows you to place a shape in a different zone with a quick change to your Orchard Module's or Orchard Theme's Placement.info file. In this example, I will show you how I used Layout Placement in my Orchard E-Commerce and Online Store Example to place the title of products, categories, and other content types into a zone different than the default Content Zone as specified by Orchard CMS. If you enjoy this tutorial, don't forget to check out my other Orchard CMS Tutorials as well!

read more


Author: David Hayden

Creating Orchard Themes and Modules in WebMatrix 2

Creating Orchard Themes and Modules in WebMatrix 2

Microsoft recently released WebMatrix 2 RC which has numerous new features including code completion / intellisense. As an Orchard CMS Developer, I am excited about intellisense in WebMatrix to help with creating Orchard Themes and Modules. Although the release candidate does offer some code completion to make it easier to develop custom Orchard Themes and Modules in WebMatrix, the development experience is rather spotty at the moment.

read more


Author: David Hayden

Switching Orchard Theme Styles and Colors

Switching Orchard Theme Styles and Colors

Orchard CMS is an excellent content management system based on ASP.NET MVC. I absolutely love creating custom Orchard Themes and Modules for my clients. One particularly nice thing about Orchard is that although it can be very opinionated in the HTML it renders, it will get out of your way! This makes Orchard an absolute joy for creating custom themes for clients. Often these custom themes come in multiple styles / colors and the client wants to switch between those theme variations easily. As with all things in Orchard, this is easily done and I do it with my default theme in Orchard - Twitter Bootstrap.

read more


Author: David Hayden

Twitter Bootstrap Orchard Theme

Twitter Bootstrap Orchard Theme

Twitter came out with a Bootstrap toolkit "designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more." The Bootstrap CSS and JavaScript is indeed nice, so much nicer than the default Orchard Theme - Theme Machine. Now that I have a little free time over the holidays, I thought I would create a custom Orchard Theme based on Bootstrap from Twitter. It's still not quite finished, but Bootstrap is definitely working with Orchard CMS and I am excited to start offering it as a theme for my clients.

read more


Author: David Hayden

Custom Orchard Themes - Converting Existing Web Design and HTML Templates

Custom Orchard Themes - Converting Existing Web Design and HTML Templates

I convert a lot of HTML and CSS Templates to custom Orchard Themes for clients. These web templates are either created by their web designer, purchased from a website selling HTML and CSS Templates, or already exist on their current website that they want me to convert to Orchard CMS. As you might expect, these HTML, CSS, and JavaScript templates are built without any knowledge of Orchard, handmade and not expected to be converted to a CMS Theme, rarely optimized for a production website, and are usually HTML 4 instead of the HTML5 expected by Orchard. Converting these web templates to Orchard Themes is not only about getting these templates to play nicely with Orchard, but optimized for SEO, website performance, and other areas important to the health and welfare of the website and client's business. Here are some observations I've picked up while converting various HTML and Web Templates to Orchard Themes.

read more


Author: David Hayden

New Orchard Theme and Website

New Orchard Theme and Website

Welcome to my new website developed with Orchard CMS, a free open-source content management system running on IIS7, .NET Framework 4.0, and ASP.NET MVC 3.0. I've kept things clean and simple, but the website does host a custom Orchard Theme as well as a number of Orchard customizations and custom Orchard Modules like a Tags Module, Recent Tweets Module, SEO Module, and social networking modules to share blog posts via Twitter and Google +1. Over time I will make further enhancements, but right now I think it looks clean and professional and conveys a sampling of what I can accomplish as an Orchard CMS Developer. Now let's take a peek under the hood.

read more


Author: David Hayden