Book Image

CMS Made Simple 1.6: Beginner's Guide

Book Image

CMS Made Simple 1.6: Beginner's Guide

Overview of this book

CMS Made Simple is a an open source content management system that allows rapid website development in a fraction of the normal time, avoiding hours of coding by providing modules and 3rd Party add-ons. With this book in hand you will be able to harness the power of this modular and extendable content management system at your fingertips.This guide for CMS Made Simple is based on practical and working solutions allowing you to understand how this powerful and simple application can support you in your daily work. The workshop helps you create engaging, effective, and easy-to-use CMS websites for businesses, clubs, or organizations.This is a step- by-step case study, aimed at helping you build a complete professional website with CMS Made Simple. You can take a ready-to-use template or implement your own custom design, enrich the website with features like a photo gallery, an e-commerce solution with PayPal checkout, and forms of any complexity or popular JQuery effects and finish it off by optimizing it for search engines. The useful HTML and CSS code snippets are optimized and can be easily adapted for your own projects. Chapter by chapter you will put yourself in the role of web designer, developer, administrator, and business manager, thus learning every aspect needed for building rich websites that are very simple to manage.
Table of Contents (17 chapters)
CMS Made Simple 1.6
Credits
About the Author
About the Reviewers
Preface

Time for action - creating the stylesheet


Normally, in static HTML pages, you create a CSS file and attach it to your template using an HTML<link> tag. In CMS Made Simple, stylesheets are saved in the database, and therefore cannot be linked directly. Let us see how stylesheets can be created and attached to the templates.

  1. 1. In the admin console, click on Layout | Stylesheets.

  2. 2. Click the Add a Stylesheet link at the bottom of the list.

  3. 3. Type in the name of the new stylesheet and enter the CSS code in the Content field, as shown in the following screenshot:

  1. 4. Click on Submit. The new stylesheet is added to the list of stylesheets.

  2. 5. To attach the new stylesheet to your template, in the admin console, click on Layout | Templates.

  3. 6. In the list of templates, click on the blue CSS icon, as shown in the following screenshot:

  1. 7. Select My First Style Sheet from the drop-down field, and click on Add a Stylesheet.

  2. 8. The last step is to add a Smarty plugin that will call the attached stylesheet...