Designing interactive web templates
A web template author can author interactive web templates via a static markup language-based authoring tool. The web template author can insert static markup language snippets representing one or more configurable controls of a web template into a static markup language-based authoring tool. Each snippet includes a definition of a preview of a configurable control in a static markup language as well as one or more disabled CMS instructions for the configurable control. The web template author can configure and view previews of the inserted configurable controls as they are added to the web template being developed within the static markup language-based authoring tool. When the web template author is satisfied with a version of a web template, the web template author can upload the static markup language definition of the web template to the server, where the web template is converted into a CMS-compatible web template.
1. A method comprising:
receiving a static markup language web template, the static markup language web template including one or more static markup language instructions defining a preview of a configurable control displayable within a static markup language authoring system and one or more content management system instructions defining the configurable control, the one or more content management system instructions being disabled within the static markup language web template;
disabling the one or more static markup language instructions defining the preview of the configurable control;
enabling the one or more content management system instructions defining the configurable control; and
rendering at a web server the static markup language web template using the one or more enabled content management system instructions for the configurable control.
2. The method of claim 1 wherein the web template is rendered as part of a webpage in combination with content via a content management system.
3. The method of claim 1 wherein the web template is rendered as a preview in a browser.
4. The method of claim 1 wherein the rendering operation comprises:
presenting one or more messages pertaining to the rendering of the web template as a preview.
5. The method of claim 1 further comprising:
presenting a gallery of configurable controls, the gallery including a section presenting copyable static markup language instructions including the one or more instructions defining the preview of the configurable control and the one or more disabled content management system instructions defining the configurable control.
6. The method of claim 1 further comprising:
presenting a gallery of configurable controls, the gallery including a section through which the configurable control is customized by one or more editable properties and a section through which the customized configurable control is previewed.
7. The method of claim 1 further comprising:
presenting a gallery of configurable controls, the gallery including a customization section through which the configurable control is customized by one or more editable properties, a snippet section presenting copyable instructions including the one or more static markup language instructions defining the preview of the configurable control and the one or more disabled content management system instructions defining the configurable control, and a preview section displaying the preview of the configurable control as defined by the static markup language instructions, the copyable instructions including customization defined by the editable properties in the customization section; and
incorporating, into the static markup language web template, at least the copyable instructions including the one or more static markup language instructions defining the preview of the configurable control and the one or more disabled content management instructions defining the configurable control.
8. The method of claim 1 wherein the disabling operation comprises:
deleting the one or more static markup language instructions defining the preview of the configurable control.
9. The method of claim 1 wherein the enabling operation comprises:
removing one or more comment structures used to disable the one or more content management system instructions.
10. A physical hardware system comprising:
a markup language converter hardware subsystem configured to access a web template including one or more content management system instructions defining a configurable control and one or more static markup language instructions defining a preview of the configurable control, the one or more content management system instructions being disabled within the web template, the markup language converter being further configured to enable the one or more content management system instructions defining the configurable control by modifying a property or tag and to disable the one or more static markup language instructions defining the preview of the configurable control; and
a web server configured to render the web template using the one or more enabled content management system instructions for the configurable control, the content management system instructions functioning to combine content with the web template to create a webpage.