Home

How to Add Additional Templates to Your HTML5 and CSS3 Site with WebsiteBaker

|
Updated:  
2016-03-26 13:12:43
|
HTML5 and CSS3 All-in-One For Dummies
Explore Book
Buy On Amazon

Typically, you'll want to work with additional templates for your HTML5 and CSS3 website. Fortunately, there are hundreds of great templates available, and you can easily build your own. Here's how to add additional templates.

  1. Locate the template you want online.

    A number of web places offer great, free templates for WebsiteBaker. One great one is the Templates repository. The templates in this archive are approved by the WebsiteBaker community and meet minimum quality standards. (Note that many of these templates have been adopted from other CMS systems so you can often get the same general look and feel regardless of the CMS you choose.)

  2. Download a template or two that you like.

    When browsing templates, remember that you will be able to modify them. If you don't like the particular colors or images, you can change them later. Save the downloaded .zip file somewhere on your local machine.

  3. Log in to WebsiteBaker as admin.

    Only the administrator can add new templates to the system.

  4. Navigate to the Templates page of the Add-ons section.

    This is where you install and uninstall downloaded templates.

  5. Click the Browse button to locate the .zip file on your local system.

    Load the entire .zip file containing the template onto the server.

  6. Click the Install button to begin the process.

    You receive a notification when the installation is complete.

  7. Navigate to the Settings section.

    Installing a template does not apply the template automatically.

  8. In Settings, apply the new template.

    Specify the template to display from the drop-down list of templates.

  9. Preview your new look.

    Use the Preview button (or reload the currently showing version of the CMS) to see the new look.

    image0.jpg

The Multiflex-3 template is one of the most commonly used templates on the Internet. The original design was built with plain HTML/CSS implementation in mind but has been ported to nearly every CMS including WebsiteBaker. The design is a solid and very flexible starting place. After you get to know it, you'll recognize it all over the place.

About This Article

This article is from the book: 

About the book author:

Andy Harris earned a degree in Special Education from Indiana University/Purdue University–Indianapolis (IUPUI). He taught young adults with severe disabilities for several years. He also taught himself enough computer programming to support his teaching habit with freelance programming.
Those were the exciting days when computers started to have hard drives, and some computers connected to each other with arcane protocols. He taught programming in those days because it was fun.
Eventually, Andy decided to teach computer science full time, and he still teaches at IUPUI. He lectures in the applied computing program and runs the streaming media lab. He also teaches classes in whatever programming language is in demand at the time. He has developed a large number of online video-based courses and international distance education projects.
Andy has written several books on various computing topics and languages including Java, C#, mobile computing, JavaScript, and PHP/MySQL.
Andy welcomes comments and suggestions about his books. He can be reached at [email protected].