You are here: Documentation
Personal tools
Views

FAQ/Layout and Design/Adapt Your Template

From CMSMS

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

Adapt Your Template

Many people convert an existing website into CMSMS. In that scenario, you likely have enough to do without tweaking yet another set of CSS pages and templates. What you really want to do, then, is simply replace all the supplied templates with your own.

As described [by Ted] in the forum, these are the basic steps:

  • Find a representative page from your current website
  • Create a new blank template in CMSMS
  • Paste the HTML of your chosen page into the box
  • Replace the body of it with a {content} tag (i.e. this is the part that will change from page to page)
  • Replace the menu section (Home, Contact, Link to Us) with {bulletmenu} or {cms_module module='phplayers'}.
  • Put a {stylesheet} tag somewhere in between the <head></head> tags.
  • Maybe put {title} in between the <title></title> tags.


Now you have a new template ready to go, you can create a content page to test it with. Do this by:

  • Create a new blank content page
  • Specify the template name you created above (you can make it the default template to save a step on each new content page).
  • Paste in the text you replaced with the {content} tag above
  • Save the page


Now step back and admire your handiwork. With luck, you'll have a page very similar to the one you started with. Note that the menus won't work correctly until you've added more pages -- they'll be automatically generated.

A longer example with more step by step information can be found in [this long forum post].

Retrieved from "http://wiki.cmsmadesimple.org/index.php/FAQ/Layout_and_Design/Adapt_Your_Template"